:root {color-scheme:light;--bg:#f4f5f8;--panel:#fff;--ink:#273749;--muted:#596e81;--line:#dce4ec;--accent:#246787;--soft:#eaf0f5;--input:#f9fbfd;font:14px/1.8 "Segoe UI","Microsoft YaHei",sans-serif}
:root[data-theme="dark"] {color-scheme:dark;--bg:#101922;--panel:#1b2b39;--ink:#e4edf4;--muted:#a0b3c3;--line:#354e61;--accent:#84d4f5;--soft:#213f52;--input:#10222e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-underline-offset:3px}button,input{font:inherit}button{cursor:pointer}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}
.help-header{height:70px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--panel);border-bottom:1px solid var(--line);gap:16px}
.help-brand{font-size:15px;font-weight:650;letter-spacing:1.5px;color:var(--ink);text-decoration:none;white-space:nowrap}.help-brand span{letter-spacing:0;font-size:12px;color:var(--muted);border-left:1px solid var(--line);margin-left:15px;padding-left:15px;font-weight:400}
.help-actions{display:flex;align-items:center;gap:12px}.help-actions a,.help-actions button{border:1px solid var(--line);border-radius:7px;background:var(--input);padding:5px 10px;font-size:12px;color:var(--ink);text-decoration:none}.help-actions #themeToggle{font-size:20px;line-height:1.6;width:36px;padding:0}.help-actions #helpMenu{display:none}
.help-layout{max-width:1660px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr) 220px;align-items:start}.help-sidebar{position:sticky;top:70px;height:calc(100dvh - 70px);overflow-y:auto;padding:25px 18px;border-right:1px solid var(--line);scrollbar-width:thin}.help-sidebar label{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.help-sidebar input{width:100%;border:1px solid var(--line);background:var(--input);color:var(--ink);padding:9px 11px;border-radius:7px;font-size:12px}.help-sidebar input::placeholder{color:var(--muted)}
.help-sidebar nav h2{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:25px 10px 8px}.help-sidebar nav a,#searchResults a{display:block;text-decoration:none;font-size:12px;padding:9px 10px;border-radius:6px;color:var(--muted);margin:2px 0;line-height:1.7}.help-sidebar nav a:hover,#searchResults a:hover{background:var(--soft);color:var(--ink)}.help-sidebar a[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:600}.download-kit{display:block;border-top:1px solid var(--line);padding:20px 8px;margin-top:24px;font-size:11px;text-decoration:none}#searchStatus{font-size:11px;color:var(--muted)}#searchResults strong{font-size:12px;font-weight:500;color:var(--ink);display:block}#searchResults small{display:block;font-size:10px;margin-top:5px}
#article{min-width:0;padding:32px 45px 60px;max-width:100%;outline:none}.article-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:var(--muted);margin-bottom:25px}.article-meta a{text-decoration:none}.learning-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:35px}.learning-cards a{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none}.learning-cards a:hover{border-color:var(--accent)}.learning-cards small{font-size:9px;letter-spacing:1px;color:var(--muted)}.learning-cards strong{font-size:17px;color:var(--ink);font-weight:550}.learning-cards span{font-size:11px}
article{overflow-wrap:anywhere}article h1{font-size:29px;line-height:1.5;letter-spacing:-.4px;margin:10px 0 22px;font-weight:650}article h2{font-size:21px;margin:40px 0 16px;padding-top:20px;border-top:1px solid var(--line);line-height:1.6}article h3{font-size:17px;margin:28px 0 12px}article :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:95px}article p{margin:16px 0}article li{padding-left:4px;margin:8px 0}article ul,article ol{padding-left:24px}.heading-anchor{margin-left:10px;text-decoration:none;font-weight:400;opacity:0;font-size:.7em}article :is(h1,h2,h3):hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}article code{font:12px/1.7 Consolas,monospace;background:var(--soft);padding:2px 5px;border-radius:4px}.code-block{background:var(--input);border:1px solid var(--line);border-radius:9px;margin:20px 0;overflow:hidden}.code-language{display:block;padding:7px 15px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}pre{margin:0;padding:17px;overflow-x:auto;tab-size:2}pre code{background:none;padding:0;white-space:pre;overflow-wrap:normal}.table-scroll{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th,td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);font-weight:550}tr:last-child td{border-bottom:0}.article-footer{border-top:1px solid var(--line);margin-top:50px;padding-top:20px;color:var(--muted);font-size:11px}.article-footer a{display:block;margin-top:10px}
.help-toc{position:sticky;top:95px;max-height:calc(100dvh - 120px);overflow:auto;padding:0 18px 20px 10px;margin-top:32px;scrollbar-width:thin}.help-toc>strong{font-size:11px;color:var(--muted)}.help-toc nav{margin-top:12px;border-left:1px solid var(--line)}.help-toc a{display:block;padding:5px 12px;font-size:11px;line-height:1.7;color:var(--muted);text-decoration:none}.help-toc a:hover{color:var(--accent)}.help-toc .level-3{padding-left:24px;font-size:10px}.skip-link{position:fixed;top:-80px;left:10px;padding:10px;background:var(--panel);z-index:20}.skip-link:focus{top:10px}[hidden]{display:none!important}
@media(max-width:1200px){.help-layout{grid-template-columns:230px minmax(0,1fr)}.help-toc{display:none}#article{padding:28px}}
@media(max-width:760px){.help-layout{display:block}.help-header{height:64px;padding:0 14px}.help-brand{font-size:12px}.help-brand span{display:none}.help-actions{gap:7px}.help-actions #helpMenu{display:block}.help-sidebar{display:none;position:fixed;top:64px;left:0;bottom:0;width:280px;height:auto;background:var(--panel);z-index:9;box-shadow:10px 0 50px #0005}.help-menu-open .help-sidebar{display:block}#article{padding:24px 18px}article h1{font-size:24px}article h2{font-size:19px}.article-meta{flex-wrap:wrap}.learning-cards{gap:9px}.learning-cards a{padding:15px}.learning-cards strong{font-size:15px}.help-actions a{font-size:10px}}
