@layer reset,base,layout,content;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}button{font:inherit}a{color:inherit}}
@layer base{
:root{--ink:#172d3c;--muted:#506475;--navy:#123345;--teal:#00776d;--lime:#d4f57b;--paper:#fff;--line:#dce5e9;--soft:#f2f6f8;--sidebar:268px;--header:74px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif;font-size:16px}
body{background:var(--paper);color:var(--ink);line-height:1.85}a{text-underline-offset:4px}a:hover{color:var(--teal)}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{cursor:pointer}h1,h2,h3,h4{line-height:1.4;letter-spacing:-.025em}h1{font-size:clamp(2rem,3.1vw,2.9rem);margin:8px 0 18px}h2{font-size:1.65rem}h3{font-size:1.25rem}p{margin:0 0 1.15em}.muted{color:var(--muted)}.eyebrow{font-size:.82rem;letter-spacing:.13em;font-weight:700;color:var(--teal)}.skip{position:fixed;left:16px;top:-100px;z-index:50;background:white;padding:10px 20px}.skip:focus{top:10px}
}
@layer layout{
.topbar{height:var(--header);position:sticky;top:0;z-index:15;background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:750;letter-spacing:.03em;white-space:nowrap}.brand-mark{height:32px;width:32px;background:var(--navy);border-radius:8px;color:var(--lime);display:grid;place-items:center;font-size:1rem}.toplinks{display:flex;align-items:center;gap:25px;font-size:.9rem}.toplinks a{text-decoration:none}.toplinks [aria-current=page]{color:var(--teal);font-weight:700}.menu-button{display:none;border:1px solid var(--line);border-radius:6px;background:white;padding:6px 12px;color:var(--ink)}
.sidebar{position:fixed;top:var(--header);left:0;bottom:0;width:var(--sidebar);padding:28px 20px 22px;border-right:1px solid var(--line);overflow-y:auto;background:#f9fbfc;z-index:12}.nav-caption{font-size:.8rem;letter-spacing:.1em;color:var(--muted);margin:24px 12px 9px}.nav-caption:first-child{margin-top:0}.sidebar a{display:flex;align-items:baseline;gap:12px;text-decoration:none;padding:9px 12px;margin:3px 0;border-radius:6px;line-height:1.6;font-size:.91rem}.sidebar a:hover{background:#eaf1f3}.sidebar a[aria-current=page]{background:var(--navy);color:white}.sidebar .num{color:#778c99;font-size:.79rem;font-variant-numeric:tabular-nums}.sidebar a[aria-current=page] .num{color:var(--lime)}.nav-foot{margin:30px 12px 0;border-top:1px solid var(--line);padding-top:18px;font-size:.8rem;color:var(--muted)}
.workspace{margin-left:var(--sidebar);padding:42px 44px 60px}.page{max-width:1180px;margin:0 auto}.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 196px;gap:42px;align-items:start}.doc-body{min-width:0}.toc{position:sticky;top:100px;max-height:calc(100vh - 126px);overflow:auto;font-size:.85rem;border-left:1px solid var(--line);padding-left:19px;line-height:1.6}.toc strong{font-size:.85rem;display:block;margin-bottom:12px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0}.toc a:hover{color:var(--teal)}.toc .depth-3{padding-left:12px;font-size:.81rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.86rem;margin-bottom:21px}.breadcrumbs a{text-decoration:none}.page-header{border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:30px}.page-header .deck{font-size:1.1rem;max-width:780px;color:var(--muted)}.page-tools{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:.87rem;margin-top:17px}.page-tools button{border:0;background:none;color:var(--teal);padding:0;text-decoration:underline;text-underline-offset:4px}.status{font-size:.82rem;color:var(--muted)}.page-note{font-size:.9rem;padding:16px 20px;background:var(--soft);border-left:3px solid var(--teal);margin:22px 0}.footer{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;font-size:.83rem;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:var(--muted)}.next-prev{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:36px}.next-prev a{font-size:.94rem;text-decoration:none}.next-prev small{font-size:.8rem;color:var(--muted);display:block}.next-prev .next{text-align:right;margin-left:auto}
}
@layer content{
.overview-title{max-width:850px}.overview-title .deck{font-size:1.1rem;color:var(--muted);max-width:780px}.overview-meta{display:flex;gap:25px;flex-wrap:wrap;margin:25px 0 32px;font-size:.88rem}.overview-meta strong{color:var(--teal)}.flow-panel{background:var(--navy);border-radius:12px;padding:26px 28px;color:white;margin:28px 0 36px}.flow-label{color:var(--lime);font-size:.85rem;margin-bottom:17px}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:15px}.flow-step small{color:#abc0cc;font-size:.85rem;display:block}.flow-step strong{font-size:1.18rem;display:block;margin:3px 0}.flow-step p{margin:0;color:#d2e0e6;font-size:.91rem}.flow-arrow{font-size:1.5rem;color:var(--lime)}.return-line{border-top:1px solid #416071;margin-top:23px;padding-top:17px;font-size:.93rem;display:flex;gap:10px;align-items:center}.return-line span{color:var(--lime);font-weight:700}.section-line{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:34px 0 17px}.section-line h2{margin:0;font-size:1.45rem}.section-line a{font-size:.87rem}.chapter-list{border-top:1px solid var(--line)}.chapter-row{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:start;gap:12px;text-decoration:none;padding:20px 4px;border-bottom:1px solid var(--line)}.chapter-row:hover{background:var(--soft)}.chapter-row .chapter-number{color:var(--teal);font-size:.9rem;font-weight:650;padding-top:2px}.chapter-row h3{font-size:1.05rem;margin:0 0 6px}.chapter-row p{font-size:.91rem;margin:0;color:var(--muted)}.chapter-row .arrow{align-self:center;font-size:1.25rem;color:var(--teal)}.materials{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.material{border:1px solid var(--line);padding:24px;border-radius:8px;text-decoration:none}.material h3{margin:7px 0 10px;font-size:1.15rem}.material p{font-size:.94rem;color:var(--muted);margin:0}.menu-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.menu-preview a{text-decoration:none;padding:18px;background:var(--soft);text-align:center;font-weight:600;font-size:1rem}.menu-preview a:hover{background:#e7f3ef}.menu-note{color:var(--muted);font-size:.87rem;margin-top:12px}.doc-content{overflow-wrap:anywhere}.doc-content h1{font-size:2rem}.doc-content h2{margin:46px 0 18px;padding-top:8px;scroll-margin-top:100px;border-top:1px solid var(--line);padding-bottom:0}.doc-content h3{margin:30px 0 14px;scroll-margin-top:100px}.doc-content h4{scroll-margin-top:100px;font-size:1.07rem;margin:24px 0 12px}.doc-content a{color:var(--teal)}.doc-content strong{font-weight:700}.doc-content ul,.doc-content ol{padding-left:1.5rem}.doc-content li{padding-left:3px;margin:8px 0}.doc-content blockquote{margin:24px 0;border-left:3px solid var(--teal);padding:5px 20px;color:var(--muted);background:var(--soft)}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:7px;margin:22px 0}.doc-content table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.8;min-width:600px}.doc-content th,.doc-content td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:100px}.doc-content th{background:var(--soft);font-weight:650}.doc-content tr:last-child td{border-bottom:0}.doc-content td:first-child{font-weight:550}.doc-content tr:nth-child(even) td{background:#fafcfd}.doc-content code{font: .88em/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#edf2f5;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.doc-content pre{overflow-x:auto;max-width:100%;padding:20px;border-radius:7px;background:#eef3f6;line-height:1.7}.doc-content pre code{padding:0;white-space:pre;overflow-wrap:normal}.doc-content hr{border:0;border-top:1px solid var(--line);margin:36px 0}.diagram{margin:26px 0;padding:20px 14px;border:1px solid var(--line);border-radius:8px;text-align:center;overflow:auto}.diagram img{display:block;max-height:1300px;width:auto;height:auto;margin:auto}.diagram figcaption{font-size:.86rem;color:var(--muted);margin-top:14px}.diagram a{display:inline-block}.report-back{position:relative;background:var(--navy);color:white;padding:13px 24px;font:15px/1.6 sans-serif}.report-back a{color:white;text-decoration:none}.not-found{text-align:center;padding:60px 15px}
}
@media(min-width:1600px){.workspace{padding-left:65px;padding-right:65px}}
@media(max-width:1150px){:root{--sidebar:240px}.workspace{padding:34px 30px}.doc-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}.toplinks{gap:18px}.topbar{padding:0 24px}}
@media(max-width:760px){:root{--header:66px}.topbar{padding:0 18px;gap:12px}.toplinks{display:none}.menu-button{display:block}.sidebar{width:min(310px,90vw);box-shadow:10px 0 30px #12334515;transform:translateX(-110%);transition:transform .18s ease}.sidebar.is-open{transform:translateX(0)}.workspace{margin-left:0;padding:27px 22px 40px}.flow-panel{padding:23px}.flow{grid-template-columns:1fr}.flow-arrow{line-height:1;transform:rotate(90deg);justify-self:start;font-size:1.2rem}.flow-step strong{font-size:1.1rem}.return-line{align-items:flex-start;display:block}.return-line span{display:block}.materials{grid-template-columns:1fr}.chapter-row{grid-template-columns:32px minmax(0,1fr) 20px}.menu-preview a{padding:16px 8px;font-size:.94rem}.page-header .deck{font-size:1rem}.overview-title .deck{font-size:1rem}.overview-meta{gap:8px 18px}.section-line{align-items:center}.section-line h2{font-size:1.3rem}.doc-content h2{font-size:1.4rem}.doc-content h3{font-size:1.15rem}.footer{font-size:.83rem}.doc-content table{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sidebar{transition:none}}
@media print{.sidebar,.topbar,.toc,.skip,.page-tools,.next-prev,.footer{display:none!important}.workspace{margin:0;padding:0}.page{max-width:none}.doc-layout{display:block}body{font-size:11pt}.page-header{margin-bottom:20px}.table-scroll{overflow:visible;border-radius:0}.doc-content table{min-width:0;font-size:9pt}.doc-content td,.doc-content th{padding:7px;min-width:0}h2,h3{break-after:avoid}tr,figure{break-inside:avoid}thead{display:table-header-group}.diagram img{max-height:800px}.flow-panel{color:var(--ink);background:white;border:1px solid var(--line)}.flow-step p,.flow-step small{color:var(--ink)}.materials{display:block}.material{display:block;margin:10px 0}}