._8bv-9W_section{padding:var(--sp-20) var(--sp-6);isolation:isolate;scroll-margin-top:88px;position:relative;overflow:hidden}._8bv-9W_ambient{filter:blur(8px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#00d2ff17 0%,#4a9eff0d 36%,#0000 70%);width:780px;height:780px;position:absolute;inset:-200px -260px auto auto}._8bv-9W_inner{gap:var(--sp-10);flex-direction:column;max-width:1180px;margin:0 auto;display:flex}._8bv-9W_header{gap:var(--sp-5);flex-direction:column;max-width:980px;display:flex}._8bv-9W_badge{width:fit-content;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue-bright);background:linear-gradient(135deg,#4a9eff29,#00d2ff14);border:1px solid #6ab4ff57;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}._8bv-9W_title{letter-spacing:-.04em;flex-direction:column;font-size:clamp(2.1rem,3.6vw + .5rem,3.5rem);font-weight:800;line-height:1.08;display:flex}._8bv-9W_titleAccent{background:linear-gradient(135deg,#6ab4ff 0%,#00d2ff 60%,#9ff6ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}._8bv-9W_lead{color:var(--text-secondary);max-width:640px;font-size:1.05rem;line-height:1.65}._8bv-9W_card{border-radius:var(--r-xl);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px)saturate(120%);box-shadow:var(--shadow-card);background:#1010129e;position:relative;overflow:hidden}._8bv-9W_cardTop{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}._8bv-9W_soundToggle{flex-shrink:0;margin-left:auto}._8bv-9W_tabs{border-radius:var(--r-full);border:1px solid var(--border-subtle);scrollbar-width:none;background:#ffffff08;gap:6px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}._8bv-9W_tabs::-webkit-scrollbar{display:none}._8bv-9W_tabBtn{border-radius:var(--r-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;isolation:isolate;transition:color var(--t-fast) var(--ease-smooth);background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:650;display:inline-flex;position:relative;overflow:hidden}._8bv-9W_tabBtn:hover,._8bv-9W_tabBtnOn{color:var(--text-primary)}._8bv-9W_tabBtnBg{border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#4a9eff38,#00d2ff24);border:1px solid #6ab4ff4d;position:absolute;inset:0}._8bv-9W_tabProgress{background:var(--accent-cyan);opacity:.7;transform-origin:0;border-radius:2px;height:2px;position:absolute;bottom:3px;left:14px;right:14px}._8bv-9W_demoArea{background:radial-gradient(60% 80% at 18% 55%,#00d2ff17,#0000 70%),#000;min-height:clamp(360px,40vw,500px);position:relative}._8bv-9W_scene{font-family:var(--font-sans);grid-template-columns:minmax(220px,32%) 1fr;gap:clamp(12px,2vw,28px);padding:clamp(14px,2vw,24px);display:grid;position:absolute;inset:0}._8bv-9W_hands{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;display:flex;position:relative}._8bv-9W_stage{min-width:0;position:relative;container-type:inline-size}._8bv-9W_stage>:first-child{isolation:isolate;height:100%}._8bv-9W_mouse{filter:drop-shadow(0 18px 28px #0000008c);width:100%;max-width:340px;height:auto;overflow:visible}._8bv-9W_shadow{fill:#0009;filter:blur(5px)}._8bv-9W_click{stroke:#ffffff12;stroke-width:1px}._8bv-9W_clickShine{fill:none;stroke:#ffffff47;stroke-width:1.4px;stroke-linecap:round}._8bv-9W_wheelWell{fill:#07090d;stroke:#ffffff0f;transition:stroke .16s,filter .16s}._8bv-9W_wheelWellLit{stroke:#00d2ff;stroke-width:1.5px;filter:drop-shadow(0 0 6px #00d2ffcc)}._8bv-9W_hotspot{cursor:help;outline:none}._8bv-9W_hitArea{fill:#0000}._8bv-9W_hotspot:focus-visible ._8bv-9W_hitArea{stroke:#00d2ff99;stroke-dasharray:3 3}._8bv-9W_partTip{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0a0e14f0;border:1px solid #00d2ff59;border-radius:14px;width:min(290px,100%);margin-left:min(-145px,-50%);padding:12px 14px;position:absolute;top:0;left:50%;box-shadow:0 18px 40px #0009,0 0 24px #00d2ff1f}._8bv-9W_partTip strong{color:#fff;margin-bottom:8px;font-size:.82rem;font-weight:800;display:block}._8bv-9W_partTip ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}._8bv-9W_partTip li{color:var(--text-secondary);align-items:baseline;gap:8px;font-size:.74rem;line-height:1.4;display:flex}._8bv-9W_partTip kbd{font-family:var(--font-sans);color:#9ff6ff;white-space:nowrap;background:#00d2ff1a;border:1px solid #00d2ff66;border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:.66rem;font-weight:800}._8bv-9W_partTipBottom{top:auto;bottom:0}._8bv-9W_hoverHint{color:#ffffff61;font-size:.72rem;font-weight:600;transition:opacity .2s}._8bv-9W_hoverHintHidden{opacity:0}._8bv-9W_wheelRidge{stroke:#1418208c;stroke-width:1.6px}._8bv-9W_wheelSpin{animation:1.6s linear infinite _8bv-9W_wheelSpin}@keyframes _8bv-9W_wheelSpin{to{transform:translateY(5px)}}._8bv-9W_modeBtn{fill:#151921;stroke:#ffffff24;stroke-width:1px}._8bv-9W_strip{opacity:.35;filter:drop-shadow(0 0 3px #00d2ff99);transition:opacity .22s,filter .22s}._8bv-9W_stripOn{opacity:1;filter:drop-shadow(0 0 7px #00d2fff2)}._8bv-9W_sideWell{fill:#06080b}._8bv-9W_sideBtn{fill:#3a4252;stroke:#ffffff38;stroke-width:1px;transition:fill .16s,filter .16s,stroke .16s}._8bv-9W_sideBtnLit{fill:#00d2ff;stroke:#c8fbff;filter:drop-shadow(0 0 9px #00d2fff2)}._8bv-9W_sideShine{fill:#ffffff47}._8bv-9W_ripple{fill:none;stroke:#00d2ff;stroke-width:2px;transform-box:fill-box;transform-origin:50%}._8bv-9W_holdRing{fill:none;stroke:#00d2ff;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 6px #00d2ffcc)}._8bv-9W_leader{fill:none;stroke:#ffffff2e;stroke-width:1px;stroke-dasharray:2 3;transition:stroke .16s}._8bv-9W_leaderLit{stroke:#00d2ffcc;stroke-dasharray:none}._8bv-9W_btnLabel{font:800 15px var(--font-sans);fill:#ffffffb8;transition:fill .16s}._8bv-9W_btnLabelLit{fill:#9ff6ff}._8bv-9W_btnSub{font:600 10px var(--font-sans);fill:#fff6;letter-spacing:.04em}._8bv-9W_modRow{gap:8px;display:flex}._8bv-9W_modKey{cursor:help;font-family:var(--font-sans);color:#ffffff73;background:linear-gradient(#232833,#151920);border:1px solid #ffffff29;border-bottom-width:4px;border-radius:8px;place-items:center;min-width:52px;height:36px;padding:0 10px;font-size:.78rem;font-weight:750;transition:color .16s,border-color .16s,box-shadow .16s,background .16s;display:inline-grid}._8bv-9W_modKeyOn{color:#fff;background:linear-gradient(#00d2ff47,#0078d42e);border-color:#00d2ffbf;border-bottom-width:1px;box-shadow:0 0 18px #00d2ff59}._8bv-9W_keycapMouse{color:#001419!important;background:linear-gradient(#7ff0ff,#00b8e0)!important;border-color:#5ee7ff!important}._8bv-9W_holdTag{letter-spacing:.06em;text-transform:uppercase;color:#9ff6ff;background:#00d2ff24;border:1px solid #00d2ff59;border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:800}._8bv-9W_hudResult{color:#fff;font-size:.74rem;font-weight:700}._8bv-9W_hudApp{align-items:center;gap:5px;display:inline-flex}._8bv-9W_deskPane{position:absolute;inset:0}._8bv-9W_deskDots{z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c12d1;border:1px solid #ffffff1a;border-radius:999px;gap:4px;padding:3px;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}._8bv-9W_deskDot{color:#ffffff8c;isolation:isolate;border-radius:999px;place-items:center;width:22px;height:18px;font-size:.62rem;font-weight:800;display:grid;position:relative}._8bv-9W_deskDotOn{border-radius:inherit;z-index:-1;background:#00d2ff;position:absolute;inset:0;box-shadow:0 0 12px #00d2ff99}._8bv-9W_deskDot:has(._8bv-9W_deskDotOn){color:#001419}._8bv-9W_wheelPop{z-index:7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#0e121ae6 0%,#0e121ab8 70%);border:1px solid #00d2ff47;border-radius:50%;width:148px;height:148px;margin:-74px 0 0 -74px;position:absolute;top:50%;left:50%;box-shadow:0 20px 44px #0009,0 0 30px #00d2ff26}._8bv-9W_wheelHub{border:1.5px solid #00d2ff80;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}._8bv-9W_wheelNode{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;transition:background .18s,color .18s,box-shadow .18s,border-color .18s;display:grid;position:absolute}._8bv-9W_wheelNodeHot{color:#001419;background:#00d2ff;border-color:#9ff6ff;box-shadow:0 0 16px #00d2ffcc}._8bv-9W_node_n{top:15%;left:50%}._8bv-9W_node_ne{top:25%;left:75%}._8bv-9W_node_e{top:50%;left:85%}._8bv-9W_node_se{top:75%;left:75%}._8bv-9W_node_s{top:85%;left:50%}._8bv-9W_node_sw{top:75%;left:25%}._8bv-9W_node_w{top:50%;left:15%}._8bv-9W_node_nw{top:25%;left:25%}._8bv-9W_wheelLabel{white-space:nowrap;color:#001419;background:#9ff6ff;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:800;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0006}._8bv-9W_stackBadge{z-index:12;color:#9ff6ff;opacity:.55;background:#080c12e0;border:1px solid #00d2ff66;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.64rem;font-weight:800;transition:opacity .2s;display:inline-flex;position:absolute}._8bv-9W_stackBadgeHot{opacity:1}._8bv-9W_browser{z-index:3;width:59%;height:94%;transition:border-color .22s,box-shadow .22s;top:3%;left:39.5%}._8bv-9W_browserHot{border-color:#00d2ffb3;box-shadow:0 10px 22px #0000008c,0 0 22px #00d2ff40}._8bv-9W_pointer{z-index:20}._8bv-9W_pointerTag{white-space:nowrap;letter-spacing:.02em;color:#001419;background:#9ff6ff;border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:800;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #00000073}._8bv-9W_zoneFrame{z-index:11;pointer-events:none}._8bv-9W_tabStrip{background:#0d1119;border-bottom:1px solid #3b82f638;align-items:center;gap:4px;height:26px;padding:0 8px;display:flex}._8bv-9W_tab{color:#ffffff80;isolation:isolate;border-radius:6px 6px 0 0;flex:1 1 0;align-items:center;gap:5px;min-width:0;height:20px;padding:0 8px;font-size:.6rem;font-weight:650;transition:color .18s;display:flex;position:relative}._8bv-9W_tab span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._8bv-9W_tab b{border-radius:2px;flex-shrink:0;width:8px;height:8px}._8bv-9W_tabActive{color:#fff}._8bv-9W_tabBg{border-radius:inherit;z-index:-1;background:#1f2736;border:1px solid #00d2ff73;border-bottom:none;position:absolute;inset:0;box-shadow:0 -2px 12px #00d2ff40}._8bv-9W_address{color:#fff9;background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;margin:5px 8px;padding:3px 10px;font-size:.6rem;display:flex}._8bv-9W_lock{background:#34d399cc;border-radius:1.5px;width:6px;height:7px}._8bv-9W_page{flex:1;min-height:0;position:relative;overflow:hidden}._8bv-9W_pageInner{padding:10px 12px;position:absolute;inset:0}._8bv-9W_lines{flex-direction:column;flex:1;gap:7px;display:flex}._8bv-9W_lines i{background:#ffffff24;border-radius:3px;height:5px;display:block}._8bv-9W_pageDocs{gap:12px;height:100%;display:flex}._8bv-9W_docSide{flex-direction:column;gap:6px;width:22%;display:flex}._8bv-9W_docSide i{background:#4a9eff59;border-radius:3px;height:6px}._8bv-9W_docSide i:first-child{background:#4a9effb3}._8bv-9W_pageRepo,._8bv-9W_pageMail{flex-direction:column;gap:8px;display:flex}._8bv-9W_repoRow,._8bv-9W_mailRow{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}._8bv-9W_repoRow b{background:#c9d1d980;border-radius:2px;width:9px;height:9px}._8bv-9W_mailRow b{background:#34d39973;border-radius:50%;width:14px;height:14px}._8bv-9W_repoRow i,._8bv-9W_mailRow i{background:#ffffff29;border-radius:3px;height:5px}._8bv-9W_pageVideo{flex-direction:column;gap:10px;height:100%;display:flex}._8bv-9W_player{background:linear-gradient(135deg,#2a0d12,#10131a);border:1px solid #ff4d4d40;border-radius:8px;flex:1;position:relative}._8bv-9W_player i{background:#ff4d4d;border-radius:7px;width:34px;height:24px;margin:-12px 0 0 -17px;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #ff4d4d73}._8bv-9W_player i:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:10px solid #fff;position:absolute;top:7px;left:13px}._8bv-9W_caption{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:18px clamp(20px,3vw,32px);display:flex}._8bv-9W_captionCombo{align-items:center;gap:6px;display:inline-flex}._8bv-9W_captionTitle{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:750}._8bv-9W_captionDesc{color:var(--text-secondary);flex:100%;margin:0;font-size:.95rem;line-height:1.65}._8bv-9W_appHint{border-radius:var(--r-full);width:fit-content;color:var(--text-secondary);background:#00d2ff0f;border:1px solid #00d2ff38;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}._8bv-9W_appHint svg{color:var(--accent-cyan);flex-shrink:0}@media (max-width:760px){._8bv-9W_section{padding:var(--sp-16) var(--sp-4)}._8bv-9W_demoArea{min-height:560px}._8bv-9W_scene{grid-template-rows:190px 1fr;grid-template-columns:1fr}._8bv-9W_hands{flex-direction:row;gap:12px}._8bv-9W_mouse{max-width:170px;height:100%}._8bv-9W_modRow{flex-direction:column;gap:6px}._8bv-9W_modKey{min-width:48px;height:30px}._8bv-9W_cardTop{padding:var(--sp-4)}}._8bv-9W_scene{-webkit-user-select:none;user-select:none}
