:root{--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-tertiary:#1c1c1f;--bg-elevated:#222226;--bg-dark:#050506;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-dark:#6d28d9;--primary-bg:#8b5cf61a;--accent:#06b6d4;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--card-bg:#22222699;--card-border:#ffffff14;--card-border-hover:#ffffff26;--card-shadow:0 8px 32px #0006;--card-glow:0 0 40px #8b5cf633;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none;transition:color .3s}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.grid-bg{pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}.particle-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.gradient-text{background:linear-gradient(135deg,#fff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-btn{background:var(--primary-gradient);color:var(--text-primary);border-radius:var(--radius-xl);padding:14px 32px;font-size:16px;font-weight:500;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #8b5cf666}.glow-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf699}.glow-btn:hover:before{left:100%}.glow-btn:active{transform:translateY(0)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);background:#14141e99;transition:all .3s}.glass-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-glow);transform:translateY(-4px)}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.page-wrapper{min-height:100vh;padding-top:80px;position:relative}.section{padding:var(--spacing-2xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-sm);font-size:36px;font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-2xl);font-size:18px}.btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);color:var(--text-primary);border-radius:var(--radius-xl);background:#14141e99;padding:14px 32px;font-size:16px;font-weight:500;transition:all .3s}.btn-outline:hover{border-color:var(--card-border-hover);background:#14141ee6;transform:translateY(-2px)}@media (width<=768px){.section-title{font-size:28px}}.navigation{z-index:1000;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navigation.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0be6;border-bottom:1px solid #8b5cf61a}.nav-container{z-index:1;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;position:relative}.logo{align-items:center;gap:12px;transition:opacity .3s;display:flex}.logo:hover{opacity:.8}.logo-icon{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.logo-text{flex-direction:column;display:flex}.logo-cn{background:linear-gradient(135deg,#fff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;line-height:1.2}.logo-en{color:#a78bfa;letter-spacing:2px;text-transform:uppercase;font-size:10px}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 18px;font-size:15px;transition:all .3s;position:relative}.nav-link:after{content:"";background:var(--primary-gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#8b5cf61a}.nav-link:hover:after,.nav-link.active:after{width:20px}.mobile-menu-btn{z-index:1001;background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-btn span{background:var(--text-primary);width:24px;height:2px;transition:all .3s}@media (width<=768px){.mobile-menu-btn{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0bfa;flex-direction:column;gap:8px;width:280px;height:100vh;padding:80px 24px 24px;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-link{width:100%;padding:14px 18px}}.footer{background:var(--bg-secondary);border-top:1px solid var(--card-border);padding:60px 0 0;position:relative}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.footer-logo{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-logo .logo-icon{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.footer-logo .logo-text{flex-direction:column;display:flex}.footer-logo .logo-cn{background:linear-gradient(135deg,#fff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.footer-logo .logo-en{color:#a78bfa;letter-spacing:2px;text-transform:uppercase;font-size:10px}.footer-description{color:var(--text-secondary);max-width:300px;font-size:14px;line-height:1.6}.footer-section h4{color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:600}.footer-links,.footer-contact{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);font-size:14px;transition:color .3s}.footer-links a:hover{color:var(--primary)}.footer-contact li{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.footer-bottom{border-top:1px solid var(--card-border);margin-top:60px;padding:24px 0}.footer-bottom-content{text-align:center;max-width:1200px;margin:0 auto;padding:0 24px}.footer-bottom-content p{color:var(--text-muted);font-size:13px}@media (width<=768px){.footer-container{grid-template-columns:1fr;gap:32px}.footer{padding:40px 0 0}.footer-bottom{margin-top:40px}}.home-page{min-height:100vh;position:relative;overflow-x:hidden}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.hero-content{text-align:center;z-index:1;max-width:900px}.hero-title{color:var(--text-primary);margin-bottom:24px;font-size:clamp(36px,6vw,56px);font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:clamp(16px,2vw,20px);line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.services-section{z-index:1;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:100px 0;position:relative}.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.service-card{text-align:center;padding:32px 24px}.service-icon{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:48px;display:inline-block}.service-title{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:600}.service-description{color:var(--text-secondary);font-size:15px;line-height:1.7}.cases-section{z-index:1;padding:100px 0;position:relative}.cases-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;display:grid}.case-card{padding:32px}.case-title{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:600}.case-result{color:var(--primary);border-top:1px solid var(--card-border);padding-top:16px;font-size:16px;font-weight:600}.cases-cta{text-align:center}.cta-section{z-index:1;background:var(--bg-primary);padding-bottom:80px;position:relative}.cta-content{text-align:center;max-width:700px;margin:0 auto;padding:60px 40px}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.services-grid,.cases-grid{grid-template-columns:1fr}.services-section,.cases-section{padding:60px 0}}.about-page{min-height:100vh;padding-top:80px;position:relative}.about-hero{text-align:center;z-index:1;padding:120px 24px 80px;position:relative}.page-title{color:var(--text-primary);margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:20px}.story-section{z-index:1;position:relative}.story-content{max-width:800px;margin:0 auto}.story-text{margin-top:40px}.story-text p{color:var(--text-secondary);margin-bottom:24px;font-size:18px;line-height:2}.values-section{z-index:1;background:var(--bg-secondary);padding:100px 0;position:relative}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.value-card{text-align:center;padding:40px 24px}.value-icon{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:48px;display:inline-block}.value-title{color:var(--text-primary);margin-bottom:12px;font-size:22px;font-weight:600}.value-content{color:var(--text-secondary);font-size:16px}@media (width<=768px){.page-title{font-size:32px}.values-grid{grid-template-columns:1fr}.values-section{padding:60px 0}}.services-page{min-height:100vh;padding-top:80px;position:relative}.services-hero{text-align:center;z-index:1;padding:120px 24px 80px;position:relative}.services-detail-section{z-index:1;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:100px 0;position:relative}.services-detail-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.service-detail-card{padding:40px}.service-detail-title{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.service-detail-description{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.7}.service-features{margin:0 0 24px;padding:0;list-style:none}.service-features li{color:var(--text-tertiary);border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:8px 0;font-size:15px;display:flex}.feature-icon{color:var(--primary);font-size:14px}.service-price{color:var(--primary);border-top:1px solid var(--card-border);padding-top:20px;font-size:20px;font-weight:600}@media (width<=768px){.services-detail-grid{grid-template-columns:1fr}.page-title{font-size:32px}.services-detail-section{padding:60px 0}}.product-page{min-height:100vh;padding-top:80px;position:relative}.product-hero{text-align:center;z-index:1;padding:120px 24px 80px;position:relative}.product-hero .page-title{color:var(--text-primary);margin-bottom:16px;font-size:clamp(36px,6vw,56px);font-weight:700}.product-hero .page-subtitle{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:clamp(18px,2vw,24px)}.features-section{z-index:1;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:100px 0;position:relative}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;display:grid}.feature-card{text-align:center;padding:32px 24px}.feature-icon{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:40px;display:inline-block}.feature-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:15px;line-height:1.6}.highlights-section{z-index:1;padding:100px 0;position:relative}.highlights-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;display:grid}.highlight-card{border:1px solid var(--card-border);border-radius:var(--radius-xl);text-align:center;background:#14141e99;padding:40px 24px;transition:all .3s}.highlight-card:hover{border-color:var(--card-border-hover);transform:translateY(-4px);box-shadow:0 0 40px #8b5cf626}.highlight-icon{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:48px;display:inline-block}.highlight-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.highlight-desc{color:var(--text-secondary);font-size:14px}.cta-section{z-index:1;background:var(--bg-primary);padding:80px 0;position:relative}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{color:var(--text-primary);margin-bottom:16px;font-size:32px;font-weight:700}.cta-desc{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.btn-large{padding:16px 40px;font-size:18px}@media (width<=1024px){.features-grid,.highlights-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.product-hero .page-title{font-size:36px}.features-grid,.highlights-grid{grid-template-columns:1fr}.cta-title{font-size:24px}.features-section,.highlights-section{padding:60px 0}}.cases-page{min-height:100vh;padding-top:80px;position:relative}.cases-hero{text-align:center;z-index:1;padding:120px 24px 80px;position:relative}.cases-detail-section{z-index:1;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:100px 0;position:relative}.case-detail-card{margin-bottom:24px;padding:40px}.case-header{margin-bottom:32px}.case-industry{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;display:inline-block}.case-title{color:var(--text-primary);font-size:24px;font-weight:700}.case-body{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.case-section h4{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.case-section p{color:var(--text-secondary);font-size:15px;line-height:1.8}.case-results{margin:0;padding:0;list-style:none}.case-results li{color:var(--text-secondary);align-items:center;gap:12px;padding:8px 0;font-size:15px;display:flex}.result-icon{color:var(--primary)}@media (width<=768px){.page-title{font-size:32px}.case-body{grid-template-columns:1fr;gap:24px}.cases-detail-section{padding:60px 0}}.contact-page{min-height:100vh;padding-top:80px;position:relative}.contact-hero{text-align:center;z-index:1;padding:120px 24px 80px;position:relative}.contact-section{z-index:1;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:100px 0;position:relative}.contact-grid{grid-template-columns:1fr 1.5fr;gap:60px;display:grid}.contact-info{padding-right:20px}.info-title{color:var(--text-primary);margin-bottom:24px;font-size:28px;font-weight:700}.contact-items{flex-direction:column;gap:24px;display:flex}.contact-item{align-items:flex-start;gap:16px;display:flex}.contact-icon{color:var(--primary);flex-shrink:0;margin-top:4px;font-size:24px}.contact-item h4{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.contact-item p{color:var(--text-secondary);font-size:15px}.contact-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid var(--card-border);background:#14141e99;padding:40px}.submit-success{text-align:center;padding:60px 20px}.submit-success h3{color:var(--primary);margin-bottom:12px;font-size:24px;font-weight:700}.submit-success p{color:var(--text-secondary);font-size:16px}.contact-form{flex-direction:column;display:flex}.contact-form .form-group{margin-bottom:20px}.contact-form .form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.contact-form .form-input{border:1px solid var(--card-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#1c1c1f80;padding:14px 16px;font-size:16px;transition:all .3s}.contact-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.contact-form .form-input::placeholder{color:var(--text-muted)}.contact-form .form-textarea{resize:vertical;min-height:150px}.submit-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;display:inline-flex}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info{padding-right:0}.contact-form-wrapper{padding:24px}.contact-section{padding:60px 0}}.app{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);min-height:100vh;position:relative}