:root{--ink:#23231e;--yellow:#ffdf00;--paper:#fffdf4;--muted:#6c695d;color:var(--ink);background:var(--paper);font-family:system-ui,'Microsoft YaHei',sans-serif}
header{background:var(--yellow);border-bottom:2px solid var(--ink);gap:24px;height:88px}.brand-icon{width:54px;height:54px;display:block}.brand strong{font-weight:900;letter-spacing:-1.5px;font-size:29px}.brand-dot{color:var(--ink)}.tagline{color:#514a20;letter-spacing:1px}.quiet{color:var(--ink);font-weight:600}.account-button{background:var(--paper);border:2px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:9px;font-weight:700;padding:10px 16px}
aside{background:var(--paper);border-right:2px solid var(--ink)}.intro{background:radial-gradient(#e5ddc3 1px,transparent 1px) 0 0/14px 14px;padding-bottom:28px}.eyebrow{color:#645b37;font-weight:800;letter-spacing:1.4px}.eyebrow>span{background:var(--ink);border-radius:0;transform:rotate(-12deg)}h1{font-weight:900;color:var(--ink);line-height:1.45}h1>span{color:var(--ink);background:linear-gradient(transparent 58%,var(--yellow) 58%,var(--yellow) 95%,transparent 95%);box-decoration-break:clone}.intro p{color:var(--muted);line-height:1.8}.primary{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);font-weight:800}.primary:hover:not(:disabled),.account-button:hover{filter:none;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7046d3;outline-offset:3px}.privacy,footer,footer a{color:#746f5d}.search-panel{border-top:2px solid var(--ink)}.section-title h2{font-weight:850}.section-title>span{color:var(--ink);background:#fff0a3;padding:5px 8px;border-radius:5px}.controls{color:#6e6857}.controls select{background:white;border:1px solid #c8bf9e;border-radius:5px;color:var(--ink);padding:5px}#status{color:#69634f}.empty-mascot{height:78px;width:78px;transform:rotate(-8deg);margin:10px}.empty h3{color:var(--ink);font-weight:800}.empty p{color:var(--muted)}
.card{border:1.5px solid #c9c3af;border-radius:12px;background:#fff;margin:13px 0;padding:18px;transition:box-shadow .15s,border-color .15s}.card:hover{border-color:var(--ink);box-shadow:3px 3px 0 #e8e1c8}.card.selected{border:2px solid var(--ink);background:#fff3a8;box-shadow:4px 4px 0 var(--ink)}.card h3{font-weight:800}.card p{color:#6a6558}.distance{color:var(--ink);background:#ffed7a;border-radius:6px;padding:3px 6px;align-self:flex-start}.card-links .nav,.card-links button.nav{border:1.5px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:6px}.review-open{color:var(--ink);font-weight:700;border-bottom:1px solid #a59c78}.tags span,.rating-tags span{color:#60583c;background:#f5efd9}
.map-wrap{background:#eee9d7}.map-top>*{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 #23231e22}.pulse{background:#7046d3}.map-search{background:var(--yellow);color:var(--ink);font-weight:800;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:9px}.map-hint{background:var(--paper);border:1.5px solid var(--ink);color:#5c5647}.map-hint span{color:var(--ink)}.map-legend{border:1px solid #c4bda8;background:var(--paper);color:var(--ink)}.map-legend i{background:var(--yellow);border:1px solid var(--ink)}.wc-marker{background:var(--yellow);border:2px solid var(--ink);color:var(--ink);box-shadow:2px 3px 0 #23231e44}.wc-marker span{display:flex;align-items:center;justify-content:center}.wc-marker img{width:25px;height:25px;border-radius:50%}.wc-selected{background:#7046d3;color:white;border:3px solid white;box-shadow:0 0 0 3px #23231e,0 0 0 9px #7046d333;scale:1.25}.wc-selected span{font-size:17px}
dialog{background:var(--paper);border:2px solid var(--ink);color:var(--ink);border-radius:18px;box-shadow:8px 8px 0 #23231e44}dialog::backdrop{background:#25231866;backdrop-filter:blur(3px)}dialog p{color:#6b6555}.close{color:var(--ink)}.community-dialog h2,.community-dialog h3{color:var(--ink);font-weight:850}.community-dialog label{color:#544c36}.community-dialog input,.community-dialog textarea,.community-dialog select{border:1.5px solid #beb69c;color:var(--ink);background:white}.community-dialog .fine,.community-dialog details{color:#736b56}.secondary,.auth-tabs button{background:#fff0a0;color:var(--ink);border:1.5px solid #bcb18a;font-weight:600}.auth-tabs button:hover{background:var(--yellow)}.profile-icon{background:var(--yellow);border:2px solid var(--ink);border-radius:20px;width:84px;margin:14px auto;box-shadow:3px 3px 0 var(--ink)}.honor{background:#fff0a0;border-color:#c7ae44;color:#5f4f19}.honor-3{background:#ffe0b7;color:#82501a}.honor-4{background:#e5dcff;color:#644194}.honor-5{background:#ffdf00;color:#5d4800;border-color:#998000}.honor-6{background:#292622;color:#ffe770;border-color:#292622}.avatar{background:#fff1b3;border-color:#cab34e}.avatar-6{box-shadow:0 0 0 3px #ffe770;border-color:#292622}.review-stats>div{background:#fff0a0;border:1px solid #d5c25e}.review-stats strong{color:var(--ink)}.review-stats span{color:#716435}.recent-feedback{border-color:#e4be00;color:#655d45!important}.review-card{border-color:#ded5b9}.review-author small{color:#817963}.review-body{color:#3a382d!important}.review-empty{color:#827343}.review-actions button,.review-pages button{color:#554b32;border-color:#bdb18a}.review-actions .liked{background:#ffdf00;border-color:#b59700;color:var(--ink)}.login-prompt,#review-editor{background:#f5efd9;border:1px solid #dfd3ae}.login-prompt{color:#5d5335}#recovery-code{background:#fff0a0;color:var(--ink)}.level-guide{border-color:#d5c99e}.level-guide summary,.level-guide caption{color:var(--ink)}.level-guide th,.level-guide td{border-color:#ded4b6}.level-guide td small{color:#776e56}.level-progress{accent-color:#c9a500}.navigation-panel{background:#fff5bd;border-top:2px solid var(--ink)}#nav-summary{color:var(--ink)}#nav-message{color:#625937}.nav-tools button{color:var(--ink);border:1.5px solid #b2a36e;background:var(--paper)}#nav-steps li{border-color:#d9cb8e}#nav-steps li>span{background:var(--yellow);color:var(--ink);border:1px solid var(--ink)}#nav-steps small{color:#746a4d}
@media(max-width:760px){header{height:74px;padding:0 14px;gap:10px}.brand-icon{width:42px;height:42px}.brand{gap:7px}.brand strong{font-size:23px}.account-button{padding:8px;font-size:11px;max-width:112px;box-shadow:2px 2px 0 var(--ink)}.intro{padding:26px 22px}.map-wrap{border:2px solid var(--ink);box-shadow:4px 4px 0 #d9d0af}.search-panel{padding:26px 20px}.map-top>*{font-size:10px}.map-search{padding:10px 13px;font-size:11px}.map-hint{max-width:calc(100% - 24px);font-size:9px}.community-dialog{padding:20px}.card{padding:15px}.level-guide table{font-size:11px}header .quiet{font-size:10px}}
@media(prefers-reduced-motion:reduce){button,.card{transition:none}}
.community-dialog .section-title h3{flex-shrink:0;margin-right:12px}.community-dialog .section-title select{width:auto;min-width:135px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.place-search{position:absolute;z-index:600;top:20px;left:24px;right:24px;max-width:560px}.place-search form{display:flex;background:white;border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);overflow:hidden}.place-search input{min-width:0;flex:1;border:0;background:transparent;font:inherit;font-size:14px;padding:14px;color:var(--ink)}.place-search form button{border:0;border-left:2px solid var(--ink);background:var(--yellow);font-weight:800;padding:0 18px;color:var(--ink)}.place-search form button:disabled{opacity:.6}#place-panel{background:var(--paper);border:2px solid var(--ink);border-radius:10px;margin-top:8px;box-shadow:4px 4px 0 #23231e33;max-height:310px;overflow:auto}.place-result-heading{display:flex;align-items:center;gap:10px;padding:10px 14px}.place-result-heading p{flex:1;font-size:12px;line-height:1.6;margin:0;color:#6c6245}.place-result-heading button{border:0;background:transparent;font-size:22px}.place-result{display:block;width:100%;text-align:left;border:0;border-top:1px solid #ddd3b6;padding:12px 14px;background:transparent;color:var(--ink)}.place-result:hover,.place-result:focus-visible{background:#fff1a0}.place-result strong{display:block;font-size:14px}.place-result span{display:block;font-size:11px;line-height:1.6;color:#746b55;margin-top:5px}.map-top{top:88px}.map-search{top:150px}@media(max-width:760px){.place-search{top:12px;left:12px;right:12px}.place-search input{padding:12px 10px;font-size:12px}.place-search form button{padding:0 12px;font-size:12px}.map-top{top:73px}.map-search{top:124px}#place-panel{max-height:245px}}