:root{font-family:"Noto Serif TC","Microsoft JhengHei",serif;color:#1f3b30;background:#f4eddd}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0%,#e9c77d55,transparent 34%),#f4eddd}button,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none}small{font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.15em;color:#60715e}h1,h2,p{margin-top:0}h2{font-size:clamp(26px,3vw,36px);line-height:1.3}.top{max-width:1180px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand h1{font-size:clamp(18px,2.2vw,26px);margin:3px 0 0}.seal{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#b8432f;color:#fff;font-size:26px;transform:rotate(-6deg)}.account{display:flex;align-items:center;gap:12px;font:14px system-ui,sans-serif}.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 20px;border-radius:100px;border:0;white-space:nowrap;font:700 14px system-ui,sans-serif;min-height:44px}.button:focus-visible,.city-pin:focus-visible,.city-region:focus-visible{outline:3px solid #e8b45c;outline-offset:3px}.line{background:#06c755;color:#fff}.accent{background:#b8432f;color:#fff}.secondary{background:transparent;color:#1f3b30;box-shadow:inset 0 0 0 1px #d4c6a8}.layout{max-width:1180px;margin:auto;padding:4px 24px 40px;display:grid;grid-template-columns:minmax(330px,1fr) minmax(360px,1.1fr);grid-template-areas:"map intro" "map passport";gap:20px}.map-card,.intro,.passport{background:#fbf7ee;border:1px solid #d9ccb0;border-radius:22px;box-shadow:0 18px 40px -28px #1f3b3066}.map-card{grid-area:map;padding:20px}.intro{grid-area:intro;padding:34px}.intro>p{line-height:1.8}.city-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.passport{grid-area:passport;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.passport h2{font-size:24px;margin:5px 0 8px}.passport p{color:#5b6b5f;line-height:1.6;margin:0}.muted{color:#687365;font-size:13px}.notice{max-width:1132px;margin:0 auto 14px;padding:12px 18px;border-radius:12px;background:#e5eedf}.notice.error{background:#f6ded7;color:#8a2b19}.progress{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px;color:#5b6b5f}.progress strong{color:#1f3b30;font-size:22px}.bar{height:8px;background:#e8dfca;grid-column:1/-1;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#b8432f;transition:width .3s}#map{display:block;width:100%;max-height:70vh;margin-top:12px;fill:#5b6b5f}#map text{font-size:14px}.county{fill:#e6dcc4;stroke:#fbf7ee;stroke-width:1.2}.city-region{fill:#b1ba9b;cursor:pointer}.city-region:hover{fill:#95a181}.city-region.collected{fill:#e3a89a}.city-region.active{fill:#2f5946}.city-pin{cursor:pointer}.city-pin circle{fill:#fff8e9;stroke:#2f5946;stroke-width:3}.city-pin text{font:700 13px system-ui,sans-serif;fill:#2f5946;pointer-events:none}.city-pin.collected circle{fill:#b8432f;stroke:#fff}.city-pin.collected text{fill:#fff}.legend{text-align:center;font-size:13px;color:#61705f}.done-color{color:#b8432f}dialog{position:fixed;margin:auto;width:min(820px,calc(100vw - 30px));max-height:90dvh;overflow:auto;border:1px solid #d9ccb0;border-radius:22px;background:#fbf7ee;color:#1f3b30;padding:20px}dialog::backdrop{background:#172b24bb}.close{display:flex;margin:0 0 14px auto}.city-dialog-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.city-dialog-layout figure{margin:0;position:relative}.city-dialog-layout img{display:block;width:100%;height:auto;border-radius:14px}.city-copy{display:flex;flex-direction:column;justify-content:center;padding-right:12px}.city-copy h2{margin:7px 0 15px}.city-copy p{line-height:1.7}.stamp{position:absolute;right:9%;bottom:9%;padding:13px;border:4px double #b8432f;border-radius:100px;color:#b8432f;background:#fbf7eecc;transform:rotate(-12deg);font-weight:700}.book-copy{padding:0 12px}.book-copy h2{margin:6px 0}.book-copy .button{margin-right:8px}.book-grid{list-style:none;padding:0;margin:22px 10px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.book-grid button{width:100%;padding:17px 10px;border:1px dashed #c6b892;border-radius:14px;background:#f7eedc;color:#425646}.book-grid button.collected{border:3px double #b8432f;background:#fbe9e2;color:#b8432f;font-weight:700}@media(max-width:820px){.layout{display:flex;flex-direction:column}.passport{flex-wrap:wrap}#map{max-height:60vh}}@media(max-width:560px){.top{flex-wrap:wrap;padding:18px}.layout{padding:0 16px 24px}.city-dialog-layout{display:block}.city-copy{padding:18px 4px}.book-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}