: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)}.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}}.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,#0a0b14fa,#121420fa)}.download-hero,.download-platforms-section,.download-app-overview,.download-screenshots-section{padding:6rem 2rem}.download-hero{min-height:72vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:9rem;text-align:center}.download-hero-content,.download-platforms-grid,.download-app-overview,.download-screenshots-section{position:relative;z-index:2}.download-hero-content,.download-section-header{max-width:880px;margin:0 auto}.download-eyebrow{color:var(--accent-primary);font-size:.95rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}.download-title{font-size:4rem;line-height:1.05;letter-spacing:-.04em;margin-bottom:1.5rem}.download-subtitle,.download-section-copy,.download-platform-copy p,.download-highlight-card p,.download-qr-panel span{color:var(--text-secondary)}.download-subtitle,.download-section-copy{font-size:1.15rem;max-width:720px;margin:0 auto}.download-platforms-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.download-platform-card,.download-highlight-card,.download-screenshot-card{background:#121420e6;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 24px 80px #00000038}.download-platform-card{padding:2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.download-platform-tag{color:var(--accent-primary);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}.download-platform-copy h2{font-size:2rem;margin-bottom:1rem}.download-qr-panel{min-width:224px;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.2rem;border-radius:20px;background:#ffffff08}.download-qr-panel svg{width:176px;height:176px;background:#fff;padding:.5rem;border-radius:16px}.download-cta{width:100%;text-align:center}.download-app-overview,.download-screenshots-section{max-width:1200px;margin:0 auto}.download-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem}.download-highlight-card{padding:1.75rem}.download-highlight-card h3{font-size:1.15rem;margin-bottom:.75rem}.download-screenshot-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.download-screenshot-card{overflow:hidden;padding:.75rem}.download-screenshot-card img{width:100%;display:block;border-radius:18px}@media(max-width:1024px){.download-platforms-grid,.download-highlights-grid,.download-screenshot-grid{grid-template-columns:1fr}}@media(max-width:768px){.download-title{font-size:2.8rem}.download-platform-card{grid-template-columns:1fr}.download-qr-panel{width:100%}}
