.hub .xa{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:36px;align-items:center;margin-top:40px}.hub .xa-fig{container-type:inline-size;position:relative}.hub .xa-fig:before{content:"";position:absolute;inset:-12% -8%;z-index:-1;pointer-events:none;background:radial-gradient(45% 50% at 55% 45%,color-mix(in srgb,var(--a) 18%,transparent),transparent 70%)}.hub .xa-win{--u:calc(100cqw / 760);position:relative;border-radius:calc(var(--u) * 18);border:1px solid var(--edge);background:var(--card);overflow:visible;box-shadow:0 calc(var(--u) * 40) calc(var(--u) * 80) calc(var(--u) * -40) rgb(0 0 0/.55);font-size:calc(var(--u) * 13)}:root[data-theme=light] .hub .xa-win{box-shadow:0 calc(var(--u) * 40) calc(var(--u) * 80) calc(var(--u) * -40) rgb(40 40 70/.25)}.hub .xa-win svg{width:1em;height:1em;flex:none}.hub .xa-tabs{display:flex;align-items:flex-end;gap:calc(var(--u) * 8);height:calc(var(--u) * 40);padding:0 calc(var(--u) * 16);background:var(--bg-2);border-bottom:1px solid var(--rule);border-radius:calc(var(--u) * 18) calc(var(--u) * 18) 0 0}.hub .xa-dots{display:flex;gap:calc(var(--u) * 7);align-self:center;margin-right:calc(var(--u) * 8)}.hub .xa-dots i{width:calc(var(--u) * 11);height:calc(var(--u) * 11);border-radius:50%;background:var(--rule)}.hub .xa-tab{position:relative;display:flex;align-items:center;height:calc(var(--u) * 30);padding:0 calc(var(--u) * 16);border-radius:calc(var(--u) * 9) calc(var(--u) * 9) 0 0;font:calc(var(--u) * 12) var(--font-mono);color:var(--ink-3);white-space:nowrap}.hub .xa-tab.on{background:var(--card);color:var(--ink-2);border:1px solid var(--rule);border-bottom:0;margin-bottom:-1px}.hub .xa-opt{color:var(--at);background:color-mix(in srgb,var(--a) 8%,transparent)}.hub .xa-bar{align-items:center;height:calc(var(--u) * 50);padding:0 calc(var(--u) * 16);border-bottom:1px solid var(--rule)}.hub .xa-bar,.hub .xa-nav{display:flex;gap:calc(var(--u) * 10)}.hub .xa-nav i{width:calc(var(--u) * 14);height:calc(var(--u) * 14);border-radius:50%;border:1.5px solid var(--rule)}.hub .xa-url{flex:1;display:flex;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 32);padding:0 calc(var(--u) * 14);border-radius:99px;background:var(--bg-2);color:var(--ink-3);white-space:nowrap;overflow:hidden}.hub .xa-btn{position:relative;display:grid;place-items:center;width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 9);color:var(--ink-3)}.hub .xa-own{border:1px solid color-mix(in srgb,var(--a) 60%,var(--rule));background:color-mix(in srgb,var(--a) 16%,var(--card))}.hub .xa-ic{display:inline-grid;width:calc(var(--u) * 18);height:calc(var(--u) * 18);flex:none;overflow:hidden;border-radius:26%}.hub .xa-ic svg{width:100%;height:100%}.hub .xa-body{position:relative;display:flex;min-height:calc(var(--u) * 340)}.hub .xa-page{position:relative;flex:1;display:grid;grid-template-columns:1fr calc(var(--u) * 220);align-content:start;column-gap:calc(var(--u) * 28);row-gap:calc(var(--u) * 14);padding:calc(var(--u) * 30) calc(var(--u) * 34)}.hub .xa-page>i{grid-column:1;height:calc(var(--u) * 12);border-radius:99px;background:color-mix(in srgb,var(--ink) 9%,var(--bg-2))}.hub .xa-page>.xa-h{height:calc(var(--u) * 26);width:70%;margin-bottom:calc(var(--u) * 8);background:color-mix(in srgb,var(--ink) 16%,var(--bg-2))}.hub .xa-page>.xa-s{width:55%}.hub .xa-page>.xa-mark{position:relative}.hub .xa-img{grid-column:2;grid-row:1/span 5;border-radius:calc(var(--u) * 14);min-height:calc(var(--u) * 150);background:linear-gradient(150deg,color-mix(in srgb,#2fd4ee 25%,var(--bg-2)),color-mix(in srgb,#a577ff 25%,var(--bg-2)) 60%,color-mix(in srgb,#ff5fa8 20%,var(--bg-2)))}.hub .xa:has(.xa-pin[data-k=page]) .xa-mark{background:color-mix(in srgb,var(--a) 55%,transparent);box-shadow:0 0 calc(var(--u) * 18) color-mix(in srgb,var(--a) 50%,transparent)}.hub .xa-menu{position:absolute;left:calc(var(--u) * 180);top:calc(var(--u) * 150);display:grid;min-width:calc(var(--u) * 210);padding:calc(var(--u) * 6);border-radius:calc(var(--u) * 10);background:var(--card);border:1px solid var(--edge);box-shadow:0 calc(var(--u) * 18) calc(var(--u) * 40) calc(var(--u) * -14) rgb(0 0 0/.5);z-index:2}.hub .xa-menu>span{display:flex;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 7) calc(var(--u) * 10);border-radius:calc(var(--u) * 6);color:var(--ink-2)}.hub .xa-menu .xa-sep{height:1px;padding:0;margin:calc(var(--u) * 4) 0;background:var(--rule)}.hub .xa-menu .xa-mine{color:var(--ink);font-weight:600;background:color-mix(in srgb,var(--a) 16%,transparent)}.hub .xa-keys{position:absolute;left:calc(var(--u) * 34);bottom:calc(var(--u) * 24);display:flex;gap:calc(var(--u) * 6);z-index:2}.hub .xa-keys kbd{min-width:calc(var(--u) * 34);height:calc(var(--u) * 32);padding:0 calc(var(--u) * 10);display:grid;place-items:center;border-radius:calc(var(--u) * 8);font:600 calc(var(--u) * 13) var(--font-mono);color:var(--ink);background:var(--card);border:1px solid var(--edge);box-shadow:0 calc(var(--u) * 3) 0 var(--rule)}.hub .xa-panel{position:relative;width:calc(var(--u) * 200);display:grid;align-content:start;gap:calc(var(--u) * 12);padding:calc(var(--u) * 20);border-left:1px solid color-mix(in srgb,var(--a) 40%,var(--rule));background:color-mix(in srgb,var(--a) 6%,var(--card));border-radius:0 0 calc(var(--u) * 18) 0}.hub .xa-panel i{height:calc(var(--u) * 12);border-radius:99px;background:color-mix(in srgb,var(--a) 20%,var(--bg-2))}.hub .xa-pop{position:absolute;right:calc(var(--u) * 52);top:calc(var(--u) * 6);width:calc(var(--u) * 260);display:grid;gap:calc(var(--u) * 9);padding:calc(var(--u) * 16);border-radius:calc(var(--u) * 14);z-index:3;background:var(--card);border:1px solid color-mix(in srgb,var(--a) 45%,var(--edge));box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 50) calc(var(--u) * -20) color-mix(in srgb,var(--a) 60%,transparent)}.hub .xa-pop:before{content:"";position:absolute;inset:0 calc(var(--u) * 14) auto;height:2px;background:var(--rainbow);border-radius:2px}.hub .xa-pop-h{display:flex;align-items:center;gap:calc(var(--u) * 8)}.hub .xa-pop-h b{font-size:calc(var(--u) * 16);font-weight:750;letter-spacing:-.02em}.hub .xa-row{display:flex;align-items:center;gap:calc(var(--u) * 7);color:var(--ink-2);min-width:0}.hub .xa-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub .xa-row svg{color:#20c997}.hub .xa-go{justify-self:start;padding:calc(var(--u) * 6) calc(var(--u) * 14);border-radius:99px;font-weight:650;border:1px solid color-mix(in srgb,var(--a) 55%,var(--rule));background:color-mix(in srgb,var(--a) 16%,var(--card))}.hub .xa-pin{position:absolute;top:calc(var(--u) * -12);right:calc(var(--u) * -12);z-index:5;display:grid;place-items:center;width:calc(var(--u) * 26);height:calc(var(--u) * 26);border-radius:50%;font:700 calc(var(--u) * 13) var(--font-sans);color:var(--bink);background:var(--btn);box-shadow:0 0 0 calc(var(--u) * 3) var(--card);transition:transform .25s var(--ease)}.hub .xa-pin:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--a);animation:xa-ring 2.6s ease-out infinite}@keyframes xa-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.hub .xa-mark>.xa-pin{top:calc(var(--u) * -9);right:calc(var(--u) * -30)}.hub .xa-keys>.xa-pin{position:relative;top:calc(var(--u) * -14);right:auto;margin-left:calc(var(--u) * 4)}.hub .xa-key ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.hub .xa-key ol>li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border-radius:14px;transition:background .2s;cursor:default}.hub .xa-key ol>li:hover{background:color-mix(in srgb,var(--a) 9%,transparent)}.hub .xa-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:700;color:var(--bink);background:var(--btn)}.hub .xa-key b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}.hub .xa-key small{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:var(--ink-2)}.hub .xa-not{margin:16px 12px 0;padding-top:14px;border-top:1px dashed var(--rule)}.hub .xa-not>span{font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.hub .xa-not ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.hub .xa-not li{flex:none;white-space:nowrap;padding:4px 10px;border-radius:99px;font-size:13px;color:var(--ink-3);border:1px dashed var(--rule);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink-3) 50%,transparent)}.hub .xa:has(li[data-k=keys]:hover) .xa-pin[data-k=keys],.hub .xa:has(li[data-k=menu]:hover) .xa-pin[data-k=menu],.hub .xa:has(li[data-k=options]:hover) .xa-pin[data-k=options],.hub .xa:has(li[data-k=page]:hover) .xa-pin[data-k=page],.hub .xa:has(li[data-k=panel]:hover) .xa-pin[data-k=panel],.hub .xa:has(li[data-k=popup]:hover) .xa-pin[data-k=popup],.hub .xa:has(li[data-k=toolbar]:hover) .xa-pin[data-k=toolbar]{transform:scale(1.35)}@media (max-width:980px){.hub .xa{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hub .xa-pin:after{animation:none}}.hub .tvid-box{margin:8px 0 18px;max-width:980px}.hub .tvid{position:relative;aspect-ratio:16/9;max-width:980px;margin:8px 0 12px;border-radius:var(--r-big);overflow:hidden;border:1px solid var(--edge);box-shadow:var(--sh-screen);background:var(--term)}.hub .tvid-box .tvid{margin:0}.hub .tvid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hub .tvid-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border:0;cursor:pointer;color:#fff;text-align:center;background-color:#07070a;background-image:var(--poster,none);background-size:cover;background-position:0 0;font-family:var(--font-sans);isolation:isolate}.hub .tvid-poster:before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(3px);background:radial-gradient(70% 90% at 30% 20%,color-mix(in srgb,var(--a) 45%,transparent),transparent 70%),radial-gradient(60% 80% at 90% 100%,rgb(168 85 247/.35),transparent 70%),rgb(7 7 10/.78)}.hub .tvid-play{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;color:var(--bink);background:var(--btn-d,var(--a));box-shadow:0 0 0 10px color-mix(in srgb,var(--a) 22%,transparent);transition:transform .3s var(--ease)}.hub .tvid-poster:hover .tvid-play{transform:scale(1.08)}.hub .tvid-poster b{font-size:clamp(18px,2.4vw,26px);letter-spacing:-.02em;max-width:30ch}.hub .tvid-poster small{font-size:13px;color:rgb(255 255 255/.7);max-width:52ch;line-height:1.5}:root[data-theme=light] .hub .tvid{background:#f4f4f6}:root[data-theme=light] .hub .tvid-poster{color:var(--ink);background-color:#f4f4f6}:root[data-theme=light] .hub .tvid-poster:before{background:radial-gradient(70% 90% at 30% 20%,color-mix(in srgb,var(--a) 24%,transparent),transparent 70%),radial-gradient(60% 80% at 90% 100%,rgb(168 85 247/.16),transparent 70%),rgb(255 255 255/.84)}:root[data-theme=light] .hub .tvid-poster small{color:var(--ink-2)}:root[data-theme=light] .hub .tvid:has(.tvid-poster.lt){background:#f4f4f6}:root[data-theme=light] .hub .tvid-poster.lt{color:var(--ink);background-color:#f4f4f6;background-image:var(--poster-l)}:root[data-theme=light] .hub .tvid-poster.lt:before{background:radial-gradient(70% 90% at 30% 20%,color-mix(in srgb,var(--a) 22%,transparent),transparent 70%),radial-gradient(60% 80% at 90% 100%,rgb(168 85 247/.16),transparent 70%),rgb(255 255 255/.74)}:root[data-theme=light] .hub .tvid-poster.lt small{color:var(--ink-2)}.hub .tvid-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}.hub .tvid-note a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.hub .tvid-note a:hover{color:var(--ink)}.hub .tvid:has(.soon){border-style:dashed;box-shadow:none}.hub .tvid-poster.soon{cursor:default;gap:14px}.hub .tvid-poster.soon .tvid-play,.hub .tvid-poster:not(.soon)>.lvb{display:none}.hub .tvid-poster.soon:before{-webkit-backdrop-filter:blur(4px) grayscale(1);backdrop-filter:blur(4px) grayscale(1);background:rgb(7 7 10/.8)}.hub .tvid-poster.soon .lvb{height:30px;padding:0 14px 0 12px;font-size:14px}.hub .tvid-poster.soon b{font-size:clamp(16px,1.9vw,21px);font-weight:600;color:rgb(255 255 255/.62)}.hub .tvid-poster.soon small{color:rgb(255 255 255/.5)}:root[data-theme=light] .hub .tvid-poster.soon:before{background:rgb(244 244 246/.82)}:root[data-theme=light] .hub .tvid-poster.soon b{color:var(--ink-2)}:root[data-theme=light] .hub .tvid-poster.soon small{color:var(--ink-3)}.hub .sec2.center .tvid-box,.hub .sec2.center>.tvid{margin-inline:auto}.hub .wn{--mx:50%;--my:0%;position:relative;display:grid;grid-template-columns:260px 1fr;margin-top:36px;border-radius:var(--r-big);overflow:hidden;isolation:isolate;border:1px solid var(--rule);background:radial-gradient(70% 120% at 0 0,color-mix(in srgb,var(--a) 16%,transparent),transparent 70%),var(--card)}.hub .wn-v{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:32px;border-right:1px dashed var(--rule)}.hub .wn-v b{font:800 64px/1 var(--font-sans);letter-spacing:-.05em;background:linear-gradient(180deg,var(--at) 30%,color-mix(in srgb,var(--at) 45%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}.hub .wn-v time{font:600 13px var(--font-mono);color:var(--ink-2)}.hub .wn-v small{font-size:13px;color:var(--ink-3)}.hub .wn-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}.hub .wn-tag i{width:7px;height:7px;border-radius:50%;background:var(--a)}.hub .wn-tx{padding:30px 32px;min-width:0}.hub .wn-tx h3{margin:0 0 12px;font-size:22px;letter-spacing:-.02em;font-weight:700}.hub .wn-tx ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.hub .wn-tx li{position:relative;padding-left:22px;color:var(--ink-2);font-size:15px;line-height:1.55}.hub .wn-tx li:before{content:"";position:absolute;left:1px;top:.68em;width:9px;height:3px;border-radius:2px;background:var(--a)}.hub .wn-foot{align-items:center;justify-content:space-between;gap:14px;margin-top:22px}.hub .wn-foot,.hub .wn-old{display:flex;flex-wrap:wrap}.hub .wn-old{gap:6px}.hub .wn-foot>.hbtn{margin-left:auto}.hub .wn-old a{font:600 12px var(--font-mono);padding:5px 10px;border-radius:99px;color:var(--ink-2);border:1px solid var(--rule);background:var(--bg-2);transition:color .2s,border-color .2s}.hub .wn-old a:hover{color:var(--ink);border-color:var(--a)}@media (max-width:720px){.hub .wn{grid-template-columns:1fr}.hub .wn-v{border-right:0;border-bottom:1px dashed var(--rule);padding:24px}.hub .wn-tx{padding:22px 24px 26px}}