:root{--nav-h: 60px;--footer-h: 40px;--nav-h-mobile: 56px;--footer-h-mobile: 36px;--color-bg: #fafbfc;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-text: #0f172a;--color-text-muted: #475569;--color-text-soft: #64748b;--color-text-on-primary: #ffffff;--color-border: #e5e7eb;--color-border-strong: #cbd5e1;--color-primary: #4f5ee0;--color-primary-hover: #3f4cc8;--color-primary-soft: rgba(79, 94, 224, .08);--color-cta-bg: #0f172a;--color-cta-bg-hover: #1e293b;--color-cta-fg: #ffffff;--color-success: #15803d;--color-warning: #b45309;--color-danger: #b91c1c;--color-nav-bg: rgba(255, 255, 255, .96);--color-footer-bg: rgba(255, 255, 255, .96);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .12);--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg: #0b1220;--color-surface: #131c30;--color-surface-2: #1c2742;--color-text: #f8fafc;--color-text-muted: #d3dde9;--color-text-soft: #b3c0d1;--color-text-on-primary: #0b1220;--color-border: #28324d;--color-border-strong: #3f4c6b;--color-primary: #a5b4fc;--color-primary-hover: #c7d2fe;--color-primary-soft: rgba(165, 180, 252, .18);--color-cta-bg: #f8fafc;--color-cta-bg-hover: #e2e8f0;--color-cta-fg: #0b1220;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #f87171;--color-nav-bg: rgba(11, 18, 32, .96);--color-footer-bg: rgba(11, 18, 32, .96)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:.5rem;left:.5rem;background:var(--color-text);color:#fff;padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;text-decoration:none;transform:translateY(-150%);transition:transform var(--transition);z-index:2000}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}.navbar{background:var(--color-nav-bg);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border);box-shadow:0 1px #0f172a0a,0 4px 12px #0f172a0a;height:var(--nav-h);position:fixed;top:0;left:0;right:0;z-index:1000}[data-theme=dark] .navbar{box-shadow:0 1px #0006,0 4px 12px #00000040}.nav-container{max-width:1200px;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.nav-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;color:var(--color-text);transition:color var(--transition)}.nav-logo-mark{font-size:1.3rem}.nav-logo:hover{color:var(--color-primary)}.nav-menu{display:flex;gap:1.25rem;align-items:center}.nav-link{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;padding:.4rem .6rem;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.nav-link:hover{color:var(--color-text);background:var(--color-primary-soft)}.nav-link.router-link-active{color:var(--color-primary);background:var(--color-primary-soft)}.nav-icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);color:var(--color-text-muted);text-decoration:none;transition:background var(--transition),color var(--transition)}.nav-icon-link:hover{background:var(--color-primary-soft);color:var(--color-text)}.nav-icon-link.router-link-active{background:var(--color-primary-soft);color:var(--color-primary)}.main-content{margin-top:var(--nav-h);margin-bottom:var(--footer-h);min-height:calc(100vh - var(--nav-h) - var(--footer-h));min-height:calc(100dvh - var(--nav-h) - var(--footer-h))}.main-content:focus{outline:none}.footer{background:var(--color-footer-bg);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);border-top:1px solid var(--color-border);color:var(--color-text-soft);height:var(--footer-h);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1rem;font-size:.78rem;position:fixed;bottom:0;left:0;right:0;z-index:1000}.footer p{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin:0;line-height:1.4}.footer .footer-label{color:var(--color-text-soft);opacity:.7}.footer .footer-sep{color:#cbd5e1}.footer a{color:var(--color-text);text-decoration:none;font-weight:500;transition:color var(--transition)}.footer a:hover{color:var(--color-primary);text-decoration:underline}@media (max-width: 768px){:root{--nav-h: var(--nav-h-mobile);--footer-h: var(--footer-h-mobile)}.nav-container{padding:0 1rem}.nav-menu{gap:.5rem}.nav-logo-text{font-size:1rem}.nav-link{padding:.4rem .5rem;font-size:.9rem}.footer{font-size:.7rem;padding:0 .75rem}.footer .footer-label{display:none}}@media (max-width: 380px){.nav-logo-text{display:none}}.home[data-v-2788a546]{height:calc(100vh - var(--nav-h) - var(--footer-h));height:calc(100dvh - var(--nav-h) - var(--footer-h));min-height:480px;background:var(--color-bg);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.hero[data-v-2788a546]{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;overflow:hidden}.hero-inner[data-v-2788a546]{position:relative;z-index:1;max-width:640px;width:100%;text-align:center}.eyebrow[data-v-2788a546]{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--color-primary);background:var(--color-primary-soft);padding:.4rem .9rem;border-radius:999px;margin-bottom:1.5rem}.title[data-v-2788a546]{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-text);margin-bottom:1rem}.lede[data-v-2788a546]{font-size:1.15rem;line-height:1.6;color:var(--color-text-muted);margin:0 auto 2.5rem;max-width:520px}.actions[data-v-2788a546]{display:flex;justify-content:center;margin-bottom:2rem}.cta[data-v-2788a546]{display:inline-flex;align-items:center;gap:.6rem;background:var(--color-cta-bg);color:var(--color-cta-fg);text-decoration:none;font-size:1.05rem;font-weight:600;padding:1rem 2rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 24px #0000002e}.cta[data-v-2788a546]:hover{background:var(--color-cta-bg-hover);transform:translateY(-2px);box-shadow:0 12px 28px #0000003d}.cta[data-v-2788a546]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.cta .arrow[data-v-2788a546]{transition:transform .2s ease}.cta:hover .arrow[data-v-2788a546]{transform:translate(4px)}.meta[data-v-2788a546]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;font-size:.95rem;color:var(--color-text-soft);margin:0}.meta strong[data-v-2788a546]{color:var(--color-text);font-weight:700}.meta .dot[data-v-2788a546]{color:var(--color-border-strong)}.trust-badges[data-v-2788a546]{list-style:none;padding:0;margin:.85rem 0 0;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.85rem;font-size:.82rem;color:var(--color-text-muted);white-space:nowrap}.trust-badges li[data-v-2788a546]{display:inline-flex;align-items:center;gap:.25rem;line-height:1.4}@media (max-width: 420px){.trust-badges[data-v-2788a546]{gap:.55rem;font-size:.72rem}}@media (max-width: 340px){.trust-badges[data-v-2788a546]{gap:.4rem;font-size:.66rem}}.trust-badges li span[aria-hidden][data-v-2788a546]{color:var(--color-success);font-weight:700}.bg-decor[data-v-2788a546]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blob[data-v-2788a546]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.blob-a[data-v-2788a546]{width:420px;height:420px;background:radial-gradient(circle,#c7d2fe 0%,transparent 70%);top:-120px;left:-80px}.blob-b[data-v-2788a546]{width:480px;height:480px;background:radial-gradient(circle,#ddd6fe 0%,transparent 70%);bottom:-160px;right:-100px}[data-theme=dark] .blob-a[data-v-2788a546]{background:radial-gradient(circle,rgba(99,102,241,.55) 0%,transparent 70%);opacity:.35}[data-theme=dark] .blob-b[data-v-2788a546]{background:radial-gradient(circle,rgba(139,92,246,.45) 0%,transparent 70%);opacity:.3}@media (max-width: 640px){.hero[data-v-2788a546]{padding:3rem 1.25rem}.lede[data-v-2788a546]{font-size:1.02rem;margin-bottom:2rem}.cta[data-v-2788a546]{padding:.9rem 1.6rem;font-size:1rem}.meta[data-v-2788a546]{flex-wrap:wrap;justify-content:center}}.map-page[data-v-fd063fa8]{display:flex;height:calc(100vh - var(--nav-h) - var(--footer-h));height:calc(100dvh - var(--nav-h) - var(--footer-h));position:relative;overflow:hidden;overscroll-behavior:contain}.control-panel[data-v-fd063fa8]{width:350px;background:var(--color-surface);color:var(--color-text);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s;z-index:1000}.control-panel.collapsed[data-v-fd063fa8]{width:50px}.panel-header[data-v-fd063fa8]{padding:.6rem .85rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-2)}.panel-header-title[data-v-fd063fa8]{margin:0;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-soft);text-transform:uppercase}.collapse-btn[data-v-fd063fa8]{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:.85rem;line-height:1;cursor:pointer;padding:0;color:var(--color-text-muted);border-radius:6px;transition:background .18s ease,color .18s ease}.collapse-btn[data-v-fd063fa8]:hover{background:var(--color-primary-soft);color:var(--color-text)}.panel-content[data-v-fd063fa8]{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1rem}.custom-location[data-v-fd063fa8]{margin-bottom:1.5rem}.custom-location h3[data-v-fd063fa8]{margin:0 0 1rem;font-size:1.1rem;color:var(--color-text)}.location-input[data-v-fd063fa8]{display:flex;gap:.5rem;margin-bottom:.5rem}.location-search-input[data-v-fd063fa8]{flex:1;padding:.75rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem}.location-search-input[data-v-fd063fa8]::placeholder{color:var(--color-text-soft)}.location-search-input[data-v-fd063fa8]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.btn-search[data-v-fd063fa8]{padding:.75rem 1rem;background:var(--color-cta-bg);color:var(--color-cta-fg);border:none;border-radius:8px;cursor:pointer;font-size:.9rem;min-width:50px;transition:background-color .18s ease}.btn-search[data-v-fd063fa8]:hover:not(:disabled){background:var(--color-cta-bg-hover)}.btn-search[data-v-fd063fa8]:disabled{opacity:.6;cursor:not-allowed}.search-tips[data-v-fd063fa8]{margin-bottom:.5rem}.search-tips small[data-v-fd063fa8]{color:var(--color-text-soft);font-style:italic}.usage-tips[data-v-fd063fa8]{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;margin:1rem 0;overflow:hidden}.usage-tips-header[data-v-fd063fa8]{width:100%;padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .18s ease;background:transparent;border:none;color:inherit;font:inherit;text-align:left}.usage-tips-header[data-v-fd063fa8]:hover{background:var(--color-primary-soft)}.usage-tips-header h4[data-v-fd063fa8]{margin:0;font-size:1rem;color:var(--color-text)}.toggle-icon[data-v-fd063fa8]{font-size:.9rem;color:var(--color-text-soft);transition:transform .3s ease}.usage-tips-content[data-v-fd063fa8]{padding:0 1rem 1rem;animation:slideDown-fd063fa8 .3s ease}.usage-tips-content ul[data-v-fd063fa8]{margin:0;padding-left:1.2rem}.usage-tips-content li[data-v-fd063fa8]{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.5rem;line-height:1.4}@keyframes slideDown-fd063fa8{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.error-message[data-v-fd063fa8]{background:#b91c1c14;color:var(--color-danger);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;border:1px solid rgba(185,28,28,.2)}[data-theme=dark] .error-message[data-v-fd063fa8]{background:#f871711f;border-color:#f8717159}.btn[data-v-fd063fa8]{width:100%;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-bottom:1rem;transition:background .18s ease,transform .1s ease}.btn-primary[data-v-fd063fa8]{background:var(--color-cta-bg);color:var(--color-cta-fg)}.btn-primary[data-v-fd063fa8]:hover:not(:disabled){background:var(--color-cta-bg-hover);transform:translateY(-1px)}.btn[data-v-fd063fa8]:disabled{opacity:.6;cursor:not-allowed}.filters h3[data-v-fd063fa8]{margin:1.5rem 0 1rem;font-size:1.1rem;color:var(--color-text)}.filter-group[data-v-fd063fa8]{margin-bottom:1rem}.filter-label[data-v-fd063fa8]{display:block;margin-bottom:.5rem;font-weight:600;font-size:.85rem;color:var(--color-text-soft, #64748b);letter-spacing:.02em}.chip-row[data-v-fd063fa8]{display:flex;flex-wrap:wrap;gap:.4rem}.chip[data-v-fd063fa8]{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill, 999px);padding:.4rem .8rem;font-size:.85rem;font-weight:500;cursor:pointer;min-height:32px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .1s ease}.chip[data-v-fd063fa8]:hover{background:var(--color-primary-soft);color:var(--color-text);border-color:var(--color-primary)}.chip[data-v-fd063fa8]:active{transform:scale(.97)}.chip-active[data-v-fd063fa8],.chip[aria-pressed=true][data-v-fd063fa8]{background:var(--color-cta-bg);color:var(--color-cta-fg);border-color:var(--color-cta-bg)}.chip-active[data-v-fd063fa8]:hover{background:var(--color-cta-bg-hover);color:var(--color-cta-fg);border-color:var(--color-cta-bg-hover)}.toggle-row[data-v-fd063fa8]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 10px);cursor:pointer;font:inherit;color:var(--color-text);transition:background .18s ease,border-color .18s ease}.toggle-row[data-v-fd063fa8]:hover{background:var(--color-surface-2)}.toggle-row.toggle-active[data-v-fd063fa8]{border-color:var(--color-primary);background:var(--color-primary-soft)}.toggle-text[data-v-fd063fa8]{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500}.toggle-switch[data-v-fd063fa8]{position:relative;width:36px;height:20px;background:#cbd5e1;border-radius:999px;flex-shrink:0;transition:background .18s ease}.toggle-row.toggle-active .toggle-switch[data-v-fd063fa8]{background:var(--color-text, #0f172a)}.toggle-knob[data-v-fd063fa8]{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:999px;box-shadow:0 1px 2px #0003;transition:transform .18s ease}.toggle-row.toggle-active .toggle-knob[data-v-fd063fa8]{transform:translate(16px)}.filter-actions[data-v-fd063fa8]{display:flex;justify-content:flex-end;margin-top:.5rem}.btn-reset-link[data-v-fd063fa8]{background:transparent;color:var(--color-text-soft, #64748b);border:none;padding:.4rem .6rem;font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm, 6px);transition:background .18s ease,color .18s ease}.btn-reset-link[data-v-fd063fa8]:hover:not(:disabled){background:var(--color-primary-soft, rgba(91, 108, 255, .08));color:var(--color-text, #0f172a)}.btn-reset-link[data-v-fd063fa8]:disabled{opacity:.4;cursor:not-allowed}.toilet-list h3[data-v-fd063fa8]{margin:1.5rem 0 1rem;font-size:1.1rem;color:var(--color-text)}.view-all-btn-container[data-v-fd063fa8]{margin-top:1rem;text-align:center}.btn-view-all[data-v-fd063fa8]{background:var(--color-cta-bg);color:var(--color-cta-fg);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:600;width:100%;transition:background-color .18s ease}.btn-view-all[data-v-fd063fa8]:hover{background:var(--color-cta-bg-hover)}.map-container[data-v-fd063fa8]{flex:1;position:relative}#map[data-v-fd063fa8]{width:100%;height:100%}.map-controls[data-v-fd063fa8]{position:absolute;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.map-control-btn[data-v-fd063fa8]{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #0000002e,0 1px 3px #0000001a;transition:transform .1s ease,box-shadow .18s ease,background .18s ease}.map-control-btn[data-v-fd063fa8]:hover:not(:disabled){background:var(--color-primary-soft);transform:translateY(-1px);box-shadow:0 6px 16px #00000038,0 1px 3px #0000001a}.map-control-btn[data-v-fd063fa8]:active:not(:disabled){transform:scale(.96)}.map-control-btn[data-v-fd063fa8]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.map-control-btn[data-v-fd063fa8]:disabled{opacity:.7;cursor:progress}[data-theme=dark] .map-control-btn[data-v-fd063fa8]{background:#1c2742;color:#f8fafc;border-color:#4a5b80;box-shadow:0 4px 12px #00000080,0 0 0 1px #ffffff0a inset}[data-theme=dark] .map-control-btn[data-v-fd063fa8]:hover:not(:disabled){background:#2a3858;border-color:#6b7ba6}.toilet-modal[data-v-fd063fa8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-fd063fa8]{background:var(--color-surface);color:var(--color-text);border-radius:12px;padding:2rem;max-width:400px;width:90%;max-height:80vh;max-height:80dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}.close-btn[data-v-fd063fa8]{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-soft)}.toilet-details[data-v-fd063fa8]{margin:1rem 0}.detail-item[data-v-fd063fa8]{margin-bottom:.5rem;font-size:.9rem}.modal-actions[data-v-fd063fa8]{margin-top:1.5rem}.loading[data-v-fd063fa8],.no-data[data-v-fd063fa8]{text-align:center;color:var(--color-text-soft);margin:2rem 0}@media (max-width: 768px){.map-page[data-v-fd063fa8]{flex-direction:column;height:calc(100vh - var(--nav-h) - var(--footer-h));height:calc(100dvh - var(--nav-h) - var(--footer-h))}.control-panel[data-v-fd063fa8]{width:100%;height:45%;border-right:none;border-bottom:1px solid #ddd}.control-panel.collapsed[data-v-fd063fa8]{height:56px;width:100%}.map-container[data-v-fd063fa8]{height:55%}.location-input[data-v-fd063fa8]{flex-direction:column;gap:.75rem}.location-search-input[data-v-fd063fa8],.btn-search[data-v-fd063fa8]{width:100%}.modal-content[data-v-fd063fa8]{margin:1rem;width:calc(100% - 2rem)}}.skeleton-list[data-v-fd063fa8]{padding:.5rem 0}.skeleton-card[data-v-fd063fa8]{background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 10px);padding:.85rem 1rem;margin-bottom:.65rem}.skeleton[data-v-fd063fa8]{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:skeleton-shimmer-fd063fa8 1.4s ease-in-out infinite;border-radius:6px}.skeleton-line[data-v-fd063fa8]{height:12px;margin-bottom:.5rem}.w-70[data-v-fd063fa8]{width:70%}.w-90[data-v-fd063fa8]{width:90%}.skeleton-row[data-v-fd063fa8]{display:flex;gap:.4rem;margin-top:.4rem}.skeleton-pill[data-v-fd063fa8]{width:56px;height:18px;border-radius:999px}.skeleton-status[data-v-fd063fa8]{text-align:center;font-size:.8rem;color:var(--color-text-soft, #64748b);margin:.5rem 0 0}@keyframes skeleton-shimmer-fd063fa8{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton[data-v-fd063fa8]{animation:none}}.empty-icon[data-v-fd063fa8]{font-size:2.5rem;margin-bottom:.5rem;opacity:.6}.modal-content-v2[data-v-fd063fa8]{padding:1.5rem 1.5rem 1.25rem;max-width:440px;border-radius:16px;box-shadow:0 24px 48px #0f172a2e,0 4px 12px #0f172a0f;border:1px solid var(--color-border, #e5e7eb)}.modal-header[data-v-fd063fa8]{margin-bottom:1rem;padding-right:2rem}.modal-title[data-v-fd063fa8]{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--color-text, #0f172a);margin:0 0 .65rem}.modal-badges[data-v-fd063fa8]{display:flex;flex-wrap:wrap;gap:.35rem}.badge[data-v-fd063fa8]{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#f1f5f9;color:var(--color-text-muted, #475569)}.badge-soft[data-v-fd063fa8]{background:var(--color-primary-soft, rgba(91, 108, 255, .08));color:var(--color-primary, #5b6cff)}.badge-grade-excellent[data-v-fd063fa8],.badge-grade-special[data-v-fd063fa8],.badge-grade-特優[data-v-fd063fa8]{background:#ecfdf5;color:#047857}.badge-grade-good[data-v-fd063fa8],.badge-grade-優等[data-v-fd063fa8]{background:#eff6ff;color:#1d4ed8}.badge-grade-fair[data-v-fd063fa8],.badge-grade-普通[data-v-fd063fa8]{background:#fef3c7;color:#92400e}.badge-grade-needsImprovement[data-v-fd063fa8],.badge-grade-加強[data-v-fd063fa8]{background:#fff7ed;color:#c2410c}.badge-grade-fail[data-v-fd063fa8],.badge-grade-不合格[data-v-fd063fa8]{background:#fef2f2;color:#b91c1c}.distance-callout[data-v-fd063fa8]{display:inline-flex;align-items:baseline;gap:.4rem;margin-bottom:1rem;padding:.5rem .85rem;background:var(--color-primary-soft, rgba(91, 108, 255, .08));border-radius:var(--radius-md, 10px);color:var(--color-primary, #5b6cff)}.distance-value[data-v-fd063fa8]{font-size:1.1rem;font-weight:700}.distance-label[data-v-fd063fa8]{font-size:.8rem;color:var(--color-text-soft, #64748b)}.modal-info[data-v-fd063fa8]{margin:0 0 1.25rem;padding:0}.info-row[data-v-fd063fa8]{display:grid;grid-template-columns:1fr;gap:.15rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.info-row[data-v-fd063fa8]:last-child{border-bottom:none}.info-row dt[data-v-fd063fa8]{font-size:.78rem;font-weight:600;color:var(--color-text-soft, #64748b);letter-spacing:.02em;display:inline-flex;align-items:center;gap:.3rem}.info-row dd[data-v-fd063fa8]{margin:0;font-size:.95rem;color:var(--color-text, #0f172a);line-height:1.5}.btn-nav-primary[data-v-fd063fa8]{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;background:var(--color-cta-bg);color:var(--color-cta-fg);border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s ease,transform .1s ease,box-shadow .18s ease;box-shadow:0 6px 16px #0000002e}.btn-nav-primary[data-v-fd063fa8]:hover{background:var(--color-cta-bg-hover);transform:translateY(-1px);box-shadow:0 10px 22px #0000003d}.btn-nav-primary[data-v-fd063fa8]:active{transform:translateY(0)}.modal-content-v2 .close-btn[data-v-fd063fa8]{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:1.1rem;color:var(--color-text-soft, #64748b);transition:background .18s ease,color .18s ease}.modal-content-v2 .close-btn[data-v-fd063fa8]:hover{background:#f1f5f9;color:var(--color-text, #0f172a)}[data-theme=dark] .filters h3[data-v-fd063fa8],[data-theme=dark] .panel-header h2[data-v-fd063fa8],[data-theme=dark] .filter-group label[data-v-fd063fa8],[data-theme=dark] .toilet-item h4[data-v-fd063fa8],[data-theme=dark] .modal-content h3[data-v-fd063fa8],[data-theme=dark] .modal-content h4[data-v-fd063fa8],[data-theme=dark] .toilet-info h4[data-v-fd063fa8],[data-theme=dark] .grade-compact[data-v-fd063fa8],[data-theme=dark] .type-compact[data-v-fd063fa8]{color:var(--color-text)}[data-theme=dark] .address[data-v-fd063fa8],[data-theme=dark] .address-compact[data-v-fd063fa8],[data-theme=dark] .toilet-meta-compact[data-v-fd063fa8],[data-theme=dark] .toilet-meta[data-v-fd063fa8],[data-theme=dark] .search-tips small[data-v-fd063fa8],[data-theme=dark] .filter-label[data-v-fd063fa8],[data-theme=dark] .detail-item[data-v-fd063fa8],[data-theme=dark] .modal-content p[data-v-fd063fa8]{color:var(--color-text-muted)}[data-theme=dark] .no-data[data-v-fd063fa8],[data-theme=dark] .skeleton-status[data-v-fd063fa8],[data-theme=dark] .toggle-icon[data-v-fd063fa8],[data-theme=dark] .loading[data-v-fd063fa8],[data-theme=dark] small[data-v-fd063fa8]{color:var(--color-text-soft)}[data-theme=dark] .panel-header[data-v-fd063fa8],[data-theme=dark] .filters[data-v-fd063fa8],[data-theme=dark] .usage-tips[data-v-fd063fa8]{background:var(--color-surface-2)}[data-theme=dark] .usage-tips[data-v-fd063fa8]{border-color:var(--color-border)}[data-theme=dark] .usage-tips-header[data-v-fd063fa8]:hover{background:#ffffff0a}[data-theme=dark] .filters h3[data-v-fd063fa8],[data-theme=dark] .panel-header h2[data-v-fd063fa8]{color:var(--color-text)}[data-theme=dark] .toilet-item[data-v-fd063fa8]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .toilet-item[data-v-fd063fa8]:hover{background:var(--color-surface-2)}[data-theme=dark] .toilet-item.active[data-v-fd063fa8]{background:var(--color-primary-soft)}[data-theme=dark] .toilet-item h4[data-v-fd063fa8]{color:var(--color-text)}[data-theme=dark] .address-compact[data-v-fd063fa8],[data-theme=dark] .toilet-meta-compact[data-v-fd063fa8]{color:var(--color-text-soft)}[data-theme=dark] .chip[data-v-fd063fa8]{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border)}[data-theme=dark] .chip[data-v-fd063fa8]:hover{background:#818cf81f;color:var(--color-text);border-color:var(--color-primary)}[data-theme=dark] .chip-active[data-v-fd063fa8],[data-theme=dark] .chip[aria-pressed=true][data-v-fd063fa8]{background:var(--color-primary);color:#0b1220;border-color:var(--color-primary)}[data-theme=dark] .toggle-row[data-v-fd063fa8]{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .toggle-row[data-v-fd063fa8]:hover{background:#ffffff0a}[data-theme=dark] .toggle-row.toggle-active[data-v-fd063fa8]{background:#818cf81a;border-color:var(--color-primary)}[data-theme=dark] .toggle-row.toggle-active .toggle-switch[data-v-fd063fa8]{background:var(--color-primary)}[data-theme=dark] .toilet-modal[data-v-fd063fa8]{background:#000000a6}[data-theme=dark] .modal-content-v2[data-v-fd063fa8]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .info-row[data-v-fd063fa8]{border-color:var(--color-border)}[data-theme=dark] .info-row dd[data-v-fd063fa8]{color:var(--color-text)}[data-theme=dark] .badge[data-v-fd063fa8]{background:var(--color-surface-2);color:var(--color-text-muted)}[data-theme=dark] .modal-content-v2 .close-btn[data-v-fd063fa8]:hover{background:var(--color-surface-2);color:var(--color-text)}[data-theme=dark] .skeleton[data-v-fd063fa8]{background:linear-gradient(90deg,#1a2238,#243049,#1a2238);background-size:200% 100%}[data-theme=dark] .skeleton-card[data-v-fd063fa8]{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .no-data[data-v-fd063fa8],[data-theme=dark] .skeleton-status[data-v-fd063fa8]{color:var(--color-text-soft)}[data-theme=dark] .location-search-input[data-v-fd063fa8]{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .location-search-input[data-v-fd063fa8]::placeholder{color:var(--color-text-soft)}[data-theme=dark] .btn-search[data-v-fd063fa8]{background:var(--color-primary);color:#0b1220}[data-theme=dark] .toggle-icon[data-v-fd063fa8],[data-theme=dark] .search-tips small[data-v-fd063fa8],[data-theme=dark] .filter-label[data-v-fd063fa8]{color:var(--color-text-soft)}[data-theme=dark] .error-message[data-v-fd063fa8]{background:#dc354526;color:#f87171}[data-theme=dark] .distance-callout[data-v-fd063fa8]{background:#818cf81f}.cluster-modal[data-v-fd063fa8]{max-width:520px}.modal-subtitle[data-v-fd063fa8]{font-size:.88rem;color:var(--color-text-soft, #64748b);margin:0}.result-list[data-v-fd063fa8]{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 0;max-height:56vh;max-height:56dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.result-list-inline[data-v-fd063fa8]{max-height:none;overflow:visible;margin-top:.75rem}.result-item.result-item-active[data-v-fd063fa8]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary) inset;background:var(--color-primary-soft)}.result-item[data-v-fd063fa8]{width:100%;display:flex;align-items:stretch;gap:.75rem;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:.85rem 1rem;cursor:pointer;font:inherit;text-align:left;color:inherit;transition:background .18s ease,border-color .18s ease,transform .1s ease}.result-item[data-v-fd063fa8]:hover{background:var(--color-primary-soft, rgba(91, 108, 255, .06));border-color:var(--color-primary, #5b6cff)}.result-item[data-v-fd063fa8]:active{transform:scale(.99)}.result-item-main[data-v-fd063fa8]{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.result-item-row[data-v-fd063fa8]{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.result-item-name[data-v-fd063fa8]{font-size:.98rem;font-weight:700;color:var(--color-text, #0f172a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item-distance[data-v-fd063fa8]{font-size:.8rem;font-weight:600;color:var(--color-primary, #5b6cff);flex-shrink:0}.result-item-address[data-v-fd063fa8]{font-size:.82rem;color:var(--color-text-soft, #64748b);margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item-badges[data-v-fd063fa8]{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.result-item-nav[data-v-fd063fa8]{display:inline-flex;align-items:center;justify-content:center;width:40px;flex-shrink:0;background:var(--color-text, #0f172a);color:#fff;border-radius:999px;font-size:1rem;cursor:pointer;transition:background .18s ease,transform .1s ease}.result-item-nav[data-v-fd063fa8]:hover{background:#1e293b}.result-item-nav[data-v-fd063fa8]:active{transform:scale(.94)}[data-theme=dark] .result-item[data-v-fd063fa8]{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .result-item[data-v-fd063fa8]:hover{background:var(--color-primary-soft)}[data-theme=dark] .result-item-name[data-v-fd063fa8],[data-theme=dark] .result-item-address[data-v-fd063fa8]{color:inherit}[data-theme=dark] .result-item-nav[data-v-fd063fa8]{background:var(--color-primary);color:#0b1220}[data-theme=dark] .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.95) contrast(.85) saturate(.8)}[data-theme=dark] .leaflet-control-attribution{background:#131c30d9!important;color:#b3c0d1!important}[data-theme=dark] .leaflet-control-attribution a{color:#a5b4fc!important}[data-theme=dark] .leaflet-bar a,[data-theme=dark] .leaflet-bar a:hover{background:#131c30!important;color:#f8fafc!important;border-color:#28324d!important}[data-theme=dark] .leaflet-bar a:hover{background:#1c2742!important}.user-marker{background:none!important;border:none!important;text-align:center;line-height:30px;font-size:20px}.user-marker.custom{background:#ffffffe6!important;border:2px solid #28a745!important;border-radius:50%!important;box-shadow:0 2px 8px #0000004d!important}.center-marker{background:#fffffff2!important;border:3px solid #007bff!important;border-radius:50%!important;text-align:center;line-height:34px;font-size:24px;box-shadow:0 4px 12px #0000004d!important;cursor:move!important;z-index:1000!important;position:relative!important}.center-marker:hover{transform:scale(1.1);transition:transform .2s ease;animation:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.toilet-marker{background:#fff!important;border:2px solid #007bff!important;border-radius:50%!important;text-align:center;line-height:21px;font-size:14px}.toilet-marker.grade-excellent{border-color:#28a745!important}.toilet-marker.grade-fail{border-color:#dc3545!important}.cluster-marker{background:none!important;border:none!important}.cluster-icon{background:linear-gradient(135deg,#007bff,#0056b3)!important;border:3px solid white!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #0006!important;cursor:pointer!important;transition:all .3s ease!important;overflow:hidden!important;position:relative!important}.cluster-icon:hover{transform:scale(1.15)!important;box-shadow:0 6px 16px #00000080!important}.cluster-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff1a,#fff0);border-radius:50%;pointer-events:none}.cluster-count{color:#fff!important;font-weight:700!important;font-size:14px!important;line-height:1!important}.cluster-emoji{font-size:12px!important;line-height:1!important}.cluster-modal{max-width:520px}.all-toilets-modal{max-width:600px}.settings-page[data-v-4a238925]{min-height:calc(100vh - var(--nav-h) - var(--footer-h));padding:2.5rem 1.5rem 3rem;background:var(--color-bg)}.settings-container[data-v-4a238925]{max-width:720px;margin:0 auto}.settings-header[data-v-4a238925]{margin-bottom:2rem;text-align:center}.settings-title[data-v-4a238925]{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin:0 0 .4rem}.settings-lede[data-v-4a238925]{font-size:1rem;color:var(--color-text-soft);margin:0}.setting-card[data-v-4a238925]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 2px rgba(var(--color-shadow),.04)}.setting-card-head[data-v-4a238925]{margin-bottom:1.25rem}.setting-card-head h2[data-v-4a238925]{font-size:1.05rem;font-weight:700;color:var(--color-text);margin:0 0 .25rem}.setting-card-head p[data-v-4a238925]{font-size:.88rem;color:var(--color-text-soft);margin:0;line-height:1.5}.chip-row[data-v-4a238925]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.big-chip[data-v-4a238925]{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem 1rem;background:var(--color-surface);color:var(--color-text-muted);border:1.5px solid var(--color-border);border-radius:12px;cursor:pointer;text-align:left;font:inherit;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .1s ease}.big-chip[data-v-4a238925]:hover{background:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text)}.big-chip[data-v-4a238925]:active{transform:scale(.99)}.big-chip-active[data-v-4a238925],.big-chip[aria-pressed=true][data-v-4a238925]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-text);box-shadow:0 0 0 1px var(--color-primary) inset}.big-chip-active .big-chip-label[data-v-4a238925],.big-chip[aria-pressed=true] .big-chip-label[data-v-4a238925]{color:var(--color-primary)}.big-chip-icon[data-v-4a238925]{font-size:1.25rem;line-height:1;margin-bottom:.15rem}.big-chip-label[data-v-4a238925]{font-size:.95rem;font-weight:600;color:var(--color-text)}.big-chip-hint[data-v-4a238925]{font-size:.78rem;color:var(--color-text-soft)}.usage-tip-list[data-v-4a238925]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.usage-tip-list li[data-v-4a238925]{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;color:var(--color-text-muted);line-height:1.5;padding:.5rem .75rem;background:var(--color-surface-2);border-radius:8px}.tip-icon[data-v-4a238925]{flex-shrink:0;font-size:1.1rem;line-height:1.4}.about-links[data-v-4a238925]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.about-links a[data-v-4a238925]{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text);text-decoration:none;padding:.5rem .75rem;border-radius:8px;font-size:.92rem;transition:background .18s ease}.about-links a[data-v-4a238925]:hover{background:var(--color-primary-soft);color:var(--color-primary)}@media (max-width: 480px){.settings-page[data-v-4a238925]{padding:1.5rem 1rem 2.5rem}.setting-card[data-v-4a238925]{padding:1.25rem}}