.play-panel{position:relative}
.route-dialog{width:1000px}.route-layout{grid-template-columns:130px 1fr;min-height:400px}
.spot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.spot-card{position:relative;display:block;text-align:left;background:#fff;border:1px solid #dae7de;border-radius:12px;overflow:hidden;padding:0;transition:box-shadow .15s}
.spot-card:hover{box-shadow:0 5px 15px #2d695b19}.spot-card.current{border:2px solid #418674}
.spot-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.spot-card-copy{display:block;padding:12px}.spot-card-copy b{font-size:15px;display:block}.spot-card-copy small{display:block;font-size:12px;color:#6d8b7a;margin-top:6px;line-height:1.5}
.spot-number{position:absolute;left:9px;top:9px;background:#fffcebe8;border-radius:6px;font-size:12px;font-weight:700;padding:4px 7px;color:#36695b}
.spot-done{position:absolute;right:9px;top:9px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#397d63;color:#fff;font-weight:700}
#result-next{width:100%;margin:0 0 10px}#result-replay{background:transparent;box-shadow:none;font-size:13px;min-height:34px;padding:8px}
.result-dialog:has(#result-next[hidden]) #result-replay{background:var(--yellow);box-shadow:0 3px 0 #dbb347;min-height:46px;font-size:15px}
#result-stamp b{font-size:23px}#notebook-dialog{width:850px}.notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notebook-card h3{font-size:17px;line-height:1.5}
.loading-spot .play-panel:after{content:'正在展开下一页…';position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#f5f9f0c9;font-size:20px;font-weight:700;color:#416f5e;backdrop-filter:blur(2px)}
body[data-city=chongqing]{background-color:#f2efeb}body[data-city=chongqing] .city-pill{background:#f4dfcb;color:#9c5639}body[data-city=chongqing] .ticket-code{color:#a75c3d}
body[data-city=hangzhou]{background-color:#eaf3ee}body[data-city=hangzhou] .city-pill{background:#d5e9de;color:#467d65}
@media(max-width:760px){.route-layout{grid-template-columns:1fr}.spot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.spot-card-copy{padding:10px}.spot-card-copy b{font-size:14px}.spot-card-copy small{font-size:11px}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-dialog .dialog-heading{padding-bottom:13px}.city-intro{margin-bottom:13px}.city-intro p{max-width:245px;line-height:1.6}}
@media(max-width:420px){.notebook-grid{grid-template-columns:1fr}.start-postcard h2{font-size:22px}.spot-card-copy b{font-size:13px}.route-dialog #city-routes{padding:17px 13px}}
@media(max-width:760px){.site-header #route-button{display:flex}.site-header nav{gap:3px}}