:root{color-scheme:dark;--bg:#0b1016;--panel:#141c27;--line:#293545;--text:#edf3fa;--muted:#a5b4c8;--green:#47d3ab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 "Microsoft YaHei",system-ui,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7ebfff;outline-offset:3px}.hero{padding:28px max(28px,calc((100vw - 1140px)/2)) 36px;background:radial-gradient(ellipse at top right,#153e38,transparent 65%),#101923;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:bold}.brand small{color:var(--muted);font-size:14px;font-weight:normal;margin-left:12px}.logo{background:#159b78;border-radius:10px;padding:0 10px;font-size:28px}.back{margin-left:auto;font-size:13px;font-weight:normal}h1{font-size:32px;line-height:1.4;margin:28px 0 8px}h2{font-size:21px;margin:0}h3{margin:26px 0 10px;font-size:18px}.hero p{color:var(--muted);margin:0 0 20px}.search-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=search]{width:100%;padding:16px 18px;border:1px solid #3b625b;border-radius:12px;background:#0b141c;color:var(--text);font-size:16px}.popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{color:var(--text);background:#1b2938;border:1px solid var(--line);border-radius:8px;padding:7px 12px}.popular button{font-size:12px;padding:4px 11px}button:hover{border-color:var(--green)}main{max-width:1196px;margin:auto;padding:32px 28px 60px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title a{font-size:13px}.eyebrow{font-size:12px;color:var(--green)}.muted{color:var(--muted);font-size:13px}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.start-card{text-align:left;padding:20px;background:var(--panel);min-height:140px}.start-card b{display:block;font-size:16px;margin:8px 0}.start-card span{color:var(--green);font-size:12px}.start-card small{display:block;color:var(--muted);font-size:13px}.client-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#101d21;border:1px solid #24483f;border-radius:12px;padding:16px;margin-top:16px}.client-shortcuts span{font-weight:bold}.client-shortcuts small{color:var(--muted);margin-left:auto}.library{margin-top:40px}.categories{display:flex;flex-wrap:wrap;gap:8px}.categories button[aria-pressed=true]{background:#185943;color:#d9fff3;border-color:#319e7b}#result-count{font-size:13px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.article-card{text-align:left;background:var(--panel);padding:18px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.article-card strong{font-size:15px}.article-card small{grid-column:1;color:var(--muted);font-size:12px}.article-card .type{font-size:11px;color:var(--green);grid-column:2;grid-row:1/3;align-self:center}dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:0}dialog::backdrop{background:#000b}#article-dialog{width:min(1100px,96vw);max-height:94vh}.article-toolbar{position:sticky;top:0;display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px;background:#101923;border-bottom:1px solid var(--line);z-index:1}.article-toolbar button{font-size:13px}#article-back{margin-right:auto}article{padding:22px 36px 40px}article h1{margin:6px 0 20px;font-size:28px}article p,article li{color:#d1dce9}article li{margin-bottom:7px}article table{border-collapse:collapse;width:100%;font-size:14px;margin:16px 0;display:block;overflow-x:auto}article th,article td{border:1px solid var(--line);padding:9px 12px;text-align:left}article th{background:var(--panel)}article code{background:#253143;padding:2px 5px;border-radius:4px}article pre{white-space:pre-wrap;padding:16px;background:var(--panel)}figure{margin:28px 0}#zoom-image{display:block;width:100%;padding:0;overflow:hidden}#article-image{display:block;width:100%;height:auto}figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:8px}#article-related{border-top:1px solid var(--line);padding-top:18px}#article-related button{margin:4px 6px 4px 0}#image-dialog{width:96vw;max-width:1700px;height:94vh}.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--panel);height:65px}.image-toolbar span{font-size:13px;color:var(--muted)}.image-scroll{height:calc(100% - 65px);overflow:auto;background:#eaf0f6}.image-scroll img{display:block;width:max(100%,1536px);max-width:none;height:auto}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(max-width:700px){.hero{padding:20px}h1{font-size:26px}.start-grid,.article-grid{grid-template-columns:1fr}.start-card{min-height:0}.section-title{align-items:flex-start;flex-direction:column}main{padding:24px 18px}.client-shortcuts small{width:100%;margin:0}.brand{font-size:18px}.brand small{margin-left:4px}.back{font-size:12px}article{padding:20px}article h1{font-size:24px}.article-toolbar{padding:10px}.article-toolbar button{padding:6px 8px}}@media print{body>*:not(#article-dialog){display:none!important}#article-dialog{position:static!important;display:block!important;max-height:none;width:100%;border:0;color:#111;background:white}.article-toolbar,#article-related,figcaption{display:none!important}article p,article li{color:#111}article{padding:0}#article-image{max-width:100%}article th,article td{color:#111;border-color:#999}h1,h2,h3{break-after:avoid}figure{break-inside:avoid}}
.guide-figure{margin:18px 0 28px}.guide-zoom{display:block;width:100%;padding:0;border:0;background:transparent;overflow:hidden}.guide-zoom img{display:block;width:100%;height:auto;border-radius:6px}#article-text{margin:0 0 18px;border:1px solid var(--line);border-radius:10px;padding:0 16px;background:#111b25}#article-text summary{padding:12px 0;cursor:pointer;color:var(--muted);font-size:14px}#article-text[open]{padding-bottom:12px}#article-text.reference-text{border:0;padding:0;background:none}#article-text.reference-text summary{display:none}.guide-zoom:focus-visible{outline:3px solid #7ebfff;outline-offset:3px}@media print{#article-text{display:block}#article-text>*:not(summary){display:block!important}#article-text summary{display:none}.guide-figure img{max-width:100%}}

.client-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0;padding:18px 22px;border:1px solid #278d77;border-radius:12px;background:#12362d}.client-download small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.client-download a{display:inline-block;background:#10b981;color:#fff;padding:12px 20px;border-radius:9px;font-weight:700;text-decoration:none;white-space:nowrap}@media(max-width:600px){.client-download{align-items:flex-start;flex-direction:column}}

.article-card .type-guide{color:var(--green)}.article-card .type-reference{color:#fff}