:root{--ink:#102a38;--ink2:#365362;--cream:#f4f0e6;--paper:#fffdf7;--line:#cbd5d2;--gold:#edab57;--gold-dark:#8f541f;--mint:#d9efe3;--red:#8b4138;--shadow:0 10px 28px rgba(20,44,50,.10);font-family:system-ui,-apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:#d9e2df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:radial-gradient(circle at 85% 5%,#e9f1ed,transparent 35%),linear-gradient(145deg,#d5dfdb,#e8e8dc);line-height:1.55}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #307b86;outline-offset:3px}.site-shell{max-width:920px;min-height:100vh;margin:auto;background:var(--cream);box-shadow:0 0 50px #203d3822}.topbar{min-height:66px;padding:15px clamp(16px,5vw,36px);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.07em}.brand-mark{width:20px;height:20px;border:3px solid var(--gold);border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;width:10px;height:3px;background:var(--gold);transform:rotate(48deg);right:-8px;bottom:-4px;border-radius:3px}.case-id{font-size:.75rem;letter-spacing:.07em;color:#c5d6d5;white-space:nowrap}.stage-nav{display:flex;gap:5px;overflow-x:auto;padding:12px clamp(16px,5vw,36px);background:#e7ece7;border-bottom:1px solid #c9d3cc}.stage-nav button{flex:0 0 auto;border:1px solid transparent;background:transparent;color:#4b676c;padding:6px 9px;border-radius:20px;font-size:.75rem;font-weight:700}.stage-nav button.current{background:var(--ink);color:#fff}.stage-nav button.available:not(.current){border-color:#b5c8c1}.stage-nav button:disabled{opacity:.48}main{padding:clamp(18px,5vw,38px);min-height:600px}.eyebrow{font-size:.76rem;letter-spacing:.13em;font-weight:800;color:var(--gold-dark);text-transform:uppercase}.page-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:23px}.page-head h1{font-size:clamp(1.7rem,5vw,2.65rem);line-height:1.16;letter-spacing:-.04em;margin:5px 0 8px}.page-head p{max-width:58ch;color:var(--ink2);margin:0}.stamp{font-size:.74rem;padding:6px 9px;border:1px solid #ba9470;color:#6f4d2c;white-space:nowrap;transform:rotate(4deg);border-radius:3px;font-weight:800}.card{background:var(--paper);border:1px solid #d8ded7;border-radius:16px;box-shadow:var(--shadow);padding:clamp(16px,4vw,26px);margin:14px 0}.card.tight{padding:16px}.card h2,.card h3{margin:0 0 10px;line-height:1.25}.card h2{font-size:1.26rem}.card h3{font-size:1.05rem}.muted{color:var(--ink2)}.small{font-size:.84rem}.note{font-size:.83rem;color:var(--ink2);background:#edf2ed;border-left:3px solid #709a91;padding:9px 12px;border-radius:0 7px 7px 0}.chat-screen{background:#203d49;border-radius:22px;padding:18px;max-width:520px;margin:20px auto;box-shadow:0 18px 0 #10232e,0 26px 28px #172b3155}.chat-top{color:#d3e5e1;font-size:.8rem;padding-bottom:12px;border-bottom:1px solid #537078}.bubble{max-width:85%;background:#fffdf7;border-radius:15px 15px 15px 3px;padding:14px;margin-top:18px;box-shadow:0 4px 0 #112936;font-weight:650}.bubble.reply{background:#d8eee4;margin-left:auto;border-radius:15px 15px 3px 15px;font-weight:500}.chat-screen .chat-hint{color:#ccdfdc;font-size:.78rem;margin:15px 3px 0}.primary,.secondary,.ghost{border-radius:10px;padding:12px 18px;min-height:46px;font-weight:800;border:2px solid var(--ink);transition:transform .18s,box-shadow .18s}.primary{background:var(--gold);color:#1e2b2d;box-shadow:0 4px 0 #885a30}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #885a30}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #885a30}.secondary{background:var(--ink);color:#fff}.ghost{background:transparent;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}.actions>*{flex:1 1 185px}.choice-list{display:grid;gap:10px;margin:13px 0}.choice{width:100%;text-align:left;border:1.5px solid #b9cbc4;border-radius:11px;background:#f9fbf7;color:var(--ink);padding:12px 14px;min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:8px}.choice:hover{border-color:#628e86;background:#f3faf4}.choice.selected{border:2px solid #124d56;background:#dfefe8;font-weight:750}.choice.selected:after{content:"已選";font-size:.72rem;white-space:nowrap;color:#104f55}.feedback{padding:11px 13px;border-radius:9px;margin:11px 0;font-size:.9rem}.feedback.good{background:#dff0e3;border:1px solid #9bbfa6}.feedback.try{background:#faeddb;border:1px solid #dcbd8b}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.evidence-tile{border:1px solid #b5c8c2;border-radius:12px;background:#fffdf8;color:var(--ink);min-height:86px;text-align:left;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.evidence-tile.active{border:2px solid #1c6065;background:#e4f1e9}.tile-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#dbe7e4;color:#244954;font-size:.8rem;font-weight:800}.tile-state{font-size:.68rem;color:#48676a}.evidence-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:15px}.phone{background:#142f3b;border:6px solid #0c202a;border-radius:24px;color:#e8f3ed;box-shadow:0 10px 0 #081d26,0 18px 24px #0a283944;padding:15px;min-height:315px}.phone-top{font-size:.72rem;color:#bbd4d0;border-bottom:1px solid #42616a;padding-bottom:8px}.phone h2{margin-top:20px}.phone-quote{background:#2c4b55;padding:12px;border-radius:10px;margin-top:15px}.phone-record{font-size:.92rem;border-bottom:1px solid #44616b;padding:10px 0}.phone .minor{color:#bdd4cf;font-size:.8rem}.phone button{background:#d8ede3;color:#102a38;border:0;padding:9px 12px;border-radius:7px;font-weight:750;margin-top:13px}.receipt{font-variant-numeric:tabular-nums;background:#f5f1e8;border:1px dashed #b8aba0;padding:13px;border-radius:8px;margin:14px 0}.receipt-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.receipt-row.total{font-weight:800;border-top:1px solid #a99d91;margin-top:5px;padding-top:9px}.board-panel{background:#203b46;color:#eff8ed;padding:15px;border-radius:16px;margin-bottom:18px;overflow:hidden}.board-panel h3{font-size:.86rem;letter-spacing:.06em;margin:0 0 3px}.board-panel p{font-size:.75rem;color:#cbdddb;margin:0 0 13px}.board-wrap{perspective:600px;overflow:hidden;padding:10px 4px 23px}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;transform:rotateX(18deg);transform-origin:center bottom}.square{height:45px;display:grid;place-items:center;background:#537d78;border:1px solid #84a6a0;border-bottom:5px solid #2d5c5b;border-radius:4px;font-size:.78rem;position:relative}.square:nth-child(even){background:#6f8c79}.square.occupied{background:#e9af65;color:#192d31;font-weight:900;box-shadow:0 0 0 3px #e9af6555}.pawn{position:absolute;top:-17px;left:50%;transform:translateX(-50%);width:16px;height:23px;background:#f7e6bd;border-radius:50% 50% 4px 4px;border:2px solid #1d4148;box-shadow:0 7px 0 #744a34}.board-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.die{width:37px;height:37px;display:grid;place-items:center;background:#fff;color:#132e3a;border-radius:7px;font-weight:900;font-size:1.2rem;box-shadow:3px 3px 0 #071f29}.board-controls button{padding:7px 11px;border:1px solid #cfe1d6;background:#edf7ed;color:#1d3940;border-radius:7px;font-weight:800}.board-controls span{font-size:.75rem;color:#e0ece8}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-item{background:#fffdf7;border:1px solid #d7e0d8;border-radius:13px;padding:15px}.plan-item h3{margin:0 0 8px}.plan-item .choice-list{margin:0}.plan-item .choice{font-size:.85rem;padding:9px}.number-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0}.number-box{background:#163744;color:#fff;padding:12px;border-radius:10px}.number-box b{display:block;font-size:1.33rem;color:#f4bd70;font-variant-numeric:tabular-nums}.number-box span{font-size:.7rem;color:#cbdedb}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comparison>div{padding:14px;border-radius:10px;background:#e5ede7}.comparison strong{display:block;font-size:1.25rem}.scenario{border-top:4px solid #dca667}.scenario .choice-list{margin-bottom:18px}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.select-line{display:flex;flex-direction:column;gap:7px;margin:14px 0}.select-line select{padding:12px;border:1.5px solid #aabfba;border-radius:9px;background:#fff;max-width:100%}.result-card{background:linear-gradient(165deg,#fffef8,#e9f1e9);border:2px solid #6f9990;border-radius:17px;padding:clamp(16px,4vw,28px);box-shadow:var(--shadow)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.result-grid div{padding:12px;background:#fff;border-radius:9px}.result-grid b{display:block;font-size:1.4rem}.result-grid span{font-size:.75rem;color:#516c68}.result-list{padding-left:22px}.result-list li{margin:7px 0}.divider{height:1px;background:#c9d4cb;margin:18px 0}.footer{padding:20px;color:#536a68;text-align:center;font-size:.74rem;border-top:1px solid #d2d9d1}.hidden{display:none!important}@media(max-width:700px){.evidence-layout,.test-grid{grid-template-columns:1fr}.phone{min-height:auto}.case-id{font-size:.65rem}.plan-grid{grid-template-columns:1fr}}@media(max-width:480px){.evidence-grid{grid-template-columns:repeat(2,1fr)}.number-strip{grid-template-columns:1fr 1fr}.number-box:first-child{grid-column:span 2}.result-grid{grid-template-columns:1fr 1fr}.result-grid div:last-child{grid-column:span 2}.page-head{display:block}.stamp{display:inline-block;margin-top:12px}.comparison{grid-template-columns:1fr}.topbar{align-items:flex-start}.brand{font-size:.88rem}.case-id{white-space:normal;text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.topbar,.stage-nav,.footer,.actions,.board-panel{display:none!important}.site-shell{box-shadow:none}main{padding:0}.result-card{box-shadow:none;break-inside:avoid}body{background:#fff}}
.plan-item .choice + .choice,.card > .choice + .choice{margin-top:9px}.receipt-row span:last-child{font-variant-numeric:tabular-nums;text-align:right}.receipt-row span:first-child{min-width:0}
.phone .receipt{color:var(--ink)}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.mode-link{color:#ffe2a6;text-decoration:none;font-size:.75rem;font-weight:800;border:1px solid #c8ab75;padding:6px 8px;border-radius:6px;white-space:nowrap}.mode-link:hover{text-decoration:underline}@media(max-width:480px){.header-right{flex-direction:column;align-items:flex-end;gap:4px}.mode-link{font-size:.7rem;padding:3px 6px}}