.q963{--ink:#172e4c;--blue:#193e82;--orange:#d97827;--line:#c4d0df;color:var(--ink);font-family:system-ui,"Microsoft JhengHei",sans-serif;line-height:1.8;margin:32px 0;overflow-wrap:anywhere}
.q963 *{box-sizing:border-box}.q963 [hidden]{display:none!important}.q963 h2,.q963 h3,.q963 h4{color:var(--ink);line-height:1.45;margin:0 0 12px}.q963 h2{font-size:clamp(23px,4vw,29px)}.q963 h3{font-size:21px}.q963 h4{font-size:18px}.q963 p{margin:8px 0 16px}.q963 .q963-kicker{color:var(--blue);font-weight:750;letter-spacing:.08em;font-size:14px;margin:0 0 8px}
.q963-panel{border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,28px);margin:24px 0;background:#fff;box-shadow:0 8px 24px #1834540a}.q963-intro{border-top:5px solid var(--orange)}.q963-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.q963 fieldset{border:0;padding:0;margin:16px 0;min-width:0}.q963 legend{font-weight:750;margin-bottom:12px}.q963 label{display:block;font-weight:700;margin-bottom:8px}.q963 select,.q963 textarea{font:inherit;width:100%;max-width:100%;color:var(--ink);background:#fff;border:1px solid #657992;border-radius:9px;padding:10px 12px;min-height:48px}.q963 select{padding-right:28px}.q963 textarea{font-size:16px;min-height:180px;resize:vertical;line-height:1.8}.q963 select:focus-visible,.q963 button:focus-visible,.q963 a:focus-visible,.q963 input:focus-visible,.q963 summary:focus-visible,.q963 textarea:focus-visible{outline:3px solid #193e82;outline-offset:4px}
.q963-result{background:#edf3fc;border-left:5px solid var(--blue);border-radius:10px;padding:20px;margin:20px 0}.q963-result[data-danger="true"]{background:#fff2e8;border-color:#934006}.q963 .q963-badge{display:inline-block;background:var(--blue);color:#fff;border-radius:99px;padding:3px 12px;font-size:14px;font-weight:700;margin-bottom:12px}.q963 .q963-note{font-size:15px;color:#455b76}.q963 .q963-safe{border-left:4px solid var(--orange);padding:12px 16px;background:#fff4eb;font-size:16px}.q963 .q963-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.q963 button,.q963 .q963-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;text-decoration:none;font:inherit;font-weight:700;line-height:1.5;cursor:pointer}.q963 button.q963-secondary,.q963 a.q963-secondary{background:#fff;color:var(--blue)}.q963 button:disabled{opacity:.5;cursor:default}.q963 button:hover:not(:disabled),.q963 .q963-link:hover{box-shadow:0 0 0 2px #193e8240}
.q963-visual{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);gap:24px;align-items:start}.q963 figure{margin:0;min-width:0}.q963 svg{display:block;width:100%;height:auto;background:#edf3fa;border-radius:14px;border:1px solid var(--line)}.q963 figcaption{font-size:14px;color:#455b76;margin-top:10px}.q963-layers{list-style:none;padding:0!important;margin:0!important;display:grid;gap:10px}.q963-layers li{border:1px solid var(--line);border-radius:10px;padding:12px;background:#f8fafc}.q963-layers li[data-active="true"]{background:#edf3fc;border:2px solid var(--blue);padding:11px}.q963-layers strong{display:block}.q963-layers span{font-size:15px;color:#455b76}.q963 [data-highlight]{opacity:.16;transition:opacity .3s}.q963 [data-highlight][data-active="true"]{opacity:1}.q963 [data-flow]{stroke-dasharray:9 7}.q963[data-playing="true"] [data-highlight][data-active="true"] [data-flow]{animation:q963-water 1s linear infinite}
.q963-caption{min-height:150px;border-radius:12px;padding:20px;background:var(--blue);color:#fff;margin:20px 0}.q963 .q963-caption h3,.q963 .q963-caption p{color:#fff}.q963 .q963-caption p{margin-bottom:0}.q963 .q963-caption small{display:block;margin-bottom:5px;color:#fff}.q963 .q963-range{width:100%;accent-color:var(--blue);min-height:44px}.q963 details{border-top:1px solid var(--line);padding:16px 0}.q963 summary{cursor:pointer;font-weight:750;color:var(--blue);min-height:44px;line-height:1.65}.q963 dt{font-weight:750;color:var(--blue);margin-top:18px}.q963 dd{margin:6px 0 14px}.q963 li{margin-bottom:8px}.q963 .q963-recall{background:#fff5eb;border:1px solid #d9ac86;border-radius:12px;padding:18px}.q963 .q963-status{min-height:28px;font-size:15px;color:#455b76}.q963 header{margin-bottom:20px}
@keyframes q963-water{to{stroke-dashoffset:-32}}
@media(max-width:680px){.q963-grid,.q963-visual{grid-template-columns:minmax(0,1fr)}.q963-panel{padding:18px 16px;border-radius:12px}.q963 .q963-actions{gap:10px}.q963 .q963-actions>*{flex:1 1 auto}.q963-caption{min-height:185px}.q963-result{padding:16px}.q963-layers{grid-template-columns:repeat(2,minmax(0,1fr))}.q963-layers strong{font-size:16px}.q963-layers span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.q963 *{animation:none!important;transition:none!important}}
@media(max-width:420px){.q963-layers{grid-template-columns:minmax(0,1fr)}}
@media print{.q963 [data-controls],.q963 form,.q963 [data-copy],.q963 .q963-actions{display:none!important}.q963-panel{box-shadow:none;break-inside:avoid}.q963 [data-highlight]{opacity:1}.q963 details>*{display:block!important}}