:root{--bg0:#07090d;--bg1:#0a0d12;--bg2:#0d1117;--panel:#10141b;--panel2:#121720;--line:#ffffff12;--line-strong:#ffffff1f;--text:#f4f6f8;--sub:#8992a3;--dim:#596273;--blue:#4c8dff;--blue-dim:#4c8dff24;--up:#f6465d;--up-bg:#f6465d1f;--down:#2ebd85;--down-bg:#2ebd851f;--r-sm:4px;--r-md:8px;--r-lg:12px;--sec-pad:120px;--t-fast:.15s ease;--t-mid:.3s ease;--t-slow:.55s cubic-bezier(.22, .8, .3, 1);--sans:"Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--mono:"JetBrains Mono", "Roboto Mono", ui-monospace, "SF Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg0);color:var(--text);font-family:var(--sans);text-wrap:pretty;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7;overflow-x:hidden}::selection{background:#4c8dff59}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.up{color:var(--up)}.down{color:var(--down)}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(90% 70% at 50% 0,#000 40%,#0000 100%)}.page{z-index:1;position:relative}.wrap{max-width:1280px;margin:0 auto;padding:0 32px}.progress{background:var(--blue);z-index:200;width:0;height:1.5px;position:fixed;top:0;left:0;box-shadow:0 0 8px #4c8dff99}.btn{border-radius:var(--r-md);height:44px;transition:transform var(--t-fast), background var(--t-fast), border-color var(--t-fast), color var(--t-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 8px 24px -8px #4c8dff73}.btn-primary:hover{background:#5e99ff}.btn-ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.btn-ghost:hover{background:#ffffff0a;border-color:#ffffff47}.btn-nav{height:36px;padding:0 18px;font-size:13px}.live-dot{background:var(--down);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite breath}@keyframes breath{0%,to{opacity:1;box-shadow:0 0 #2ebd8580}50%{opacity:.55;box-shadow:0 0 0 4px #2ebd8500}}.sec{padding:var(--sec-pad) 0;position:relative}.sec-alt{background:var(--bg1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sec-tag{font-family:var(--mono);letter-spacing:.3em;color:var(--blue);align-items:center;gap:14px;margin-bottom:18px;font-size:11px;display:flex}.sec-tag:after{content:"";background:linear-gradient(90deg,#4c8dff80,#0000);width:56px;height:1px}.sec h2{letter-spacing:-.015em;font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.25}.lead{max-width:560px;color:var(--sub);margin-top:14px;font-size:15.5px}.demo-flag{font-family:var(--mono);letter-spacing:.18em;color:var(--dim);border:1px solid var(--line);border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:9.5px;display:inline-flex}.demo-flag i{background:var(--dim);border-radius:50%;width:4px;height:4px}.tech-chip{font-family:var(--mono);letter-spacing:.16em;color:var(--sub);border:1px solid var(--line-strong);border-radius:3px;padding:5px 10px;font-size:10px}.tech-chip.hl{color:var(--blue);border-color:#4c8dff59}.rv{opacity:0;transition:opacity .6s var(--t-slow), transform .6s var(--t-slow);transform:translateY(24px)}.rv.in{opacity:1;transform:none}.rv.d1{transition-delay:80ms}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.panel-head h4{letter-spacing:.02em;font-size:13.5px;font-weight:600}.panel-head .mono{font-family:var(--mono);color:var(--dim);letter-spacing:.14em;font-size:10.5px}.tag{font-family:var(--mono);letter-spacing:.05em;border-radius:3px;justify-content:center;align-items:center;padding:1px 7px;font-size:10px;display:inline-flex}.tag.b{color:var(--up);background:var(--up-bg)}.tag.s{color:var(--down);background:var(--down-bg)}.scroll-x{overflow-x:auto}@keyframes tickup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=860px){:root{--sec-pad:80px}}