*{box-sizing:border-box}body{margin:0;background:#f5eee5;color:#503623;font-family:system-ui,-apple-system,'Noto Sans TC',sans-serif;line-height:1.7}button,a,select{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:#9a4a17}header{background:#fff9f0;border-bottom:1px solid #e5c9a6;padding:14px 4vw;display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap}header a{text-decoration:none;font-weight:750}nav{display:flex;gap:12px;flex-wrap:wrap;font-size:14px}nav a[aria-current]{color:#a9531e;border-bottom:3px solid #d18b3b}main{max-width:1120px;margin:30px auto;padding:0 20px}.eyebrow{letter-spacing:2px;color:#a4662c;font-size:12px;font-weight:800}h1{font-size:clamp(26px,3.3vw,42px);line-height:1.4;margin:10px 0}h2{line-height:1.5}h3{margin:8px 0}p{margin:10px 0}.hero{display:grid;grid-template-columns:1.35fr 1fr;border-radius:25px;background:#fff9ef;overflow:hidden;border:1px solid #dfbd92;box-shadow:0 15px 40px #88501c0a}.heroText{padding:28px}.heroArt{background-image:url('story.png');background-size:200% auto;background-position:right bottom;aspect-ratio:1671/941;align-self:center}.heroArt[data-art="0"]{background-position:left top}.heroArt[data-art="1"]{background-position:left bottom}.panel{background:#fffaf3;border:1px solid #e6cdae;border-radius:24px;padding:26px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.two{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.btn,.primary,.option,.tile,.tab,.action{border-radius:13px;border:1px solid #d6af7c;background:#fff6e8;color:#70431f;padding:13px 18px;text-decoration:none;font:inherit}.primary{background:#b7642c;border-color:#b7642c;color:white;display:inline-block}.primary:hover{background:#93471e}.option{display:block;width:100%;text-align:left;margin:10px 0;line-height:1.7}.option:hover,.tile:hover,.action:hover,.btn:hover{background:#ffe5c2}.tile{display:block;text-align:left;padding:24px;min-height:145px}.tile span{font-size:39px;display:block}.tile small{display:block;margin-top:8px}.done{border:2px solid #b86c25!important;background:#ffdfaf!important;color:#66380e!important}.feedback{padding:17px 20px;border-left:4px solid #dc923f;background:#fff0d7;border-radius:10px;margin:18px 0;min-height:65px}.feedback:empty{display:none}.meter{height:9px;background:#edddc8;border-radius:9px;overflow:hidden;margin:14px 0}.meter span{display:block;height:100%;background:#d68b3f;transition:width .3s}.chip{display:inline-block;border-radius:20px;background:#f2d5ac;padding:5px 12px;font-size:13px;margin:4px}.step{font-weight:bold;color:#9c5920}.bottom{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:25px}.muted{font-size:13px;color:#8d7057}.desk{position:relative;background:radial-gradient(ellipse at center,#efd1a8,#c99962);border:8px solid #d7b187;border-radius:20px;padding:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.desk .tile{background:#fff4df;box-shadow:5px 7px 0 #7c502323;transform:rotate(-2deg)}.desk .tile:nth-child(even){transform:rotate(2deg)}.caseBox{background:#fff3df;border:2px solid #d6a263;border-radius:18px;padding:24px;margin-top:24px}.caseIcon{font-size:48px}.lawDetail{padding:18px;border:1px solid #deb98b;border-radius:15px;background:#ffefda}.badgeRow{display:flex;flex-wrap:wrap;gap:10px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab[aria-selected="true"]{background:#bd6c2c;color:white}.device{max-width:600px;background:#fff9f2;border:8px solid #443224;border-radius:28px;padding:20px}.deviceTop{display:flex;justify-content:space-between;border-bottom:1px solid #e3c6a4;padding-bottom:10px;font-weight:bold}.chatrow{display:flex;gap:10px;align-items:flex-start;padding:10px;margin:10px 0;background:#f4dfc3;border:2px solid transparent;border-radius:13px}.chatrow input{margin-top:8px;width:20px;height:20px;accent-color:#b76b2a;flex-shrink:0}.chatrow:has(input:checked){border-color:#c78132;background:#ffe3b8}.chatrow time{display:block;font-size:11px;color:#866446}.outgoing{background:#f8ead7}.settings{padding:15px;background:#fff0d9;border-radius:14px;margin:15px 0}.settings label{display:block;margin:8px 0}.settings input{accent-color:#ba6a2b;width:18px;height:18px;vertical-align:middle}.bag{background:#ffefd8;padding:22px;border:2px solid #d2a067;border-radius:20px}.bag li{padding:12px;margin:8px 0;background:#fffaf2;border-radius:10px;list-style:none}.bag ul{padding:0}.lockPreview{text-align:center;background:repeating-linear-gradient(45deg,#e4d5c3,#e4d5c3 12px,#d9c5ad 12px,#d9c5ad 24px);padding:30px;border-radius:15px}.lockPreview span{display:block;font-size:42px}.record{padding:14px;background:#f0dfc8;border:1px solid #d8b98f;border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.message{padding:18px;background:#f4dfc4;border-radius:18px;line-height:1.9}.routes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.route{font:inherit;background:#fff4e3;border:2px solid #dcb686;color:#73431e;padding:17px 10px;border-radius:18px;cursor:pointer}.route span{font-size:38px;display:block}.route small{display:block;font-size:12px}.result{background:#ffe5bd;border:2px solid #d49443;border-radius:22px;padding:25px;margin-top:25px}.pledge{display:flex;gap:12px;align-items:flex-start;background:#fff2df;border:1px solid #d9b68b;padding:14px 18px;border-radius:12px;margin:12px 0}.pledge input{width:20px;height:20px;margin-top:5px;accent-color:#bd6c2c}.helpLinks a{display:block;padding:12px;border-bottom:1px solid #ddc3a1}.modal{border:2px solid #c58b46;border-radius:20px;background:#fffaf0;color:#573a22;padding:26px;max-width:650px;width:90vw;box-shadow:0 20px 60px #30180855}.modal::backdrop{background:#30201588}.modal button{margin-top:18px}footer{font-size:12px;color:#8f7357;padding:25px 0}button:focus-visible,a:focus-visible{outline:3px solid #c47527;outline-offset:4px}[hidden]{display:none!important}details{margin:18px 0}summary{cursor:pointer;font-weight:bold}input[type="text"]{width:100%;padding:12px;font:inherit;border:1px solid #d1a672;border-radius:10px;background:#fffdf9;color:#56371e}.choiceLabel{display:block;background:#f9e8cf;padding:9px 13px;border-radius:8px}.navstage{background:#fff4e4;border:1px solid #d9b17c;padding:18px;border-radius:14px}.sourceLinks{font-size:13px;display:flex;gap:12px;flex-wrap:wrap}@media(max-width:760px){main{padding:0 14px;margin-top:20px}.hero,.two{grid-template-columns:1fr}.heroArt{width:100%;max-height:230px;background-size:200% auto;aspect-ratio:1671/941}.grid{grid-template-columns:1fr 1fr}.desk{grid-template-columns:1fr 1fr;padding:15px;gap:12px}.desk .tile{padding:17px;min-height:140px}.panel{padding:20px}.routes{grid-template-columns:1fr 1fr}.heroText{padding:23px}.device{padding:14px}.chatrow{padding:9px}.bottom{align-items:stretch}.primary{max-width:100%}h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}