/* 由 tools/split_styles.py 生成；请编辑 style.css 后重新生成。 */
.ai-card .nm-a{display:inline-flex;align-items:center;gap:8px}
.ai-card .nm-a .pi{width:26px;height:26px;border-radius:8px}
.ai-card .nm-a .pi img{width:18px;height:18px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch}
.hero-main{display:flex;flex-direction:column;gap:16px;padding-top:4px;min-width:0}
.status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--muted)}
.v-title{margin:0;font-size:clamp(22px,3.2vw,32px);line-height:1.35;font-weight:700;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere}
.hchips{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--ink2)}
.hchip{background:var(--sheet);border:1px solid var(--line);border-radius:8px;padding:6px 12px;overflow-wrap:anywhere}
.hchip.mono{font-family:var(--mono)}
.hchip.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn);font-weight:600}
.hchip.bad{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad);font-weight:600}
.hchip.good{background:var(--good-bg);border-color:transparent;color:var(--good);font-weight:600}
.counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cnt{background:var(--sheet);padding:12px 16px;display:flex;flex-direction:column;gap:2px;text-decoration:none}
.cnt span{font-size:12px;color:var(--muted)}
.cnt b{font:700 26px/1.1 var(--mono);font-variant-numeric:tabular-nums}
.cnt.bad b{color:var(--bad)}
.cnt.warn b{color:var(--warn)}
.cnt.info b{color:var(--info)}
.cnt.good b{color:var(--good)}
.progress{position:relative;height:28px;border-radius:8px;background:var(--line2);overflow:hidden;font-size:12px;color:var(--ink2)}
.progress i{position:absolute;inset:0 auto 0 0;width:0;background:var(--good-bg);transition:width .3s ease}
.progress span{position:relative;display:flex;height:100%;align-items:center;padding:0 12px;gap:8px}
.progress.done{visibility:hidden}
.score-card{background:var(--brand);color:var(--brand-ink);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.score-card .sc-top{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600}
.score-card .sc-top small{font-size:12px;font-weight:400;color:var(--brand-sub)}
.gauge{width:100%;height:auto;display:block}
.gauge .trk{stroke:var(--brand2)}
.gauge .val{stroke:var(--brand-hi);transition:stroke-dasharray .8s ease}
.gauge .num{fill:#fff;font:700 44px var(--mono)}
.gauge .sub{fill:var(--brand-sub);font:12px var(--mono)}
.gbar{display:flex;height:6px;gap:2px;border-radius:3px;overflow:hidden}
.gbar span{background:var(--brand3)}
.gbar span.on{background:var(--brand-hi)}
.glabels{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--brand-sub)}
.glabels .on{color:#fff;font-weight:700}
.deduct{border-top:1px solid var(--brand2);padding-top:12px;display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm)}
.deduct div{display:flex;justify-content:space-between;gap:10px}
.deduct b{font-family:var(--mono);color:#ffb4a8}
.deduct .ok{color:var(--brand-sub)}
.sc-actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.sc-btn{appearance:none;border:0;background:var(--brand-ink);color:var(--brand);border-radius:var(--radius-sm);padding:10px;font:700 14px var(--sans);cursor:pointer;text-align:center}
.sc-btn.alt{background:transparent;color:var(--brand-ink);border:1px solid var(--brand3)}
.sc-btn:disabled{opacity:.55;cursor:default}
.sc-note{font-size:12px;color:var(--brand-sub);margin:0}
.score-card .share-bar{margin:0}
.score-card .share-bar input{background:var(--brand2);border-color:var(--brand3);color:#fff}
.ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-card{padding:18px 20px;border-right:1px solid var(--line2);display:flex;flex-direction:column;gap:8px;min-width:0}
.ai-card:last-child{border-right:0}
.ai-card .nm{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700;font-size:16px}
.ai-card .nm small{font-weight:400;font-size:12px;color:var(--muted)}
.ai-card .lv{font-size:var(--text-sm);font-weight:700;padding:3px 10px;border-radius:999px;align-self:flex-start;background:var(--line2);color:var(--muted)}
.ai-card .lv.good{background:var(--good-bg);color:var(--good)}
.ai-card .lv.warn{background:var(--warn-bg);color:var(--warn)}
.ai-card .lv.bad{background:var(--bad-bg);color:var(--bad)}
.ai-card .lv.info{background:var(--info-bg);color:var(--info)}
.ai-card .nt{font-size:var(--text-sm);line-height:1.6;color:var(--ink2)}
.ai-card .ex{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.ai-card .ex code{font-family:var(--mono);color:var(--ink2)}
.ai-card.focus{background:var(--seal-soft)}
.fix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.fix{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:15px 22px;border-bottom:1px solid var(--line2)}
.fix i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--mono);font-style:normal}
.fix.bad i{background:var(--bad-bg);color:var(--bad)}
.fix.warn i{background:var(--warn-bg);color:var(--warn)}
.fix.info i{background:var(--info-bg);color:var(--info)}
.fix b{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.fix span{display:block;font-size:var(--text-sm);line-height:1.7;color:var(--ink2);margin-top:3px}
.fix-empty{padding:18px 22px;margin:0;color:var(--muted);font-size:14px}
.exits{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.exit{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.exit.bad{border:1.5px solid var(--bad-edge);background:var(--bad-tint)}
.exit.warn{border-color:var(--warn-line)}
.exit .eh{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.exit .eh b{font-weight:700}
.exit.bad .eh b{color:var(--bad)}
.exit.warn .eh b{color:var(--warn)}
.exit .eh b.good{color:var(--good)}
.exit .eip{font:700 17px var(--mono);overflow-wrap:anywhere}
.exit .eloc{font-size:var(--text-sm);color:var(--ink2)}
.exit .who{display:flex;flex-wrap:wrap;gap:6px}
.exit .who span{font-size:12px;background:var(--chipbg);border-radius:6px;padding:3px 8px}
.exit.bad .who span{background:var(--sheet);border:1px solid var(--bad-line)}
.dns-strip{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 16px;font-size:14px}
.dns-strip.bad{background:var(--bad-tint);border-color:var(--bad-line)}
.dns-strip code{font-family:var(--mono)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.bars{display:flex;flex-direction:column;gap:11px}
.bar{display:grid;grid-template-columns:96px minmax(0,1fr) 40px;gap:12px;align-items:center}
.bar>span:first-child{font-size:14px;font-weight:600}
.bar .tr{height:8px;background:var(--line2);border-radius:4px;overflow:hidden;position:relative}
.bar .tr i{position:absolute;inset:0 auto 0 0;border-radius:4px}
.bar b{font:700 14px var(--mono);text-align:right}
.bar.good i{background:var(--good)}
.bar.good b{color:var(--good)}
.bar.warn i{background:var(--bar-warn)}
.bar.warn b{color:var(--warn)}
.bar.bad i{background:var(--bar-bad)}
.bar.bad b{color:var(--bad)}
.bar-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--line2);padding-top:10px;margin-top:4px}
.ipd{display:flex;flex-direction:column;gap:10px;font-size:14px}
.ipd .kv{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:10px}
.ipd .kv>span:first-child{color:var(--muted)}
.ipd details{border-top:1px solid var(--line2);padding-top:10px}
.ipd summary{cursor:pointer;font-weight:600}
#browser .rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;border-radius:0}
#browser .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;border:1px solid var(--line2);border-radius:var(--radius-sm);
  padding:10px 12px;cursor:pointer;min-width:0}
#browser .row .k{font-size:var(--text-sm);font-weight:600}
#browser .row .v{display:none;flex-basis:100%;order:3;font-size:var(--text-sm)}
#browser .row.open{grid-column:1/-1;cursor:default}
#browser .row.open .v{display:block}
#browser .row .pill{font-size:12px;white-space:nowrap}
#browser .row.lv-bad{background:var(--bad-tint)}
#browser .row.lv-warn{background:var(--warn-bg)}
#browser .row.pending .k::after{content:" …";color:var(--muted)}
#browser .note{margin:12px 0 0}
.home-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.home-tools>*{min-width:0}
.img-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;z-index:50;padding:16px}
.img-modal>div{background:var(--sheet);border-radius:var(--radius-md);padding:16px;max-width:min(440px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:10px}
.img-modal img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
.img-modal p{margin:0;font-size:var(--text-sm);color:var(--muted)}
.img-modal .row2{display:flex;gap:8px;justify-content:flex-end}
.lp-faq{display:grid;gap:0}
.lp-faq details{border-bottom:1px solid var(--line2);padding:14px 22px}
.lp-faq details:last-child{border-bottom:0}
.lp-faq summary{cursor:pointer;font-weight:700}
.lp-faq p{margin:8px 0 0;color:var(--ink2);font-size:15px;max-width:72ch}
.lp-faq pre{font:13px/1.6 var(--mono);background:var(--brand);color:var(--brand-ink);padding:12px 14px;border-radius:var(--radius-sm);overflow-x:auto}
@media (max-width:900px){
.hero{grid-template-columns:1fr}
.ai-grid{grid-template-columns:1fr 1fr}
.ai-card:nth-child(2){border-right:0}
.ai-card:nth-child(-n+2){border-bottom:1px solid var(--line2)}
.two,.home-tools{grid-template-columns:1fr}
#browser .rows{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
.counts{grid-template-columns:repeat(4,minmax(0,1fr))}
.cnt{padding:10px}
.cnt b{font-size:21px}
.ai-grid{grid-template-columns:1fr}
.ai-card{border-right:0;border-bottom:1px solid var(--line2)}
.ai-card:last-child{border-bottom:0}
.fix-grid{grid-template-columns:1fr}
.fix{padding:13px 16px}
#browser .rows{grid-template-columns:1fr}
.bar{grid-template-columns:78px minmax(0,1fr) 34px}
.score-card{padding:16px;gap:10px}
.gauge{max-width:220px;margin:0 auto}
.sc-actions{flex-direction:row;flex-wrap:wrap}
.sc-actions>.sc-btn,.sc-actions>.share-bar{flex:1 1 40%}
.sc-note{flex-basis:100%}
.ai-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:13px 16px}
.ai-card .nm small{display:none}
.ai-card .lv{grid-column:2;grid-row:1;align-self:center}
.ai-card .nt,.ai-card .ex{grid-column:1/-1}
.v-title{font-size:21px}
}
@media (prefers-reduced-motion:reduce){
.progress i,.gauge .val{transition:none}
}
.gauge .val.g-Ap{stroke:#7fd8a6}
.gauge .val.g-A{stroke:#a6de8a}
.gauge .val.g-B{stroke:#d6df6a}
.gauge .val.g-C{stroke:#f0c75a}
.gauge .val.g-D{stroke:#f59a5c}
.gauge .val.g-F{stroke:#ff8a7a}
.gbar span.on.g-B{background:#d6df6a}
.gbar span.on.g-C{background:#f0c75a}
.gbar span.on.g-D{background:#f59a5c}
.gbar span.on.g-F{background:#ff8a7a}
.gbar span.on.g-A{background:#a6de8a}
.ai-card .nm a{text-decoration:none}
.ai-card .nm a:hover{text-decoration:underline}
.pf-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 22px}
.pf-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:block}
.pf-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--seal)}
.pf-txt p{margin:4px 0 0;font-size:14px;color:var(--ink2);line-height:1.7}
.pf-txt pre.cli{margin:8px 0}
.pf-status{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:var(--text-sm);font-weight:700;white-space:nowrap;text-decoration:none;background:var(--line2);color:var(--muted)}
.pf-status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.pf-status.good{background:var(--good-bg);color:var(--good)}
.pf-status.warn{background:var(--warn-bg);color:var(--warn)}
.pf-status.bad{background:var(--bad-bg);color:var(--bad)}
.pf-status.info{background:var(--info-bg);color:var(--info)}
.pf-status.na::before{display:none}
.pf-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center}
.pf-big{display:flex;flex-direction:column;gap:2px}
.pf-big b{font:800 56px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--g-na)}
.pf-big span{font:13px var(--mono);color:var(--muted)}
.pf-big em{font-style:normal;font-weight:700;font-size:15px;margin-top:6px}
.pf-big.g-Ap b{color:var(--g-Ap)}
.pf-big.g-A b{color:var(--g-A)}
.pf-big.g-B b{color:var(--g-B)}
.pf-big.g-C b{color:var(--g-C)}
.pf-big.g-D b{color:var(--g-D)}
.pf-big.g-F b{color:var(--g-F)}
.pf-parts{display:flex;flex-direction:column;gap:10px}
.pf-part{display:grid;grid-template-columns:7.5em minmax(0,1fr) 4.2em;gap:10px;align-items:center;font-size:14px}
.pf-part .tr{height:8px;background:var(--line2);border-radius:4px;overflow:hidden;position:relative}
.pf-part .tr i{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--good)}
.pf-part.warn .tr i{background:var(--bar-warn)}
.pf-part.bad .tr i{background:var(--bar-bad)}
.pf-part b{font:700 13px var(--mono);text-align:right}
.pf-part small{grid-column:1/-1;margin-top:-6px;color:var(--muted);font-size:12px}
.pf-cap{padding:8px 12px;border-radius:8px;background:var(--bad-bg);color:var(--bad);font-size:var(--text-sm);font-weight:600}
.pf-dom{border-top:1px solid var(--line2)}
.pf-dom h3{font-size:14px;margin:0 0 10px}
.pf-domains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pf-domains>div{border:1px solid var(--line2);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--text-sm);min-width:0;overflow-wrap:anywhere}
.pf-domains>div b{display:block;font-size:var(--text-sm)}
.pf-domains>div code{font-family:var(--mono)}
.pf-domains>div.bad{background:var(--bad-tint);border-color:var(--bad-line)}
.pf-domains>div.warn{background:var(--warn-bg)}
.pf-check{margin:0;padding:16px 22px 16px 42px;display:grid;gap:8px;font-size:15px}
@media (max-width:760px){
.pf-hero{grid-template-columns:52px minmax(0,1fr);padding:16px}
.pf-icon{width:52px;height:52px;border-radius:13px}
.pf-status{grid-column:1/-1;justify-self:start}
.pf-body{grid-template-columns:1fr;gap:14px}
.pf-big{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}
.pf-big b{font-size:44px}
.pf-domains{grid-template-columns:1fr}
}
.ai-card.is-hot{box-shadow:inset 0 3px 0 var(--hot)}
.ai-card .more{font-size:var(--text-sm);font-weight:600;color:var(--hot);text-decoration:none;margin-top:auto}
.ai-card .more:hover{text-decoration:underline}
.muse-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 14px;padding:11px 16px;border-radius:12px;background:var(--hot-bg);color:var(--ink);text-decoration:none;font-size:14px}
.muse-bar b{font-weight:700}
.muse-bar span:last-child{color:var(--hot);font-weight:600}
.muse-bar:hover span:last-child{text-decoration:underline}
.ai-card .gem-api{font-size:12.5px;color:var(--muted)}
.ai-card .gem-api.no{color:var(--bad)}
.sc-btn{min-height:44px;line-height:1.4}
.score-card :focus-visible{outline-color:var(--brand-hi)}
.ai-card .lv,.pf-status{line-height:1.5;min-height:26px}
.ai-card .lv::before{display:inline-block;margin-right:5px;font-weight:800}
.ai-card .lv.good::before{content:"✓"}
.ai-card .lv.warn::before{content:"!"}
.ai-card .lv.bad::before{content:"✕"}
.ai-card .lv.info::before{content:"i"}
.fix-grid{grid-template-columns:1fr}
.fix{padding:var(--space-3) var(--space-4);border-left:3px solid transparent}
.fix.bad{border-left-color:var(--bad);background:var(--bad-tint)}
.fix.warn{border-left-color:var(--warn)}
.fix.info{border-left-color:var(--info)}
.fix span{font-size:14px;line-height:1.8;margin-top:6px;max-width:75ch}
.fix i{margin-top:2px}
#browser .row{cursor:pointer}
#browser .row.open{cursor:pointer}
@media(max-width:760px){
.fix{padding:16px 13px}
}
.home>.hero{order:0}
.home>.muse-bar,.home>.pf-hero,.home>#pf-card{order:1}
.home:not([data-focus=""])>.pf-hero,.home:not([data-focus=""])>#pf-card{order:-1}
.hero{gap:var(--space-3)}
.hero-main{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--sheet);gap:var(--space-2)}
.v-title{min-height:3.9em;line-height:1.3;font-size:clamp(22px,2.5vw,28px);text-wrap:pretty}
.status-line{min-height:32px}
.first-action{display:flex;flex-direction:column;gap:4px;min-height:112px;padding:12px 14px;background:var(--chipbg);border-left:3px solid var(--line);border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-decoration:none;font-size:14px;line-height:1.7}
.first-action b{font-size:12px;color:var(--muted)}
.first-action.bad{background:var(--bad-tint);border-left-color:var(--bad)}
.first-action.warn{background:var(--warn-bg);border-left-color:var(--warn)}
.first-action.info{background:var(--info-bg);border-left-color:var(--info)}
.first-action.good{background:var(--good-bg);border-left-color:var(--good)}
.hchips{min-height:80px;align-content:start;align-items:start}
.hchip{font-size:13px;padding:5px 9px}
.cnt{padding:10px 12px}
.cnt span{color:var(--ink2)}
.progress{height:22px;flex:none}
.score-card{padding:var(--space-4)}
.muse-bar{margin:0}
@media(max-width:560px){
.hero{gap:var(--space-2)}
.hero-main{padding:16px;gap:10px}
.status-line{font-size:12px;gap:6px;min-height:28px}
.v-title{font-size:20px;min-height:5.2em;line-height:1.3}
.first-action{font-size:14px;min-height:116px;padding:10px 12px}
.hchips{min-height:72px;gap:6px}
.hchip{font-size:12px;padding:4px 7px}
.cnt{padding:8px}
.cnt b{font-size:22px}
.score-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:6px 14px;padding:16px;align-items:center}
.score-card .sc-top{grid-column:2;grid-row:1;flex-wrap:wrap;gap:3px 8px}
.gauge{grid-column:1;grid-row:1/5;max-width:112px;margin:0}
.gauge .sub{font-size:20px}
.gbar{grid-column:2;grid-row:2}
.glabels{grid-column:2;grid-row:3}
.deduct{grid-column:2;grid-row:4;padding-top:6px;font-size:12px}
.sc-actions{grid-column:1/-1;margin-top:10px;gap:8px}
.sc-note{font-size:11px}
}
.sc-btn.alt,.score-card .share-bar input{border-color:var(--brand-sub)}
.hero{display:block}
.hero-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px 24px}
.hero-main> :not(.score-card){grid-column:1}
.hero .status-line{grid-row:1}
.hero .v-title{grid-row:2}
.hero .first-action{grid-row:3}
.hero .hchips{grid-row:4}
.hero .counts{grid-row:5}
.hero .progress{grid-row:6}
.hero .score-card{grid-column:2;grid-row:1/7;align-self:start}
@media(max-width:900px){
.hero-main{grid-template-columns:minmax(0,1fr)}
.hero .score-card{grid-column:1;grid-row:4}
.hero .hchips{grid-row:5}
.hero .counts{grid-row:6}
.hero .progress{grid-row:7}
}
@media(max-width:560px){
.hero-main{gap:10px;padding:16px}
.hero .v-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:5.2em}
.hero .first-action{min-height:140px}
.first-action span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.hero .hchips{min-height:96px}
.hero .status-line{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px;align-items:start;min-height:46px}
.hero .status-line .status{justify-self:start;white-space:nowrap}
.hero #v-time{min-height:46px;line-height:1.7;padding-top:4px}
html[lang^="en"] .hero .status-line{grid-template-columns:116px minmax(0,1fr)}
.hero .gauge{align-self:start}
.hero .deduct{height:56px;overflow-y:auto;overscroll-behavior-y:contain}
}
.score-card{position:relative;background:radial-gradient(120% 70% at 50% 0%,rgba(127,216,166,.13),transparent 62%),var(--brand);
  box-shadow:inset 0 0 0 1px rgba(127,216,166,.13),0 18px 40px -26px rgba(5,25,18,.7)}
.score-card .sc-top{align-items:center}
.score-card .sc-top small{margin-left:4px}
.gauge .trk{stroke:none}
.gauge .seg{opacity:.28}
.gauge .seg.g-Ap{stroke:var(--gc-Ap)}
.gauge .seg.g-A{stroke:var(--gc-A)}
.gauge .seg.g-B{stroke:var(--gc-B)}
.gauge .seg.g-C{stroke:var(--gc-C)}
.gauge .seg.g-D{stroke:var(--gc-D)}
.gauge .seg.g-F{stroke:var(--gc-F)}
.gauge .gs0{stop-color:var(--gc-na);stop-opacity:.55}
.gauge .gs1{stop-color:var(--gc-na)}
.gauge.g-Ap .gs0,.gauge.g-Ap .gs1{stop-color:var(--gc-Ap)}
.gauge.g-A .gs0,.gauge.g-A .gs1{stop-color:var(--gc-A)}
.gauge.g-B .gs0,.gauge.g-B .gs1{stop-color:var(--gc-B)}
.gauge.g-C .gs0,.gauge.g-C .gs1{stop-color:var(--gc-C)}
.gauge.g-D .gs0,.gauge.g-D .gs1{stop-color:var(--gc-D)}
.gauge.g-F .gs0,.gauge.g-F .gs1{stop-color:var(--gc-F)}
.gauge .val,.gauge .val[class*="g-"]{stroke:url(#gauge-grad)}
.gauge .val{filter:drop-shadow(0 0 5px rgba(127,216,166,.28))}
.gauge .num{font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gauge .sub{font-size:13px}
.gbar{height:5px;gap:3px}
.gbar span{opacity:.3}
.gbar span:nth-child(1){background:var(--gc-F)}
.gbar span:nth-child(2){background:var(--gc-D)}
.gbar span:nth-child(3){background:var(--gc-C)}
.gbar span:nth-child(4){background:var(--gc-B)}
.gbar span:nth-child(5){background:var(--gc-A)}
.gbar span:nth-child(6){background:var(--gc-Ap)}
.gbar span.on{opacity:1}
.deduct{gap:7px}
.deduct div:not(.ok){padding:0 8px;margin:0 -8px;border-radius:6px;background:rgba(255,138,122,.08)}
.deduct .ok{line-height:1.6}
.first-action b::before{content:"\00a0";display:inline-block;width:1em;margin-right:4px;font-weight:800;text-align:center}
.first-action.good b::before{content:"✓";color:var(--good)}
.first-action.warn b::before{content:"!";color:var(--warn)}
.first-action.bad b::before{content:"✕";color:var(--bad)}
.first-action.info b::before{content:"i";color:var(--info)}
.first-action span{max-width:68ch}
.counts .cnt{box-shadow:inset 0 2px 0 var(--c,transparent)}
.cnt.bad{--c:color-mix(in srgb,var(--bad) 55%,transparent)}
.cnt.warn{--c:color-mix(in srgb,var(--warn) 55%,transparent)}
.cnt.info{--c:color-mix(in srgb,var(--info) 55%,transparent)}
.cnt.good{--c:color-mix(in srgb,var(--good) 55%,transparent)}
.cnt:hover{background:var(--chipbg)}
.ai-card .lv[class="lv"],#browser .row.pending [id$="-t"]:empty::before{
  background:linear-gradient(90deg,var(--line2) 30%,var(--chipbg) 50%,var(--line2) 70%);background-size:300% 100%;animation:shimmer 1.3s linear infinite;color:var(--muted)}
.hchip.skeleton{border-color:transparent}
#browser .row.pending [id$="-t"]:empty::before{content:"";display:block;width:58px;height:26px;border-radius:999px}
.ai-grid{gap:12px;padding:16px}
.ai-grid>.ai-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;background:var(--sheet);transition:border-color .2s,background .2s}
.ai-grid>.ai-card[data-lv="good"]{border-color:color-mix(in srgb,var(--good) 32%,var(--line))}
.ai-grid>.ai-card[data-lv="warn"]{border-color:var(--warn-line);background:color-mix(in srgb,var(--warn-bg) 55%,var(--sheet))}
.ai-grid>.ai-card[data-lv="bad"]{border-color:var(--bad-line);background:var(--bad-tint)}
.ai-grid>.ai-card.focus{border-color:var(--seal);background:var(--seal-soft)}
.ai-grid>.ai-card.is-hot{box-shadow:inset 0 3px 0 var(--hot)}
.ai-card .nt{max-width:46ch}
.fix-grid{gap:10px;padding:16px}
.fix-grid>.fix{border:1px solid var(--line2);border-left:3px solid var(--info);border-radius:var(--radius-sm);padding:14px 18px}
.fix-grid>.fix.bad{border-color:var(--bad-line);border-left-color:var(--bad);background:var(--bad-tint)}
.fix-grid>.fix.warn{border-color:var(--warn-line);border-left-color:var(--warn);background:color-mix(in srgb,var(--warn-bg) 45%,var(--sheet))}
.fix-grid>.fix-empty{padding:4px 6px}
.exit{border-radius:var(--radius-md);padding:14px 16px 16px}
.exit .eip{font-size:19px;letter-spacing:-.01em}
.exit .eloc{font-size:12.5px;color:var(--muted);margin-top:-4px}
.exit.main:not(.bad):not(.warn){border-color:color-mix(in srgb,var(--seal) 45%,var(--line));background:linear-gradient(180deg,var(--seal-soft),transparent 70%)}
.exit.warn{background:color-mix(in srgb,var(--warn-bg) 40%,var(--sheet))}
.exit .eh b::before{margin-right:4px;font-weight:800}
.exit .eh b.good::before{content:"✓"}
.exit .who span{font-size:11.5px}
#browser .row{border-left-width:3px;border-radius:var(--radius-sm)}
#browser .row.lv-good{border-left-color:color-mix(in srgb,var(--good) 55%,var(--line2))}
#browser .row.lv-info{border-left-color:color-mix(in srgb,var(--info) 55%,var(--line2))}
#browser .row.lv-warn{border-left-color:var(--warn);border-color:var(--warn-line);background:color-mix(in srgb,var(--warn-bg) 60%,var(--sheet))}
#browser .row.lv-bad{border-left-color:var(--bad);border-color:var(--bad-line)}
#browser .row .v{max-width:80ch;line-height:1.75}
#browser .row:hover{border-color:var(--control-line)}
.bar .tr{height:7px;border-radius:999px}
.bar .tr i{border-radius:999px}
@media (max-width:900px){
.ai-grid>.ai-card{border:1px solid var(--line)}
}
@media (max-width:560px){
.ai-grid,.fix-grid{padding:12px;gap:8px}
.ai-grid>.ai-card{padding:13px 14px}
.fix-grid>.fix{padding:12px 13px}
}
.pf-parts{min-height:280px;justify-content:center}
.home[data-focus^="claude"] .pf-parts{min-height:266px}
@media (min-width:561px){
.hero .v-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
@media (max-width:900px) and (min-width:561px){
.hero .gauge{max-width:320px;margin:0 auto}
}
.hero .status{min-width:86px}
.hero .hchips{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-content:normal;gap:8px;min-height:118px}
.hchip-ip{font:700 24px/1.2 var(--mono);letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}
.hchip-ip.v6{font-size:18px;line-height:1.6}
.hchip-ip.skeleton{font:500 14px/1.7 var(--sans);color:var(--muted)}
.hero .idrow{flex-wrap:nowrap}
.hchip-meta{font-size:13px;line-height:1.5;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){
.hero .hchips{min-height:112px;gap:7px}
.hchip-ip{font-size:21px}
.hchip-ip.v6{font-size:15px}
.hchip-meta{font-size:12px}
}