.v6 .head{background:var(--catd);color:#fff}
.v6 .head .wrap{padding-block:24px 40px}
.v6 .head .crumb{color:rgba(255,255,255,.7);margin-bottom:24px}
.v6 .head .crumb b{color:#fff}
.v6 .head .row{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}
.v6 .head .chip{background:var(--cat);color:#fff}
.v6 h1{font-size:clamp(30px,4vw,48px);line-height:1.12;font-weight:800;letter-spacing:-.025em;margin:14px 0 14px}
.v6 .head p.ex{color:rgba(255,255,255,.78);font-size:16.5px;max-width:60ch}
.v6 .head .meta{color:rgba(255,255,255,.75)}
.v6 .head .meta b{color:#fff}
.v6 .head .meta .sep{background:rgba(255,255,255,.4)}
.v6 .head .th{border-radius:18px;aspect-ratio:4/3;max-width:100%;border:4px solid rgba(255,255,255,.12)}
.v6 .bar{position:sticky;top:58px;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.v6 .bar .wrap{display:flex;gap:8px;align-items:center;padding-block:8px;flex-wrap:wrap}
.v6 .bar button{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:7px 12px;font-weight:700;font-size:13.5px;cursor:pointer;display:flex;gap:6px;align-items:center;color:var(--ink)}
.v6 .bar button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.v6 .bar .sec{margin-left:auto;font-size:13px;color:var(--mute);display:flex;gap:10px;align-items:center;min-width:0}
.v6 .bar .sec b{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.v6 .bar .line{position:absolute;left:0;bottom:-1px;height:3px;background:var(--cat);width:0}
.v6 .grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-block:40px 70px;align-items:start;transition:grid-template-columns .3s}
.v6 .grid article{max-width:760px;display:grid;gap:26px;margin-inline:auto;width:100%}
.v6 .grid.focus{grid-template-columns:minmax(0,1fr) 0}
.v6 .grid.focus aside{display:none}
.v6 aside{position:sticky;top:120px;display:grid;gap:16px}
.v6 .ser{border:1px solid var(--line);border-radius:18px;overflow:hidden}
.v6 .ser .h{background:var(--cat2);padding:14px 16px}
.v6 .ser .h small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cat);font-weight:700}
.v6 .ser .h b{font-family:var(--f-h);font-size:16px}
.v6 .ser ol{list-style:none;margin:0;padding:8px;display:grid;gap:2px;counter-reset:s}
.v6 .ser a{display:flex;gap:10px;padding:9px 10px;border-radius:10px;font-size:13.5px;line-height:1.4;counter-increment:s}
.v6 .ser a::before{content:counter(s);flex:none;width:22px;height:22px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:11.5px;font-weight:800;color:var(--mute)}
.v6 .ser a:hover{background:var(--paper)}
.v6 .ser a.cur{background:var(--catd);color:#fff;font-weight:600}
.v6 .ser a.cur::before{background:var(--cat);color:#fff}
@media (max-width:1024px){
.v6 .head .row{grid-template-columns:1fr}
.v6 .head .th{display:none}
.v6 .grid{grid-template-columns:minmax(0,1fr)}
.v6 aside{position:static}
}
@media (max-width:640px){
.v6 .bar .sec{display:none}
}