:root{color-scheme:light;--text:#202725;--muted:#53625e;--line:#dce4e0;--accent:#09675d;--soft:#f4f7f6}*{box-sizing:border-box;letter-spacing:0}html{scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--text);font:16px/1.8 "PingFang SC","Microsoft YaHei",system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#074b43}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #0b786c;outline-offset:3px}button,input{font:inherit}button,summary{cursor:pointer}svg{flex:none;vertical-align:middle}.site-header{min-height:72px;display:flex;align-items:center;gap:28px;padding:12px 32px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.brand{text-decoration:none;color:var(--text);font-size:22px;font-weight:750;white-space:nowrap}.brand span{font-size:16px;font-weight:500;border-left:1px solid var(--line);margin-left:18px;padding-left:18px}.site-header form{margin-left:auto;display:flex;border:1px solid #b7c7c1;border-radius:5px;width:360px;max-width:100%;background:#f8faf9}.site-header input{width:100%;min-width:0;border:0;background:transparent;padding:8px 12px;font-size:16px}.site-header button{border:0;background:transparent;color:var(--accent);display:grid;place-items:center;flex:0 0 44px;height:44px}.open-app{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:205px minmax(0,1fr);gap:56px;padding:36px 28px 0}aside{position:sticky;top:105px;align-self:start;max-height:calc(100dvh - 125px);overflow:auto;font-size:14px;padding-bottom:20px}aside nav{display:grid;gap:3px}aside nav a{display:block;padding:8px 12px;text-decoration:none;color:var(--muted);border-radius:4px}aside nav a:hover{background:var(--soft);text-decoration:underline}aside nav a[aria-current]{background:#e7f2ee;color:#064f46;font-weight:650}.directory summary{font-weight:650;margin-bottom:12px;min-height:30px}.toc{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.toc p{margin:0 12px 8px;font-weight:650}.toc a{font-size:13px}main{min-width:0;max-width:850px}h1{font-size:30px;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}h2{font-size:20px;line-height:1.6;margin:0 0 12px}p{margin:10px 0 16px}.lead{color:var(--muted);font-size:16px;margin:0 0 24px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;color:var(--muted);font-size:13px}main>section{margin-top:32px}.context{border-left:3px solid #b4cbc2;padding:4px 0 4px 16px;color:var(--muted);font-size:14px}.context p{margin:0}.context a{display:inline-block;margin-top:8px}.task-step{border-top:1px solid var(--line);padding-top:26px}.task-step>p{margin:8px 0 18px}.step{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #b4cbc2;border-radius:50%;font-size:16px;color:var(--accent);margin-right:10px;vertical-align:1px}.article-list{list-style:none;padding:0;margin:0}.article-list li{border-bottom:1px solid var(--line)}.article-list a{display:block;padding:15px 12px 15px 0;text-decoration:none}.article-list a:hover{background:var(--soft)}.row-title{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.row-title svg{color:var(--muted)}.row-summary{display:block;font-size:14px;color:var(--muted);margin-top:4px;font-weight:400}figure{margin:0;max-width:100%}.image-link{display:block;width:fit-content;max-width:100%;border:1px solid #c7d5ce;border-radius:5px;overflow:hidden;text-decoration:none;background:#fff}.image-link:hover{border-color:var(--accent)}figure img{display:block;max-width:100%;height:auto}.zoom-label{display:flex;align-items:center;justify-content:flex-end;gap:8px;background:var(--soft);border-top:1px solid var(--line);padding:7px 12px;font-size:13px;min-height:38px;text-decoration:underline}.image-link:hover .zoom-label{background:#e7f2ee}figcaption{font-size:13px;line-height:1.8;color:var(--muted);margin-top:9px}.result{border-left:3px solid #2d826b;padding:8px 0 8px 16px}.result h2{font-size:16px;margin:0}.result p{margin:4px 0 0;font-size:14px}.faq{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:15px;font-weight:600;min-height:28px}.faq p{font-size:14px;margin:12px 0 0 20px;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:36px;padding:24px 0 36px;font-size:13px;display:flex;justify-content:space-between;gap:16px}.skip{position:fixed;top:-100px;left:12px;z-index:20;background:#fff;padding:12px}.skip:focus{top:10px}dialog{width:fit-content;max-width:96vw;max-height:94svh;padding:12px;border:0;border-radius:8px;background:#fff}dialog::backdrop{background:#14221ce6}dialog form{display:flex;justify-content:flex-end;margin-bottom:8px}dialog button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--text)}dialog p{font-size:13px;margin:8px 0 0}.zoom-scroll{overflow:auto;max-height:calc(94svh - 120px);overscroll-behavior:contain}.zoom-scroll img{display:block;max-width:none;margin:auto}.viewer-open{overflow:hidden}
@media(max-width:960px){.layout{gap:28px;grid-template-columns:175px minmax(0,1fr);padding-inline:24px}.site-header{padding-inline:24px;gap:18px}.site-header form{width:320px}h1{font-size:27px}}
@media(max-width:680px){html{scroll-padding-top:142px}.site-header{padding:10px 16px;gap:8px;flex-wrap:wrap}.brand{font-size:20px}.brand span{font-size:14px;margin-left:10px;padding-left:10px}.open-app{margin-left:auto}.site-header form{order:3;width:100%}.layout{display:block;padding:18px 18px 0}aside{position:static;max-height:none;padding:0;margin-bottom:20px}.directory{border-bottom:1px solid var(--line)}.directory summary{padding:7px 0}.directory nav{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:12px}.directory a{padding:9px 6px}.toc{display:none}h1{font-size:24px}h2{font-size:19px}body{font-size:15px}.task-step{padding-top:20px}.row-title{gap:10px}.row-summary{font-size:13px}.step{width:28px;height:28px;font-size:15px;margin-right:8px}figcaption{font-size:12px}.breadcrumb{margin-bottom:14px}.article-list a{padding-right:4px}}