:root{--bg:#060912;--panel:#0c1324;--panel2:#111a31;--cyan:#24f0ff;--purple:#8d5cff;--text:#edf6ff;--muted:#a6b5c9;--line:rgba(36,240,255,.22);--card:rgba(255,255,255,.055);--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(141,92,255,.22),transparent 32%),radial-gradient(circle at 82% 10%,rgba(36,240,255,.16),transparent 34%),linear-gradient(180deg,#050710,#081326 48%,#050710);color:var(--text);line-height:1.75}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 85%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,64px);backdrop-filter:blur(16px);background:rgba(5,8,18,.76);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 24px rgba(36,240,255,.35);position:relative}.brand-mark:after{content:"";position:absolute;inset:9px;border:2px solid #06101f;border-left-color:transparent;border-radius:50%}.main-nav{display:flex;gap:20px;color:var(--muted);font-size:14px}.main-nav a:hover{color:var(--cyan)}.nav-toggle{display:none;background:none;border:0;color:var(--text)}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:5px}.hero{padding:76px clamp(18px,5vw,78px) 48px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(34px,6vw,72px);line-height:1.05;margin:14px 0 18px}.gradient-text{background:linear-gradient(90deg,var(--cyan),#fff,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(16px,2vw,20px);color:#c8d6e8;max-width:760px}.hero-actions,.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--cyan),#58a6ff);color:#03101a;box-shadow:0 14px 34px rgba(36,240,255,.22)}.btn-secondary{background:rgba(255,255,255,.07);color:var(--text)}.interface-card{background:linear-gradient(180deg,rgba(17,26,49,.92),rgba(8,13,27,.92));border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.window-bar{height:44px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);opacity:.9}.dot:nth-child(2){background:#ffd166}.dot:nth-child(3){background:var(--purple)}.preview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:18px}.preview-screen{min-height:260px;border-radius:20px;background:linear-gradient(135deg,rgba(36,240,255,.18),rgba(141,92,255,.22)),url('/assets/img/preview-window.svg') center/cover no-repeat;border:1px solid rgba(255,255,255,.1)}.panel-stack{display:grid;gap:12px}.param{padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.param b{display:block;color:#fff}.meter{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:10px}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:999px}.timeline{padding:0 18px 18px;display:grid;gap:8px}.track{height:34px;border-radius:9px;background:repeating-linear-gradient(90deg,rgba(36,240,255,.25) 0 80px,rgba(141,92,255,.25) 80px 150px,rgba(255,255,255,.08) 150px 170px)}.section{padding:68px clamp(18px,5vw,78px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,4vw,46px);line-height:1.15;margin:0}.section-head p{color:var(--muted);max-width:620px;margin:0}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:24px;box-shadow:0 16px 44px rgba(0,0,0,.18)}.card h3{margin:0 0 10px;font-size:22px}.card p{color:var(--muted);margin:0}.video-card{padding:0;overflow:hidden}.video-thumb{height:210px;background:#0b1224 center/cover no-repeat;position:relative}.play{position:absolute;left:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:rgba(36,240,255,.9);box-shadow:0 0 28px rgba(36,240,255,.35)}.play:after{content:"";position:absolute;left:18px;top:13px;border-left:14px solid #04111d;border-top:9px solid transparent;border-bottom:9px solid transparent}.video-body{padding:20px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{font-size:12px;color:#05111d;background:rgba(36,240,255,.9);padding:5px 9px;border-radius:999px;font-weight:800}.timeline-cards{display:grid;gap:14px}.timeline-card{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;padding:22px;border-radius:22px;border:1px solid rgba(36,240,255,.18);background:linear-gradient(90deg,rgba(36,240,255,.08),rgba(141,92,255,.05))}.timecode{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--cyan);font-weight:800}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-box{min-height:260px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:center/cover no-repeat;position:relative;overflow:hidden}.compare-box span{position:absolute;left:16px;top:16px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{position:relative;padding:24px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:var(--cyan);font-size:28px;font-weight:900}.article-list{display:grid;gap:14px}.article-item{display:flex;justify-content:space-between;gap:16px;padding:18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.article-item span{color:var(--muted)}.faq details{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 18px}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.page-hero{padding:70px clamp(18px,5vw,78px) 34px;background:linear-gradient(180deg,rgba(36,240,255,.08),transparent)}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.media-panel{border-radius:26px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:18px}.media-panel img{border-radius:18px;width:100%}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text);border-radius:14px}.form textarea{min-height:140px}.notice{color:var(--muted);font-size:14px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.stat b{display:block;color:var(--cyan);font-size:22px}.domain-line span{color:var(--cyan)}@media(max-width:900px){.hero,.split,.contact-panel,.grid-3,.grid-2,.steps{grid-template-columns:1fr}.section-head{display:block}.preview-grid,.compare{grid-template-columns:1fr}.main-nav{position:absolute;left:18px;right:18px;top:70px;display:none;flex-direction:column;padding:18px;border-radius:20px;background:#071020;border:1px solid rgba(255,255,255,.12)}.main-nav.open{display:flex}.nav-toggle{display:block}.timeline-card{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr}.hero{padding-top:48px}.video-thumb{height:180px}}@media(max-width:520px){.site-header{padding:14px 16px}.section,.page-hero,.hero{padding-left:16px;padding-right:16px}.card{padding:18px}.article-item{display:block}.hero h1,.page-hero h1{font-size:34px}}