: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}}