.tfsvc{--tfsvc-ink:#24384c;--tfsvc-accent:#186d82;--tfsvc-soft:#eef7f8;box-sizing:border-box;max-width:1100px;margin:32px auto;padding:clamp(20px,4vw,40px);border:1px solid #d4e5e8;border-radius:24px;background:#fff;color:var(--tfsvc-ink);font:16px/1.7 system-ui,-apple-system,"Noto Sans TC",sans-serif;box-shadow:0 12px 40px #163f5210}.tfsvc *{box-sizing:border-box}.tfsvc h2{font-size:clamp(23px,3vw,34px);line-height:1.35;margin:7px 0 20px;color:var(--tfsvc-ink)}.tfsvc h3{font-size:19px;margin:16px 0 8px}.tfsvc p{margin:9px 0}.tfsvc .tfsvc-kicker{font-size:11px;letter-spacing:.16em;color:#447384;font-weight:700}.tfsvc button,.tfsvc select{font:inherit;min-height:44px;max-width:100%;border:1px solid #b4cdd4;border-radius:10px;padding:9px 14px;background:#fff;color:var(--tfsvc-ink)}.tfsvc button{cursor:pointer}.tfsvc button:hover{background:#e8f5f6}.tfsvc button[type=submit],.tfsvc [data-refresh]{background:var(--tfsvc-accent);color:#fff;border-color:var(--tfsvc-accent)}.tfsvc button:disabled{opacity:.6;cursor:wait}.tfsvc :focus-visible{outline:3px solid #e99931;outline-offset:3px}.tfsvc label{display:block;font-weight:600}.tfsvc label select{display:block;width:100%;margin-top:6px;font-weight:400}.tfsvc [data-city]{width:230px}.tfsvc a{color:#126278;text-decoration:underline}.tfsvc .tfsvc-note,.tfsvc .tfsvc-meta{font-size:13px;color:#506776}.tfsvc .tfsvc-note{margin-top:18px}.tfsvc .tfsvc-warning{padding:10px 14px;background:#fff4da;color:#704e0d;border-radius:8px;font-size:14px}.tfsvc .tfsvc-message{padding:18px;background:var(--tfsvc-soft);border-radius:12px}.tfsvc .tfsvc-weather-body{display:grid;grid-template-columns:180px 1fr;gap:28px;margin-top:24px;align-items:center}.tfsvc .tfsvc-avatar{background:linear-gradient(#e7f3f7,#f9f5e9);border-radius:20px;text-align:center;min-height:240px;padding:16px;display:grid;place-items:center;--tfsvc-shirt:#da7e35;--tfsvc-scarf:#c34756}.tfsvc .tfsvc-avatar svg{width:112px;height:168px;image-rendering:pixelated;filter:drop-shadow(7px 7px 0 #24384c12)}.tfsvc .tfsvc-avatar span{font-size:12px}.tfsvc .tfsvc-shirt{fill:var(--tfsvc-shirt)}.tfsvc .tfsvc-scarf{fill:var(--tfsvc-scarf)}.tfsvc .tfsvc-pants{fill:#475b78}.tfsvc .tfsvc-hat{fill:#b0d7e2;visibility:hidden}.tfsvc [data-season=spring]{--tfsvc-shirt:#ed92af;--tfsvc-scarf:#fff0a5}.tfsvc [data-season=summer]{--tfsvc-shirt:#2fbaa9;--tfsvc-scarf:transparent}.tfsvc [data-season=summer] .tfsvc-hat{fill:#f3ca6b;visibility:visible}.tfsvc [data-season=summer] .tfsvc-pants{d:path("M11 35h4v5h-4zm6 0h4v5h-4z");fill:#2b4f70}.tfsvc [data-season=winter]{--tfsvc-shirt:#5579bf;--tfsvc-scarf:#ec6d60}.tfsvc [data-season=winter] .tfsvc-hat{fill:#ec6d60;visibility:visible}.tfsvc [data-season=winter] .tfsvc-shirt{stroke:#5579bf;stroke-width:2px}.tfsvc .tfsvc-temperature{display:block;font-size:52px;line-height:1.2;color:#185e74;letter-spacing:-.04em}.tfsvc .tfsvc-outfit{padding:12px 16px;border-left:3px solid #5fa6b6;background:var(--tfsvc-soft);font-size:14px}.tfsvc .tfsvc-forecast{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.tfsvc .tfsvc-hour{display:grid;gap:4px;text-align:center;background:#f4f8fa;padding:14px 8px;border-radius:12px;font-size:13px}.tfsvc .tfsvc-hour strong{font-size:21px}.tfsvc .tfsvc-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end;margin:20px 0}.tfsvc .tfsvc-fields select{width:100%;text-overflow:ellipsis}.tfsvc .tfsvc-route{padding:0;list-style:none;display:grid;gap:14px}.tfsvc .tfsvc-route li{padding:16px 20px;border-left:5px solid var(--tfsvc-line);border-radius:0 12px 12px 0;background:#f4f8fa}.tfsvc .tfsvc-route details{font-size:13px}.tfsvc summary{cursor:pointer}.tfsvc .tfsvc-actions{display:flex;flex-wrap:wrap;gap:10px}.tfsvc .tfsvc-map{position:relative;height:380px;overflow:hidden;background:#e8eff0;border:1px solid #c0d7dd;border-radius:16px;isolation:isolate}.tfsvc .tfsvc-map-tiles,.tfsvc .tfsvc-map-markers{position:absolute;inset:0;pointer-events:none}.tfsvc .tfsvc-map-tiles img{position:absolute!important;width:256px!important;height:256px!important;max-width:none!important;max-height:none!important;object-fit:fill;margin:0!important;border:0!important}.tfsvc .tfsvc-map-markers{z-index:2}.tfsvc .tfsvc-pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:2px solid #fff;border-radius:50% 50% 50% 0;min-height:30px;min-width:30px;height:30px;padding:0 3px;background:#185e74;color:#fff;font-size:11px;font-weight:700;box-shadow:0 2px 6px #0004;line-height:24px}.tfsvc .tfsvc-pin:hover{background:#d46636}.tfsvc .tfsvc-position{position:absolute;transform:translate(-50%,-50%);color:#2563eb;font-size:25px;text-shadow:0 0 4px white}.tfsvc .tfsvc-map-controls{position:absolute;z-index:3;top:12px;left:12px;display:grid;gap:6px;box-shadow:0 2px 6px #0001}.tfsvc .tfsvc-map-controls button{background:#fff;min-width:44px;padding:4px 8px}.tfsvc .tfsvc-map-credit{position:absolute;z-index:3;bottom:0;right:0;background:#fffffff0;padding:2px 8px;font-size:11px;margin:0}.tfsvc .tfsvc-toilet-list{list-style:none;padding:0;display:grid;gap:12px;max-height:460px;overflow:auto;overscroll-behavior:contain}.tfsvc .tfsvc-toilet-list li{padding:16px;background:#f3f8f9;border-radius:12px}.tfsvc .tfsvc-toilet-list li p{font-size:13px}.tfsvc .tfsvc-toilet-list li small{font-size:11px;overflow-wrap:anywhere}.tfsvc .tfsvc-toilet-list li button{background:#fff;font-weight:600;text-align:left}.tfsvc [data-recommend-form]{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:24px 0}.tfsvc [data-recommend-form] label{flex:1;min-width:180px}.tfsvc [data-recommend-result]:not(:empty){padding:20px;background:var(--tfsvc-soft);border-radius:14px}@media(max-width:600px){.tfsvc{margin:20px 0;border-radius:18px;padding:20px 16px}.tfsvc .tfsvc-weather-body{grid-template-columns:112px minmax(0,1fr);gap:14px}.tfsvc .tfsvc-avatar{min-height:210px;padding:8px}.tfsvc .tfsvc-avatar svg{width:88px;height:132px}.tfsvc .tfsvc-temperature{font-size:40px}.tfsvc .tfsvc-forecast{grid-template-columns:repeat(2,minmax(0,1fr))}.tfsvc .tfsvc-fields{grid-template-columns:1fr}.tfsvc [data-swap]{width:50px;justify-self:center}.tfsvc .tfsvc-map{height:330px}.tfsvc .tfsvc-weather-info{min-width:0}.tfsvc .tfsvc-outfit{padding:8px;font-size:12px}.tfsvc .tfsvc-toilet-list li{padding:12px}}@media(prefers-reduced-motion:reduce){.tfsvc *{scroll-behavior:auto!important}}
.tfsvc .tfsvc-tile-warning{position:absolute;z-index:4;bottom:24px;left:10px;right:10px;padding:7px 10px;background:#fff4da;color:#704e0d;border-radius:6px;font-size:12px;pointer-events:none}
.tfsvc .tfsvc-outfit-guide{margin:24px 0;padding:16px;background:#f4f8f7;border:1px solid #d4e5e2;border-radius:12px}.tfsvc .tfsvc-outfit-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.tfsvc .tfsvc-outfit-option{display:grid;justify-items:center;text-align:center;gap:4px;font-size:12px}.tfsvc .tfsvc-outfit-option svg{width:66px;height:80px;image-rendering:pixelated}.tfsvc .tfsvc-outfit-option strong{font-size:12px}.tfsvc .tfsvc-outfit-option small{font-size:11px;color:#506776}.tfsvc .tfsvc-toilet-filters{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:18px 0}.tfsvc input[type=search]{display:block;width:100%;margin-top:6px;min-height:44px;border:1px solid #b4cdd4;border-radius:10px;padding:9px 14px;font:inherit;color:inherit;background:#fff}.tfsvc .tfsvc-map{touch-action:none;cursor:grab}.tfsvc .tfsvc-map.is-dragging{cursor:grabbing}.tfsvc .tfsvc-map-controls,.tfsvc .tfsvc-map-credit,.tfsvc .tfsvc-pin{cursor:pointer}@media(max-width:600px){.tfsvc .tfsvc-outfit-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tfsvc .tfsvc-toilet-filters{grid-template-columns:1fr}}