@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0cc;--border-hover:#10b9814d;--accent-color:#0f9f75;--accent-color-hover:#0b7c5b;--accent-glow:#0f9f751f;--card-shadow:0 10px 30px -10px #0f172a0a, 0 1px 3px #0f172a05;--glass-bg:#ffffffb3;--glass-border:#fff9;--hero-bg:radial-gradient(120% 120% at 50% 10%, #060e0a 35%, #0b1c14 70%, #122c20 100%);--hero-border:#ffffff14;--hero-glow:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #10b98126 0%, transparent 60%)}body.dark-theme{--bg-primary:#060908;--bg-secondary:#0c120f;--bg-tertiary:#131c17;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#33415580;--border-hover:#10b98166;--accent-color:#10b981;--accent-color-hover:#059669;--accent-glow:#10b98133;--card-shadow:0 20px 40px -15px #00000080;--glass-bg:#0f131cb3;--glass-border:#ffffff0d}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:104px}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .4s,color .4s;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:1000;height:72px;transition:background .4s,border-color .4s;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-link{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.6rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;transition:opacity .2s;display:flex}.logo-icon{fill:url(#logoGrad);width:28px;height:28px}.nav-links{gap:2.2rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);padding:.3rem 0;font-size:.95rem;font-weight:500;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.nav-link:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-right{align-items:center;gap:1.2rem;display:flex}.icon-btn{cursor:pointer;width:38px;height:38px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.icon-btn:hover{background-color:var(--bg-tertiary);color:var(--accent-color)}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,body.dark-theme .theme-toggle .sun-icon{display:block}body.dark-theme .theme-toggle .moon-icon{display:none}.avatar-wrapper{border-left:1px solid var(--border-color);align-items:center;gap:.6rem;padding-left:1.2rem;display:flex}.avatar-img{object-fit:cover;border:1.5px solid var(--border-color);border-radius:50%;width:32px;height:32px}.btn-logout{color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;transition:color .2s}.btn-logout:hover{color:var(--text-primary)}main{padding-top:104px}.hero-section{margin-bottom:5rem}.hero-card{background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:24px;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;padding:4rem;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #0006}.hero-card:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-glow-layer{background:var(--hero-glow);pointer-events:none;z-index:0;transition:background .15s;position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero-badge{color:#a7f3d0;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b98126;border:1px solid #10b9814d;border-radius:99px;align-items:center;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-title{color:#fff;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.15}.hero-title span{background:linear-gradient(135deg,#fff 40%,#a7f3d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.hero-title .glow-text{background:linear-gradient(135deg,#34d399,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.hero-desc{color:#94a3b8;max-width:520px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.hero-actions{gap:1rem;display:flex}.btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 8px 24px var(--accent-glow);border:1px solid #0000}.btn-primary:hover{background-color:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0f;border:1px solid #ffffff1a}.btn-secondary:hover{background-color:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.hero-mockup{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.mockup-wrapper{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:6px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg);box-shadow:0 40px 80px #0009}.mockup-wrapper:hover{transform:perspective(1000px)rotateY(0)rotateX(0)scale(1.02)}.mockup-header{align-items:center;gap:6px;height:24px;padding:0 10px;display:flex}.mockup-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.mockup-image{border-radius:10px;width:100%;height:auto;display:block}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.section-title{color:var(--text-primary);flex-direction:column;gap:.4rem;font-size:2.1rem;display:flex}.section-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400}.section-action{color:var(--accent-color);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;transition:gap .2s;display:flex}.section-action:hover{gap:.6rem}.ecosystem-section{padding:4rem 0}.ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.eco-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:480px;padding:2.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.eco-card:hover{border-color:var(--border-hover);box-shadow:0 30px 60px -15px var(--accent-glow), var(--card-shadow);transform:translateY(-6px)}.eco-content{margin-bottom:2rem}.eco-title{color:var(--text-primary);margin-bottom:.8rem;font-size:1.4rem}.eco-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.eco-image-wrapper{border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:12px;width:100%;height:240px;position:relative;overflow:hidden}.eco-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.eco-card:hover .eco-img{transform:scale(1.05)}.showcase-section{background:linear-gradient(180deg, transparent 0%, var(--bg-tertiary) 50%, transparent 100%);padding:4rem 0}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.slider-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;padding:1.5rem;transition:transform .4s,border-color .4s;display:flex}.slider-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.comparison-slider{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-bottom:1.2rem;position:relative;overflow:hidden}.comparison-image{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.image-before{z-index:10}.image-after{z-index:20;clip-path:polygon(0 0,50% 0,50% 100%,0 100%);will-change:clip-path;width:100%;height:100%}.slider-tag{color:#fff;pointer-events:none;z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;position:absolute;top:12px;box-shadow:0 2px 8px #00000026}.tag-before{background:#0f172aa6;border:1px solid #ffffff1a;left:12px}.tag-after{background:#10b981bf;border:1px solid #ffffff26;right:12px}.slider-handle{z-index:40;cursor:ew-resize;will-change:left;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.slider-button{cursor:ew-resize;width:36px;height:36px;color:var(--accent-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0f172a40}.slider-handle:hover .slider-button,.slider-handle.active .slider-button{background-color:var(--accent-color);color:#fff;transform:translate(-50%,-50%)scale(1.1)}.slider-button svg{fill:currentColor;width:18px;height:18px}.slider-info{margin-top:auto}.slider-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem}.slider-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.faq-section{padding:5rem 0}.faq-container{max-width:800px;margin:0 auto}.faq-list{flex-direction:column;gap:1.2rem;display:flex}.faq-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.faq-item:hover,.faq-item.active{border-color:var(--border-hover)}.faq-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.faq-question{color:var(--text-primary);font-size:1.1rem;font-weight:600}.faq-icon-wrapper{color:var(--text-muted);align-items:center;transition:transform .3s,color .3s;display:flex}.faq-icon-wrapper svg{stroke:currentColor;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.faq-item.active .faq-icon-wrapper{color:var(--accent-color);transform:rotate(180deg)}.faq-body{max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-content{color:var(--text-secondary);border-top:1px solid #0000;padding:0 1.5rem 1.5rem;font-size:.95rem;line-height:1.6}.faq-item.active .faq-content{border-top-color:var(--border-color)}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:5rem 0 2rem;transition:background-color .4s,border-color .4s}.footer-top{grid-template-columns:1.5fr repeat(3,.8fr);gap:4rem;margin-bottom:4rem;display:grid}.footer-brand{flex-direction:column;gap:1.2rem;display:flex}.footer-logo{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.footer-desc{color:var(--text-muted);max-width:360px;font-size:.9rem;line-height:1.6}.footer-contact{color:var(--text-secondary);flex-direction:column;gap:.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.footer-links-col h4{color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.2rem;font-size:.95rem;font-weight:600}.footer-links{flex-direction:column;gap:.8rem;list-style:none;display:flex}.footer-links a{font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.85rem;display:flex}.footer-beian{align-items:center;gap:.5rem;transition:color .2s;display:flex}.footer-beian:hover{color:var(--text-primary)}.footer-beian svg{fill:currentColor;width:14px;height:14px}.sticky-chat-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #10b98166}.sticky-chat-btn:hover{background-color:var(--accent-color-hover);transform:scale(1.05);box-shadow:0 12px 30px #10b98180}.sticky-chat-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:24px;height:24px}@media (width<=1024px){.hero-card{grid-template-columns:1fr;gap:2rem;padding:3rem}.hero-mockup{order:-1}.mockup-wrapper{transform:none}.mockup-wrapper:hover{transform:scale(1.01)}.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){header{height:64px}.nav-links{display:none}main{padding-top:84px}.container{padding:0 1.2rem}.hero-card{padding:2rem}.ecosystem-grid,.showcase-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;align-items:flex-start}}