:root{--bg-primary: #0a0b14;--bg-secondary: #121420;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-glow: rgba(59, 130, 246, .5);--font-family-base: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}.navbar{position:fixed;top:0;width:100%;height:80px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;background:transparent}.navbar.scrolled{background:#0a0b14cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:70px;box-shadow:0 4px 30px #0000001a;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-container{width:90%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.8rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.navbar-company-name{font-size:.85rem;font-weight:400;color:var(--text-secondary);margin-left:.5rem;letter-spacing:0}.navbar-logo .dot{color:var(--accent-primary)}.navbar-right{display:flex;align-items:center;gap:2rem}.navbar-links{display:flex;gap:2rem}.navbar-links a{font-size:1rem;color:var(--text-secondary);transition:color .3s ease;font-weight:500}.navbar-links a:hover{color:var(--text-primary)}.lang-toggle{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:.3rem .8rem;border-radius:20px;font-size:.9rem;transition:all .3s ease}.lang-toggle:hover{background:#ffffff1a;border-color:var(--accent-primary)}@media(max-width:768px){.navbar-links{display:none}.navbar-right{gap:0}}.hero{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;overflow:hidden;padding-top:80px}.hero-content{z-index:2;padding:0 1rem;max-width:800px}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-2px}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn{padding:.8rem 2rem;border-radius:50px;font-weight:600;transition:all .3s ease;font-size:1rem}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 0 20px #3b82f64d}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 0 30px #3b82f680}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--text-primary)}.btn-product{border-color:#3b82f666;color:var(--text-primary)}.btn-product:hover{background:#3b82f61f;border-color:var(--accent-primary)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 10s infinite ease-in-out}.glow-1{background:var(--accent-primary);width:400px;height:400px;top:-100px;left:-100px}.glow-2{background:var(--accent-secondary);width:500px;height:500px;bottom:-150px;right:-150px;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}}.services{padding:8rem 2rem;background-color:var(--bg-primary)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;font-weight:700;background:linear-gradient(to right,#fff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{background:var(--bg-secondary);padding:2.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);opacity:0;transition:opacity .3s ease;z-index:-1}.service-card:hover{transform:translateY(-10px);border-color:#3b82f64d;box-shadow:0 10px 40px -10px #00000080}.service-card:hover:before{opacity:1}.service-icon{font-size:3rem;margin-bottom:1.5rem}.service-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.service-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.about{padding:8rem 2rem;background-color:var(--bg-secondary);position:relative}.about-container{max-width:1200px;margin:0 auto}.about-content{display:flex;align-items:center;gap:4rem;margin-top:3rem}.about-text{flex:1}.about-text h3{font-size:2rem;color:var(--accent-primary);margin-bottom:1.5rem;font-style:italic}.about-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-visual{flex:1;display:flex;justify-content:center;align-items:center}.circle-graphic{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--accent-secondary),transparent 70%);opacity:.2;position:relative}.circle-graphic:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:2px solid var(--accent-primary);border-radius:50%;animation:pulse 4s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.5}}@media(max-width:768px){.about-content{flex-direction:column}}.footer{padding:4rem 2rem 2rem;background-color:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.footer-logo .dot{color:var(--accent-primary)}.footer-contact p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.footer-copyright{text-align:center;color:#fff3;font-size:.8rem;border-top:1px solid rgba(255,255,255,.05);padding-top:2rem}.footer-beian{margin-top:.5rem}.footer-beian a{color:#fff3;font-size:.8rem;text-decoration:none;transition:color .3s ease}.footer-beian a:hover{color:#ffffff80}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:2rem}}.download-page{background:linear-gradient(180deg,#0a0b14 0 140px,#f5f7fb 140px 100%);color:#111827}.download-shell{width:min(1120px,calc(100% - 2rem));margin:0 auto}.download-hero,.download-problem-section,.download-solution-section,.download-app-overview,.download-screenshots-section,.download-platforms-section{padding:3.5rem 0}.download-hero{padding-top:7rem;padding-bottom:2.5rem}.download-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);gap:2.5rem;align-items:center}.download-hero-copy,.download-section-header,.download-hero-visual,.download-platforms-grid,.download-highlights-grid,.download-screenshot-grid,.download-problem-grid,.download-solution-flow{position:relative;z-index:2}.download-eyebrow{color:#4f46e5;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.85rem}.download-title{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.05em;color:#111827;margin-bottom:1rem}.download-title span{color:#4338ca}.download-subtitle,.download-section-copy,.download-problem-card p,.download-step-card p,.download-highlight-card p,.download-platform-copy p,.download-qr-panel span,.download-support-inline,.download-support-card__label{color:#6b7280}.download-subtitle,.download-section-copy{font-size:1.05rem;line-height:1.75;max-width:640px}.download-hero-points{display:grid;gap:.75rem;margin-top:1.5rem}.download-hero-points li{display:flex;gap:.6rem;align-items:flex-start;font-size:.98rem;color:#374151}.download-hero-points li:before{content:"•";color:#4f46e5;font-size:1.2rem;line-height:1}.download-hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.75rem}.download-support-inline{margin-top:1.15rem;font-size:.95rem}.download-support-inline a,.download-support-card__email{color:#4338ca;font-weight:600}.download-hero-visual{min-height:420px;display:flex;align-items:center;justify-content:center;position:relative}.download-phone-card{position:absolute;width:min(240px,44vw);border-radius:32px;overflow:hidden;background:#fff;border:1px solid rgba(148,163,184,.28);box-shadow:0 24px 60px #0f172a24}.download-phone-card img{display:block;width:100%}.download-phone-card--primary{z-index:3;transform:translateY(-12px)}.download-phone-card--secondary{left:0;bottom:0;z-index:2;transform:rotate(-7deg)}.download-phone-card--tertiary{right:0;top:1rem;z-index:1;transform:rotate(7deg)}.download-section-header{max-width:760px;margin:0 auto 2rem;text-align:center}.download-section-header--compact{margin-bottom:1.5rem}.download-problem-grid,.download-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.download-problem-card,.download-highlight-card,.download-step-card,.download-platform-card,.download-screenshot-card,.download-support-card{background:#fffffff2;border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 16px 45px #0f172a14}.download-problem-card,.download-highlight-card,.download-step-card{padding:1.5rem}.download-problem-card h3,.download-highlight-card h3,.download-step-card h3,.download-platform-copy h3{color:#111827;margin-bottom:.65rem;font-size:1.1rem}.download-solution-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.download-step-index{display:inline-flex;margin-bottom:.9rem;padding:.35rem .7rem;border-radius:999px;background:#4f46e514;color:#4338ca;font-size:.8rem;font-weight:700;letter-spacing:.08em}.download-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.download-screenshot-card{overflow:hidden;padding:.9rem}.download-screenshot-label{display:inline-block;margin-bottom:.8rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4338ca}.download-screenshot-card img,.download-qr-image,.download-qr-panel svg{width:100%;display:block;border-radius:18px}.download-platforms-section{padding-top:2rem;padding-bottom:4rem}.download-platforms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.download-platform-card{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:1.5rem;align-items:center;padding:1.5rem}.download-platform-tag{color:#6366f1;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem}.download-qr-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.85rem;border-radius:20px;background:#f8fafc}.download-qr-panel svg{background:#fff;padding:.45rem}.download-qr-image{max-width:176px;background:#fff;padding:.35rem}.download-cta{width:100%;text-align:center}.download-support-card{margin-top:1.25rem;padding:1.25rem 1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.download-support-card__email{font-size:1.05rem}@media(max-width:1024px){.download-hero-grid,.download-problem-grid,.download-solution-flow,.download-highlights-grid,.download-screenshot-grid,.download-platforms-grid{grid-template-columns:1fr}.download-hero-visual{min-height:360px}}@media(max-width:768px){.download-page{background:linear-gradient(180deg,#0a0b14 0 110px,#f5f7fb 110px 100%)}.download-hero,.download-problem-section,.download-solution-section,.download-app-overview,.download-screenshots-section,.download-platforms-section{padding:2.5rem 0}.download-hero{padding-top:6rem}.download-hero-actions,.download-support-card{flex-direction:column;align-items:stretch}.download-phone-card{width:48vw}.download-platform-card{grid-template-columns:1fr}}.update-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1200;display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid rgba(59,130,246,.35);border-radius:999px;background:#0a0b14f2;box-shadow:0 12px 40px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.update-banner__message{color:var(--text-primary);font-size:.95rem;font-weight:500}.update-banner__action{padding:.55rem 1rem;border-radius:999px;background:var(--accent-primary);color:#fff;font-size:.9rem;font-weight:600;transition:background .2s ease,transform .2s ease}.update-banner__action:hover{background:#2563eb;transform:translateY(-1px)}@media(max-width:640px){.update-banner{width:calc(100% - 2rem);top:.75rem;padding:.9rem 1rem;border-radius:20px;flex-direction:column;align-items:stretch}.update-banner__action{width:100%}}
