:root{--blue:#193e82;--orange:#d97827;--ink:#162a43;--muted:#4f6175;--line:#d7e1ed;--pale:#f2f6fb;--warm:#fff5e9;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.85 system-ui,-apple-system,"Microsoft JhengHei",sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,select,input{font:inherit}button,select{min-height:46px}button{cursor:pointer;border:1px solid #a4b6cd;border-radius:10px;background:white;color:var(--blue);padding:9px 14px;font-weight:650}button:hover{background:var(--pale)}button:disabled{opacity:.48;cursor:default}button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:9}.skip:focus{top:8px}.masthead{border-bottom:1px solid var(--line)}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue)}.brand img{width:49px;height:49px}.brand strong{font-size:23px;letter-spacing:.08em}.brand small{display:block;line-height:1.2;color:var(--muted);font-size:12px;letter-spacing:.04em}.toplinks{display:flex;gap:25px}.toplinks a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:15px}.hero{padding:32px 0 44px;background:linear-gradient(125deg,#f2f6fb,#fff 72%)}.crumb{font-size:14px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.crumb a{min-height:44px;display:inline-flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}.eyebrow{color:var(--blue);font-weight:750;font-size:14px;letter-spacing:.12em}.eyebrow:before{content:"";display:inline-block;width:24px;height:4px;background:var(--orange);vertical-align:middle;margin-right:10px}h1{font-size:clamp(30px,3.4vw,43px);line-height:1.4;letter-spacing:-.035em;margin:12px 0 20px}h2{font-size:28px;line-height:1.45;letter-spacing:-.02em;margin:0 0 18px}h3{font-size:20px;line-height:1.55;margin:0 0 12px}p{margin:12px 0}.lead{font-size:19px;line-height:1.9}.byline,.fine{color:var(--muted);font-size:14px}.hero-card{border-radius:var(--radius);background:var(--blue);color:#fff;padding:28px;box-shadow:0 18px 35px #193e8215}.hero-card h2{font-size:21px}.hero-card ol{padding-left:24px}.hero-card li{margin:10px 0}.hero-card strong{color:#fff}.hero-card .tag{color:#fff;background:#ffffff20;border-radius:100px;padding:6px 12px;font-size:13px;display:inline-block}.toc{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.toc a{display:flex;align-items:center;min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:30px;text-decoration:none;font-size:15px}.section{padding:44px 0;border-bottom:1px solid var(--line)}.kicker{color:#8d4410;font-size:13px;letter-spacing:.14em;font-weight:750;margin-bottom:6px}.intro{max-width:780px}.notice{border-left:5px solid var(--orange);background:var(--warm);padding:18px 22px;border-radius:0 14px 14px 0}.notice strong{color:#6e350c}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.soft{background:var(--pale)}.tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.field{margin-bottom:18px}.field label{display:block;font-weight:650;font-size:15px;margin-bottom:7px}.field select{width:100%;padding:9px 36px 9px 12px;border:1px solid #8ba1bd;border-radius:9px;background:#fff;color:var(--ink)}.result{background:var(--blue);color:#fff;padding:28px;border-radius:var(--radius)}.result h3{color:#fff;font-size:24px}.result .overline{font-size:13px;letter-spacing:.08em;color:#d8e7ff}.result hr{border:0;border-top:1px solid #ffffff45;margin:22px 0}.result a{color:white}.result .risk{border-left:3px solid var(--orange);padding-left:14px}.table-scroll{overflow-x:auto;margin-top:20px;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--pale);white-space:nowrap}tr:last-child td{border-bottom:0}details{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:0 18px}summary{min-height:48px;padding:12px 0;cursor:pointer;font-weight:650}details p:last-child{margin-bottom:18px}.diagram-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.diagram{margin:0;background:linear-gradient(145deg,#eaf0f7,#fcfdff);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.diagram svg{width:100%;height:auto;display:block}.diagram figcaption{font-size:13px;color:var(--muted);padding:0 20px 16px}.diagram [data-inner],.diagram [data-part],.diagram [data-fault]{transition:opacity .3s}.diagram[data-layer="0"] [data-inner],.diagram[data-layer="0"] [data-part],.diagram[data-layer="0"] [data-fault]{opacity:0}.diagram[data-layer="1"] [data-part],.diagram[data-layer="1"] [data-fault],.diagram[data-layer="2"] [data-fault]{opacity:0}.layers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.layers button{flex:1;white-space:nowrap}.readout{border-top:3px solid var(--orange);padding-top:18px}.readout h3{color:var(--blue)}.formula input{width:100%;min-height:44px;accent-color:var(--blue)}.formula output{font-size:24px;color:var(--blue);font-weight:750}.sort-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.sort-list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.sort-list li.dragging{opacity:.5}.grip{color:#70849e;cursor:grab;padding:4px;user-select:none;touch-action:none;font-size:24px}.sort-list .moves{display:flex;gap:6px}.sort-list button{padding:7px;min-width:44px}.sort-list strong{font-size:16px}.sort-list small{display:block;color:var(--muted);font-size:13px;line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#102f66}.feedback{min-height:35px;font-weight:600}.movie{background:#10284d;border-radius:var(--radius);padding:24px;color:#fff}.movie .diagram{max-width:660px;margin:auto}.movie-title{color:#fff;font-size:24px;text-align:center;margin:0 0 18px}.subtitle{font-size:19px;min-height:84px;text-align:center;padding:18px 12px;max-width:700px;margin:auto;line-height:1.7}.movie button{background:#fff;color:var(--blue)}.movie button[aria-pressed=true]{background:#d97827;color:#172b44;border-color:#d97827}.movie .progress{width:100%;height:6px;accent-color:var(--orange)}.movie .fine{color:#d8e7ff}.shot-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.shot-list button{min-width:44px}.movie-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.movie select{padding:6px;border-radius:8px;color:var(--ink)}.movie .pulse{animation:flow 2s linear infinite}.movie.paused .pulse{animation-play-state:paused}@keyframes flow{to{stroke-dashoffset:-40}}.checklist{border:2px solid var(--blue);border-radius:var(--radius);overflow:hidden}.checklist h3{margin:0;padding:20px;background:var(--blue);color:white}.checklist ul{list-style:none;margin:0;padding:20px 26px}.checklist li{padding:10px 0;border-bottom:1px solid var(--line)}.checklist li:last-child{border:0}.checklist li:before{content:"□";color:var(--blue);margin-right:12px}.cta{background:var(--pale);padding:30px;border-radius:var(--radius);margin:24px 0}.cta .button-link{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;background:var(--blue);color:white;font-weight:650;text-decoration:none}.link-list{display:grid;gap:8px;margin:18px 0}.link-list a{display:flex;align-items:center;min-height:44px}.footer{background:#10284d;color:#e5edf7;padding:32px 0;margin-top:40px;font-size:14px}.footer a{color:white}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.svg-text{font-family:system-ui,"Microsoft JhengHei",sans-serif;font-size:17px;fill:#193e82}.noscript{padding:18px;background:var(--warm)}.end-note{font-size:14px;color:var(--muted)}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.masthead .wrap{padding:14px 0}.brand strong{font-size:20px}.brand small{font-size:10px}.brand img{width:42px;height:42px}.toplinks{gap:0}.toplinks a{font-size:14px}.toplinks a:not(:last-child){display:none}.hero{padding-top:16px}.hero-grid,.two,.tool-layout,.diagram-layout{grid-template-columns:1fr;gap:20px}.hero-grid{gap:22px}h1{font-size:31px}h2{font-size:25px}.hero-card{padding:22px}.section{padding:34px 0}.panel,.result,.movie{padding:20px}.hero .lead{font-size:18px}.sort-list li{grid-template-columns:auto 1fr;gap:8px}.sort-list .moves{grid-column:2;justify-content:flex-end}.sort-list small{font-size:14px}.layers{gap:7px}.layers button{padding:8px;font-size:15px}.movie-controls button{flex-grow:1}.subtitle{font-size:18px;min-height:106px;padding:14px 0}.movie-title{font-size:21px}.cta{padding:22px}.cta .button-link{width:100%}.table-scroll table{min-width:500px}.table-scroll{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.masthead,.toc,.footer,.tool-layout,.sort-list,.movie,.cta,.no-print{display:none}.wrap{width:100%}.section{padding:20px 0}.checklist{break-inside:avoid}.hero-grid,.diagram-layout{display:block}a{color:#000}body{font-size:12pt}.hero-card{background:#fff;color:#000;box-shadow:none;border:1px solid #888}.hero-card strong,.hero-card .tag{color:#000}}

/* Q803：完整16格比較，手機可在表格內捲動。 */
.q803-method-wrap{max-width:100%;overflow-x:auto}.q803-method-table{width:100%;min-width:680px;border-collapse:collapse}.q803-method-table th,.q803-method-table td{padding:.65rem;border:1px solid #ccd5e3;text-align:left;vertical-align:top}.q803-method-table th{background:#193E82;color:#fff}