:root{--bg:#05060f;--bg-soft:#0a0c1c;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff17;--border-strong:#ffffff29;--text:#eef0ff;--text-secondary:#e2e6ffb8;--text-muted:#c8cef080;--primary:#6366f1;--primary-bright:#818cf8;--accent-cyan:#22d3ee;--accent-pink:#f472b6;--gradient-main:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--gradient-text:linear-gradient(110deg, #a5b4fc 10%, #e879f9 50%, #67e8f9 90%);--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--nav-height:68px;--container:1200px;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 12px)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{background:#6366f166}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,svg{display:block}.container{width:min(var(--container), 100% - 40px);margin-inline:auto}.section{padding:96px 0;position:relative}.section-head{text-align:center;max-width:640px;margin:0 auto 56px}.section-eyebrow{letter-spacing:.12em;color:var(--primary-bright);text-transform:uppercase;background:#6366f114;border:1px solid #818cf84d;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.section-title{letter-spacing:-.02em;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25}.section-title .grad{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.section-desc{color:var(--text-secondary);margin-top:16px;font-size:16px}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 8px 32px #8b5cf659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf680}.btn-ghost{border:1px solid var(--border-strong);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08}.btn-ghost:hover{background:#ffffff14;transform:translateY(-2px)}.navbar{height:var(--nav-height);z-index:100;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.navbar.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:var(--border);background:#05060fc7}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-logo{border-radius:10px;flex-shrink:0;width:34px;height:34px;box-shadow:0 4px 16px #8b5cf673}.brand-cn{color:var(--text-muted);margin-left:2px;font-size:12px;font-weight:500}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);border-radius:8px;padding:8px 14px;font-size:14.5px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-cta{align-items:center;gap:12px;display:flex}.nav-toggle{border:1px solid var(--border);width:42px;height:42px;color:var(--text);border-radius:10px;place-items:center;display:none}.mobile-menu{top:var(--nav-height);z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#070814f7;flex-direction:column;gap:4px;padding:12px 20px 24px;display:flex;position:fixed;left:0;right:0}.mobile-menu a{color:var(--text-secondary);border-radius:10px;padding:13px 12px;font-size:16px}.mobile-menu a:active,.mobile-menu a:hover{color:var(--text);background:#ffffff0f}.mobile-menu .btn{margin-top:12px}.hero{padding:calc(var(--nav-height) + 88px) 0 110px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-bg .orb{filter:blur(90px);opacity:.5;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#6366f18c,#0000 65%);width:560px;height:560px;animation:14s ease-in-out infinite float;top:-180px;left:-120px}.orb-2{background:radial-gradient(circle,#ec489966,#0000 65%);width:480px;height:480px;animation:18s ease-in-out infinite reverse float;top:10%;right:-160px}.orb-3{background:radial-gradient(circle,#22d3ee52,#0000 65%);width:420px;height:420px;animation:16s ease-in-out 2s infinite float;bottom:-200px;left:34%}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.06)}}.hero-grid-lines{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 30%,#000 30%,#0000 75%)}.hero-inner{text-align:center;max-width:860px;margin:0 auto;position:relative}.hero-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.hero-badge{color:var(--text-secondary);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;display:inline-flex}.hero-badge-link{cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s}.hero-badge-link:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent-cyan) 55%, var(--border));background:#22d3ee14;transform:translateY(-1px)}.hero-badge svg{color:var(--accent-cyan)}.hero-title{letter-spacing:-.03em;font-size:clamp(36px,6.4vw,64px);font-weight:800;line-height:1.16}.hero-title .grad{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:620px;color:var(--text-secondary);margin:24px auto 0;font-size:clamp(15px,2vw,17.5px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.hero-stats{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:72px;padding:28px 20px;display:grid}.hero-stat{text-align:center}.hero-stat b{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,3vw,32px);font-weight:800;display:block}.hero-stat span{color:var(--text-muted);font-size:13px}.products-section{background:linear-gradient(#0000,#6366f10a 40%,#0000)}.product-filter{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:44px;display:flex}.filter-chip{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff08;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:all .2s}.filter-chip:hover{border-color:var(--border-strong);color:var(--text)}.filter-chip.active{background:var(--gradient-main);color:#fff;border-color:#0000;box-shadow:0 4px 20px #8b5cf666}.product-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;flex-direction:column;padding:28px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.product-card.is-clickable{cursor:pointer}a.product-card:focus-visible{outline:2px solid color-mix(in srgb, var(--card-accent) 70%, white);outline-offset:3px}.product-card:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--card-accent) 14%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.product-card:hover{border-color:color-mix(in srgb, var(--card-accent) 45%, transparent);box-shadow:0 20px 50px -18px color-mix(in srgb, var(--card-accent) 45%, transparent);transform:translateY(-6px)}.product-card:hover:before{opacity:1}.product-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.product-icon{color:#fff;background:linear-gradient(135deg, var(--card-accent), color-mix(in srgb, var(--card-accent) 55%, #000));width:52px;height:52px;box-shadow:0 6px 20px -4px color-mix(in srgb, var(--card-accent) 60%, transparent);border-radius:14px;place-items:center;display:grid}.product-icon svg{width:25px;height:25px}.status-pill{letter-spacing:.02em;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.status-pill.live{color:#4ade80;background:#4ade801f;border:1px solid #4ade8059}.status-pill.beta{color:#facc15;background:#facc151a;border:1px solid #facc154d}.status-pill.coming{color:#67e8f9;background:#67e8f91a;border:1px solid #67e8f94d}.status-pill.planned{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d}.product-name{align-items:baseline;gap:8px;font-size:21px;font-weight:700;display:flex}.product-name small{color:var(--text-muted);font-size:12.5px;font-weight:500}.product-tagline{color:color-mix(in srgb, var(--card-accent) 80%, #fff);margin-top:4px;font-size:14px;font-weight:600}.product-desc{color:var(--text-secondary);flex:none;margin-top:12px;font-size:14px}.product-features{grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:16px;list-style:none;display:grid}.product-features li{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;display:flex}.product-features li:before{content:"";background:var(--card-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.product-metrics{border-top:1px dashed var(--border);gap:20px;margin-top:18px;padding-top:16px;display:flex}.product-metric b{color:color-mix(in srgb, var(--card-accent) 85%, #fff);font-size:18px;font-weight:800}.product-metric span{color:var(--text-muted);font-size:12px;display:block}.product-foot{margin-top:auto;padding-top:22px}.product-link{color:color-mix(in srgb, var(--card-accent) 85%, #fff);align-items:center;gap:7px;font-size:14.5px;font-weight:600;transition:gap .2s;display:inline-flex}.product-link:hover{gap:12px}.product-link.disabled{color:var(--text-muted);cursor:default}.product-domain{color:var(--text-muted);margin-top:6px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;display:block}.advantage-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.advantage-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#ffffff0d,#ffffff04);padding:30px 26px;transition:transform .3s,border-color .3s}.advantage-card:hover{border-color:#818cf873;transform:translateY(-5px)}.advantage-stat{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800;line-height:1.1}.advantage-stat-label{color:var(--text-muted);margin-top:4px;font-size:12.5px}.advantage-title{margin-top:20px;font-size:19px;font-weight:700}.advantage-subtitle{color:var(--primary-bright);margin-top:2px;font-size:13.5px;font-weight:600}.advantage-desc{color:var(--text-secondary);margin-top:12px;font-size:14px}.workflow-grid{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.workflow-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:30px 26px;position:relative;overflow:hidden}.workflow-step{color:#0000;-webkit-text-stroke:1.5px #818cf880;font-size:46px;font-weight:800;line-height:1}.workflow-title{margin-top:18px;font-size:18px;font-weight:700}.workflow-desc{color:var(--text-secondary);margin-top:10px;font-size:14px}.workflow-card:after{content:"";background:var(--gradient-main);transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.workflow-card:hover:after{transform:scaleX(1)}.faq-list{flex-direction:column;gap:14px;max-width:780px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .25s;overflow:hidden}.faq-item.open{border-color:#818cf880}.faq-q{text-align:left;width:100%;color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:600;display:flex}.faq-q svg{color:var(--primary-bright);flex-shrink:0;transition:transform .3s}.faq-item.open .faq-q svg{transform:rotate(45deg)}.faq-a{color:var(--text-secondary);padding:0 24px 20px;font-size:14.5px}.cta-panel{text-align:center;background:radial-gradient(120% 160% at 50% 0,#6366f138,#0a0c1ce6 55%);border:1px solid #818cf859;border-radius:28px;padding:72px 32px;position:relative;overflow:hidden}.cta-panel:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:-1px;-webkit-mask-image:radial-gradient(at 50% 0,#000 20%,#0000 70%);mask-image:radial-gradient(at 50% 0,#000 20%,#0000 70%)}.cta-title{letter-spacing:-.02em;font-size:clamp(26px,4vw,38px);font-weight:800}.cta-desc{max-width:520px;color:var(--text-secondary);margin:16px auto 0;font-size:15.5px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.cta-mail{color:var(--text-muted);margin-top:22px;font-size:14px}.cta-mail a{color:var(--primary-bright);font-weight:600}.footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:40px;padding:64px 0 32px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;display:grid}.footer-brand p{color:var(--text-muted);max-width:300px;margin-top:14px;font-size:14px}.footer h4{letter-spacing:.06em;color:var(--text);margin-bottom:18px;font-size:14px;font-weight:700}.footer ul{flex-direction:column;gap:11px;list-style:none;display:flex}.footer ul a,.footer ul li{color:var(--text-muted);font-size:14px;transition:color .2s}.footer ul a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:52px;padding-top:24px;font-size:13px;display:flex}.footer-beian{text-align:center;margin-top:16px;font-size:13px}.footer-beian a{color:var(--text-muted);transition:color .2s}.footer-beian a:hover{color:var(--text-secondary)}@media (width<=1024px){.advantage-grid,.workflow-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.section{padding:68px 0}.nav-links,.nav-cta .btn{display:none}.nav-toggle{display:grid}.hero{padding-top:calc(var(--nav-height) + 56px);padding-bottom:72px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px 8px}.product-grid{grid-template-columns:1fr}}@media (width<=540px){.advantage-grid,.workflow-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.hero-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}