:root{--bg:#030611;--ink:#edf5ff;--muted:#8d9cbd;--cyan:#72f6e4;--violet:#a99bff;--line:rgba(177,195,255,.18);--panel:rgba(8,13,34,.72);--mono:"Cascadia Mono",Consolas,monospace;--sans:"Segoe UI","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 68% -15%,#172656 0,#080d20 35%,var(--bg) 70%);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.demo-nav{position:sticky;z-index:30;top:0;display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid var(--line);background:#030611d9;backdrop-filter:blur(16px)}.demo-brand{display:flex;gap:11px;align-items:center;font:700 10px var(--mono);letter-spacing:.14em}.demo-brand i{position:relative;width:22px;height:22px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 17px #72f6e477}.demo-brand i:after{position:absolute;top:7px;left:7px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);content:""}.demo-brand em{color:#7483a6;font-style:normal}.demo-nav-links{display:flex;gap:20px;color:#a9b6d0;font-size:11px}.demo-nav-links a:hover{color:var(--cyan)}.demo-page{width:min(1320px,calc(100% - 48px));margin:auto}.kicker{display:flex;gap:10px;align-items:center;margin:0;color:var(--cyan);font:9px var(--mono);letter-spacing:.18em}.kicker:before{width:36px;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan);content:""}.btn{display:inline-flex;gap:14px;min-height:46px;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid #72f6e477;border-radius:5px;background:#72f6e414;color:#e8fffb;font-size:12px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-3px);background:#72f6e426;box-shadow:0 15px 32px #72f6e422}.btn-primary{border:0;background:linear-gradient(110deg,#e2ddff,#aaa0ff 55%,#72f6e4);color:#071020}.footer{display:flex;gap:14px;align-items:center;padding:36px 0;color:#6f7c9b;font:8px var(--mono);letter-spacing:.1em}.footer i{width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.notice{padding:13px 15px;border-left:2px solid var(--cyan);background:#72f6e40d;color:#b2c0d9;font-size:12px;line-height:1.7}.notice strong{color:#dffefa}@media(max-width:720px){.demo-nav{height:62px;padding:0 17px}.demo-brand{font-size:8px}.demo-nav-links{gap:12px;font-size:9px}.demo-page{width:calc(100% - 32px)}}