.hw{max-width:1320px}
.hhead{padding:110px 0 30px}
.hhead .lead a{color:var(--acc,#7c5cff)}
.hgrid{display:grid;grid-template-columns:270px 1fr;gap:44px;align-items:start;padding-bottom:80px}
.htoc{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;padding-right:6px}
.htoc input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line,#2a2a35);background:var(--panel,#15151c);color:var(--txt,#eee);font:inherit;margin-bottom:10px}
#hNav a{display:block;padding:6px 10px;border-radius:8px;color:var(--dim,#aab);text-decoration:none;font-size:14px;line-height:1.35}
#hNav a b{display:inline-block;width:24px;color:var(--dim2,#778);font-weight:600}
#hNav a:hover{background:var(--panel,#15151c);color:var(--txt,#fff)}
#hNav a.on{background:var(--panel2,#1d1d27);color:var(--txt,#fff)}
#hRes a{display:block;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--txt,#eee);text-decoration:none;border-bottom:1px solid var(--line,#2a2a35)}
#hRes a small{display:block;color:var(--dim2,#778)}
#hRes a:hover{background:var(--panel,#15151c)}
#hRes:not(:empty)+nav{display:none}
.hbody{min-width:0;max-width:860px}
.hch{position:relative;padding:28px 0 40px;border-top:1px solid var(--line,#2a2a35);scroll-margin-top:70px}
.hch:first-child{border-top:0;padding-top:0}
.hnum{font-size:13px;letter-spacing:.12em;color:var(--dim2,#778);font-weight:700}
.hch h1{font-size:34px;margin:4px 0 14px}
.hch h2{font-size:22px;margin:34px 0 10px;scroll-margin-top:80px}
.hch h3{font-size:17px;margin:24px 0 8px}
.hch p,.hch li{color:var(--dim,#c8c8d4);line-height:1.68;font-size:16px}
.hch strong{color:var(--txt,#fff)}
.hch ul,.hch ol{padding-left:22px}
.hch li{margin:4px 0}
.hch code{background:var(--panel2,#1d1d27);padding:1px 6px;border-radius:5px;font-size:.9em}
.htab{overflow-x:auto;margin:14px 0}
.htab table{border-collapse:collapse;width:100%;font-size:14px}
.htab th,.htab td{border-bottom:1px solid var(--line,#2a2a35);padding:8px 10px;text-align:left;vertical-align:top;color:var(--dim,#c8c8d4)}
.htab th{color:var(--txt,#fff)}
.hfig{margin:20px 0 26px}
.hfig img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line,#2a2a35);box-shadow:0 14px 40px rgba(0,0,0,.35);transition:transform .2s}
.hfig a:hover img{transform:translateY(-2px)}
.hfig figcaption{font-size:14px;color:var(--dim2,#889);margin-top:8px}
.hfig figcaption a{color:var(--acc,#7c5cff);text-decoration:none;margin-left:6px;white-space:nowrap}
mark{background:#ffd54a55;color:inherit;border-radius:3px}
@media(max-width:900px){.hgrid{grid-template-columns:1fr}.htoc{position:static;max-height:none}#hNav{display:none}.hhead{padding-top:90px}}
.hsec{scroll-margin-top:80px}