:root{--ink:#203c36;--muted:#526d65;--green:#125e4c;--gold:#b58b40;--paper:#fafbf7;--line:#d9e2d9;--wash:#edf3ed;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.8}
*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b58b40;outline-offset:4px}button:hover,a:hover{color:#083e31}html{scroll-padding-top:105px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:8px 20px}.skip:focus{top:8px}.topbar{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 34px;background:#fafbf7f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{object-fit:contain}.brand strong{display:block;font-size:23px;line-height:1.35;letter-spacing:-.5px}.brand small{display:block;font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:16px;align-items:center;font-size:13px}.version{color:var(--muted)}.language,.top-actions button{border:1px solid var(--line);border-radius:9px;padding:5px 13px;background:white;text-decoration:none}.layout{display:grid;grid-template-columns:240px minmax(0,980px);gap:48px;max-width:1400px;margin:auto;padding:34px 40px 60px}aside{align-self:start;position:sticky;top:122px}aside nav{display:grid;gap:4px}aside a{padding:7px 15px;text-decoration:none;border-radius:8px;font-size:14px}aside a[aria-current=page]{background:var(--green);color:white;font-weight:600}.sidebar-note{margin:24px 15px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:16px}main{min-width:0}.eyebrow{color:var(--green);font-size:12px;letter-spacing:2px;font-weight:700}h1{font-size:42px;line-height:1.25;letter-spacing:-1px;margin:12px 0 18px}h2{font-size:24px;line-height:1.4;margin:0 0 18px;padding-left:14px;border-left:3px solid var(--gold)}p{margin:0 0 16px;overflow-wrap:anywhere}.lead{font-size:20px;color:var(--muted);max-width:760px;line-height:1.65}.toc{display:flex;gap:8px 20px;flex-wrap:wrap;margin:28px 0 36px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.toc a{text-decoration:none}section{margin:0 0 44px}ol{padding-left:25px}li{padding-left:5px;margin:12px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}thead th{background:var(--wash);font-size:12px;color:var(--muted)}tbody th{width:25%;font-weight:600}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 44px}.task-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:border-color .15s,transform .15s}.task-card:hover{border-color:var(--green);transform:translateY(-2px)}.task-card strong{display:block;font-size:17px}.task-card span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.7}.notice{background:var(--wash);padding:16px 20px;border-radius:10px;font-size:13px;color:#415d54}figure{margin:25px 0 34px}.screenshot{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;cursor:zoom-in}.screenshot img{display:block;width:100%;height:auto}figcaption{font-size:12px;color:var(--muted);padding:10px 2px}.page-nav{display:flex;justify-content:space-between;gap:20px;margin:40px 0 20px;border-top:1px solid var(--line);padding-top:20px;font-size:14px}footer{color:var(--muted);font-size:12px;margin-top:30px}dialog{width:min(96vw,1600px);max-height:94vh;padding:36px 18px 12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--paper);overflow:auto}dialog::backdrop{background:#102d27c9;backdrop-filter:blur(5px)}dialog img{display:block;width:100%;height:auto}dialog p{font-size:13px;margin:12px 0 0}dialog button{position:sticky;float:right;top:0;margin-top:-30px;border:0;background:var(--green);color:white;line-height:1;width:30px;height:30px;border-radius:50%;font-size:23px}
.image-note{font-size:12px;color:var(--muted);margin:-14px 0 32px}.image-stage{position:relative;display:block}.callout{position:absolute;border:2px solid #d39c36;border-radius:5px;pointer-events:none;box-shadow:0 0 0 1px #fff9 inset}.callout>span{position:absolute;left:-3px;top:-12px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#125e4c;color:#fff;font:bold 12px/1 system-ui;box-shadow:0 1px 4px #0004}.callout-legend{display:grid;gap:10px;list-style:none;margin:8px 0 20px;padding:12px 16px;background:var(--wash);border:1px solid var(--line);border-radius:10px;font-size:14px}.callout-legend li{display:flex;align-items:start;gap:10px;margin:0;padding:0}.callout-number{display:grid;place-items:center;flex:0 0 22px;height:22px;margin-top:2px;border-radius:50%;background:var(--green);color:white;font:bold 12px/1 system-ui}.example-label{display:inline-block;margin-left:8px;padding:0 7px;border:1px solid var(--line);border-radius:4px;font-size:11px}.screenshot-small{max-width:360px;padding:16px;background:var(--wash)}.screenshot-small img{image-rendering:auto}.viewer-body>.image-stage{margin:5px 0 0}.viewer-body .callout-legend{font-size:15px}dialog .callout{pointer-events:none}dialog [data-close]{z-index:5}.image-stage img{display:block;width:100%;height:auto}figcaption{line-height:1.6}
@media(max-width:1000px){.layout{grid-template-columns:190px minmax(0,1fr);gap:24px;padding:28px 24px}.topbar{padding:12px 24px}.version{display:none}h1{font-size:34px}}
@media(max-width:700px){.layout{display:block;padding:24px 18px}aside{position:static;margin-bottom:28px}aside nav{grid-template-columns:1fr 1fr;gap:4px}.sidebar-note{display:none}.topbar{position:static;flex-wrap:wrap;padding:12px 18px}.top-actions{gap:10px}.brand strong{font-size:21px}.task-grid{grid-template-columns:1fr}h1{font-size:30px}.lead{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,aside,.toc,.page-nav,.skip,dialog{display:none!important}.layout{display:block;padding:0;max-width:none}body{background:white;color:black;font-size:11pt}main{width:100%}h1{font-size:26pt}h2{font-size:16pt;break-after:avoid}section{margin-bottom:22px}.task-grid{display:block}.task-card{display:block;padding:8px;border:0}.screenshot{border:0}figure{break-inside:avoid}a{color:black}footer{font-size:9pt}.table-scroll{overflow:visible}}
.scenario-entry{display:grid;gap:6px;margin:20px 0 30px;padding:18px 20px;border:1px solid #bfd6cd;border-radius:12px;background:#edf4ef;text-decoration:none;color:#155d4c;line-height:1.6}.scenario-entry-label{font-size:12px;color:#536d62}.scenario-entry strong{font-size:15px}.scenario-entry:hover{border-color:#17695f}.scenario-entry:focus-visible{outline:3px solid #17695f;outline-offset:4px}@media print{.scenario-entry{display:none}}
:root .brand-credit { color: var(--accent, #196b5d); margin-left: .8em; font-weight: 600; letter-spacing: .025em; }