.page-hero h1{max-width:16ch}.bl-stage{margin-top:clamp(48px,6vw,76px);position:relative}.bl-stage:before{content:"";background:radial-gradient(50% 60% at 30% 40%,color-mix(in srgb,var(--a1) 26%,transparent),transparent 70%),radial-gradient(50% 60% at 75% 60%,color-mix(in srgb,var(--a2) 22%,transparent),transparent 70%);filter:blur(40px);z-index:-1;pointer-events:none;border-radius:40px;position:absolute;inset:8% 6% -6%}.board{border-radius:var(--r-xl);background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-3);position:relative;overflow:hidden}.board-top{border-bottom:1px solid var(--line);background:var(--card-2);height:48px;font:600 13px/1 var(--body);color:var(--fg-2);align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.board-top .dots{gap:6px;display:flex}.board-top .dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.board-top .bt{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.board-top .bt .i{color:var(--brand-2);font-size:15px}.board-top .tag{margin-left:auto}.board-body{grid-template-columns:minmax(0,1fr) 280px;display:grid}.b-main{gap:16px;min-width:0;padding:20px;display:grid}.b-side{border-left:1px solid var(--line);background:var(--card-2);align-content:start;gap:12px;padding:20px;display:grid}.b-sum{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.b-sum div{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px 14px}.b-sum b{font:600 26px/1 var(--display);letter-spacing:-.04em;margin-top:8px;display:block}.b-sum .ok b{color:var(--ok)}.b-sum .warn b{color:var(--warn)}.b-sum .info b{color:var(--brand-2)}.board .bar{height:8px}.bl-stage.in .bar i{animation:fill 1.6s var(--ease) .3s backwards}.b-rows{gap:6px;display:grid}.b-row{border:1px solid var(--line);background:var(--card);font:500 13.5px/1.25 var(--body);border-radius:13px;grid-template-columns:92px minmax(0,1fr) 168px;align-items:center;gap:12px;padding:10px 12px;display:grid}.b-row .ref{font:600 12.5px/1 var(--mono);color:var(--fg-2)}.b-row .pr{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.b-row .pr small{color:var(--muted);font-size:12.5px}.b-head{font:600 11px/1 var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;padding:0 12px}.swap{justify-items:end;display:grid}.swap>*{grid-area:1/1}.chk{font:500 12.5px/1 var(--body);color:var(--muted);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.bl-stage.in .swap .a{animation:swapOut .35s var(--ease) var(--t,2s) forwards}.bl-stage.in .swap .b{animation:swapIn .45s var(--ease) var(--t,2s) backwards}.swap .b{opacity:1}.js .bl-stage:not(.in) .swap .b{opacity:0}.js .bl-stage.in .swap .a{opacity:1}@keyframes swapOut{to{opacity:0;transform:translateY(-6px)}}@keyframes swapIn{0%{opacity:0;transform:translateY(6px)scale(.96)}}.swap .a{opacity:0}.js .bl-stage:not(.in) .swap .a{opacity:1}.side-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-1);border-radius:16px;gap:10px;padding:14px;display:grid}.side-card .sc-h{font:600 14px/1.2 var(--display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-doc{border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden}.mini-doc .md-band{background:linear-gradient(90deg,var(--brand),var(--brand-2));align-items:center;height:22px;padding:0 8px;display:flex}.mini-doc .md-band s{background:color-mix(in srgb,var(--brand-ink) 70%,transparent);border-radius:9px;width:44%;height:5px;text-decoration:none;display:block}.mini-doc .md-b{gap:6px;padding:9px;display:grid}.mini-doc .md-b s{background:var(--line);border-radius:9px;height:6px;text-decoration:none;display:block}.mini-doc .md-b s.f{background:var(--brand-soft);width:62%}.inv-l{color:var(--fg-2);justify-content:space-between;gap:8px;font-size:13px;display:flex}.inv-l b{color:var(--fg);font-weight:600}@media (max-width:900px){.board-body{grid-template-columns:1fr}.b-side{display:none}}@media (max-width:640px){.b-main{gap:12px;padding:12px}.b-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.b-sum div{padding:10px 12px}.b-sum b{font-size:22px}.b-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.b-row .pr,.b-head .pr,.board-top .dots{display:none}.board-top{gap:8px;padding:0 12px}}.bl-marquee{margin-top:clamp(56px,7vw,88px)}.vs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin-top:48px;display:grid}.vs-card{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--card-2);height:100%;padding:clamp(22px,3vw,34px)}.vs-card.new{background:radial-gradient(70% 60% at 100% 0%,color-mix(in srgb,var(--a1) 12%,transparent),transparent 70%),radial-gradient(60% 50% at 0% 100%,color-mix(in srgb,var(--a3) 10%,transparent),transparent 70%),var(--card)}.vs-card .k{align-items:center;gap:8px;display:flex}.vs-card h3{letter-spacing:-.034em;margin-top:14px;font-size:clamp(24px,2.6vw,30px);line-height:1.08}.vs-list{margin:20px 0 0;padding:0;list-style:none}.vs-list li{border-top:1px solid var(--line);color:var(--fg-2);align-items:flex-start;gap:12px;padding:13px 0;font-size:16px;line-height:1.5;display:flex}.vs-mk{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-top:0;font-size:13px;display:grid}.vs-mk .i{stroke-width:2.6px}.old .vs-mk{background:var(--bad-bg);color:var(--bad)}.new .vs-mk{background:var(--ok-bg);color:var(--ok)}.old li{color:var(--muted)}@media (max-width:760px){.vs{grid-template-columns:1fr}}.b-tbl{gap:6px;display:grid}.b-tbl .mf{padding:8px 11px}.tpl{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-1);border-radius:14px;overflow:hidden}.tpl-band{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:var(--brand-ink);font:600 12.5px/1.2 var(--body);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.tpl-b{gap:9px;padding:12px 14px;display:grid}.tpl-f{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;display:grid}.tpl-f .k{font-size:10px}.tpl-f span{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tpl-f s{background:var(--line);border-radius:9px;height:7px;text-decoration:none;display:block}.inv{border:1px solid var(--line);background:var(--card);border-radius:14px;gap:10px;padding:14px;display:grid}.inv-tot{border-top:1px dashed var(--line-2);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.inv-tot b{font:600 18px/1.1 var(--display);letter-spacing:-.02em}.fan{width:min(320px,84%);height:224px;position:relative}.fan .fc{background:var(--card);border:1px solid var(--line);height:46px;box-shadow:var(--sh-1);font:500 13px/1.2 var(--body);transition:transform .6s var(--ease),box-shadow .6s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute;top:calc(50% - 23px);left:0;right:0}.fan .fc .ref{font:600 12px/1 var(--mono);color:var(--muted)}.fan .fc .pill{margin-left:auto}.fan .fc:first-child{transform:translate(-18px,-78px)scale(.9)}.fan .fc:nth-child(2){transform:translate(-9px,-26px)scale(.95)}.fan .fc:nth-child(3){transform:translateY(26px)}.fan .fc:nth-child(4){box-shadow:var(--sh-2);z-index:2;transform:translate(9px,78px)scale(1.04)}.mc:hover .fan .fc:first-child{transform:translateY(-78px)scale(.94)}.mc:hover .fan .fc:nth-child(2){transform:translateY(-26px)scale(.97)}.mc:hover .fan .fc:nth-child(4){transform:translateY(78px)scale(1.04)}.tpl-vis{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:min(300px,82%);display:grid}.tpl-vis .src{background:var(--card);border:1px dashed var(--line-2);border-radius:12px;gap:5px;padding:12px;display:grid}.tpl-vis .src s{background:var(--line);border-radius:9px;height:6px;text-decoration:none;display:block}.tpl-vis .src s:nth-child(2n){width:70%}.tpl-vis .arr{background:var(--card);border:1px solid var(--line);width:34px;height:34px;color:var(--brand-2);box-shadow:var(--sh-1);border-radius:50%;place-items:center;display:grid}.tpl-vis .tpl{transition:transform .5s var(--ease);transform:rotate(2deg)}.mc:hover .tpl-vis .tpl{transform:none}.tpl-vis .tpl-band{padding:8px 10px;font-size:11px}.tpl-vis .tpl-b{gap:6px;padding:10px}.tpl-vis .tpl-b s{background:var(--line);border-radius:9px;height:6px;text-decoration:none;display:block}.tpl-vis .tpl-b s.f{background:var(--brand-soft)}.av{background:var(--brand-soft);width:28px;height:28px;color:var(--brand-2);border:1px solid color-mix(in srgb,var(--brand-2) 14%,transparent);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.role{font:600 11.5px/1 var(--body);background:var(--panel);border:1px solid var(--line);color:var(--fg-2);white-space:nowrap;border-radius:999px;margin-left:auto;padding:6px 9px}.mini-code{border-radius:16px;width:min(360px,88%)}.mini-code pre{white-space:pre;padding:14px 16px;font-size:12px;line-height:1.75}.mini-code .code-top{height:36px;font-size:11.5px}.fit{border-top:1px solid var(--line);counter-reset:fit;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:48px;display:grid}.fit-item{border-bottom:1px solid var(--line);counter-increment:fit;grid-template-columns:44px minmax(0,1fr) auto;gap:18px;padding:28px 0;display:grid}.fit-item .f-ic{transition:transform .4s var(--ease),background .3s;margin:0}.fit-item:hover .f-ic{transform:rotate(-6deg)scale(1.06)}.fit-item h3{letter-spacing:-.025em;font-size:21px;line-height:1.15}.fit-item p{color:var(--muted);max-width:44ch;margin-top:6px;font-size:15.5px;line-height:1.55}.fit-item:after{content:"0" counter(fit);font:500 12px/1 var(--mono);color:var(--muted);padding-top:6px}@media (max-width:760px){.fit{grid-template-columns:1fr}.fit-item{grid-template-columns:44px minmax(0,1fr);padding:22px 0}.fit-item:after{display:none}}.sec-tag{margin-top:18px}.swap .keep{opacity:1!important;animation:none!important}.mf-s{color:var(--muted);white-space:nowrap;font-size:12.5px}.mc p a{color:var(--brand-2);text-underline-offset:3px}.hf{pointer-events:none;width:330px;height:390px;display:none;position:absolute;top:clamp(200px,17vw,250px);right:0}@media (min-width:1100px){.hf{display:block}}.hf .fl{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(14px);font:600 14px/1.25 var(--body);color:var(--fg);animation:rise .9s var(--ease) var(--fd,.5s) backwards,bob 7s ease-in-out calc(var(--fd,.5s) + 1s) infinite alternate;border-radius:18px;align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex;position:absolute}.hf .fl small{font:500 12.5px/1.3 var(--body);color:var(--muted);display:block}.hf .fl .f-ic{border-radius:12px;width:38px;height:38px;margin:0;font-size:17px}.hf .fl .f-ic.ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.hf .fl1{--fd:.45s;top:0;right:56px}.hf .fl2{--fd:.6s;top:134px;right:0}.hf .fl3{--fd:.75s;top:268px;right:84px}@keyframes bob{to{transform:translateY(-10px)}}