.typhoon-map-wrap[data-v-b54a9f2d]{position:relative;width:100%;height:100%}.typhoon-map[data-v-b54a9f2d]{width:100%;height:100%;background:#0a1e3a}.ol-popup[data-v-b54a9f2d]{position:absolute;background:#081630f2;color:#e6f0ff;padding:0;border-radius:8px;border:1px solid rgba(54,163,255,.5);box-shadow:0 4px 20px #00000080;min-width:222px;font-size:13px;transform:translateY(-100%)}.ol-popup-closer[data-v-b54a9f2d]{position:absolute;top:4px;right:6px;background:none;border:none;color:#9ab;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}.ol-popup-closer[data-v-b54a9f2d]:hover{color:#fff}[data-v-b54a9f2d] .popup-content{padding:10px 14px 12px}[data-v-b54a9f2d] .pp-title{font-weight:700;font-size:14px;color:#36a3ff;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(54,163,255,.25)}[data-v-b54a9f2d] .pp-row{display:flex;justify-content:space-between;padding:3px 0;gap:16px}[data-v-b54a9f2d] .pp-row span{color:#8fa5c4}[data-v-b54a9f2d] .pp-row b{color:#e6f0ff;font-weight:600}[data-v-b54a9f2d] .pp-alert{margin-top:8px;padding:5px 8px;background:#ff33442e;border:1px solid rgba(255,51,68,.5);border-radius:4px;color:#ff7080;font-size:12px;font-weight:600;text-align:center}[data-v-b54a9f2d] .ol-attribution{background:#081630b3!important}[data-v-b54a9f2d] .ol-attribution a{color:#6a8ab0!important}[data-v-b54a9f2d] .ol-zoom{background:#081630cc!important}[data-v-b54a9f2d] .ol-zoom button{color:#cfe0ff!important}.typhoon-list[data-v-19388b0d]{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#081630d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfe0ff}.panel-header[data-v-19388b0d]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid rgba(54,163,255,.2)}.panel-header h2[data-v-19388b0d]{margin:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:1px}.refresh-btn[data-v-19388b0d]{display:flex;align-items:center;gap:5px;background:#36a3ff26;border:1px solid rgba(54,163,255,.4);color:#9cc8ff;padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.refresh-btn[data-v-19388b0d]:hover:not(:disabled){background:#36a3ff4d;color:#fff}.refresh-btn[data-v-19388b0d]:disabled{opacity:.6;cursor:not-allowed}.spinning[data-v-19388b0d]{display:inline-block;animation:spin-19388b0d 1s linear infinite}@keyframes spin-19388b0d{to{transform:rotate(360deg)}}.tc-items[data-v-19388b0d]{list-style:none;margin:0;padding:8px;flex-shrink:0}.tc-item[data-v-19388b0d]{background:#14284899;border:1px solid rgba(54,163,255,.15);border-radius:6px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s}.tc-item[data-v-19388b0d]:hover{border-color:#36a3ff80;background:#1e3860b3}.tc-item.active[data-v-19388b0d]{border-color:#36a3ff;box-shadow:0 0 0 1px #36a3ff66}.tc-item-header[data-v-19388b0d]{display:flex;align-items:center;gap:10px}.tc-name[data-v-19388b0d]{font-size:15px;font-weight:700;color:#fff}.tc-id[data-v-19388b0d]{font-size:12px;color:#6a8ab0;font-family:Consolas,monospace}.tc-intensity-badge[data-v-19388b0d]{margin-left:auto;font-size:11px;font-weight:600;color:#fff;padding:2px 8px;border-radius:10px;white-space:nowrap}.checkbox[data-v-19388b0d]{position:relative;display:inline-flex;width:16px;height:16px;cursor:pointer}.checkbox input[data-v-19388b0d]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.checkmark[data-v-19388b0d]{width:16px;height:16px;border:1.5px solid #4a6a92;border-radius:3px;transition:all .2s}.checkbox input:checked+.checkmark[data-v-19388b0d]{background:#36a3ff;border-color:#36a3ff}.checkbox input:checked+.checkmark[data-v-19388b0d]:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.tc-detail[data-v-19388b0d]{margin-top:10px;padding-top:8px;border-top:1px dashed rgba(54,163,255,.15)}.detail-row[data-v-19388b0d]{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;gap:12px}.detail-row span[data-v-19388b0d]{color:#6a8ab0}.detail-row b[data-v-19388b0d]{color:#cfe0ff;font-weight:500}.error-msg[data-v-19388b0d],.empty-msg[data-v-19388b0d]{padding:20px;text-align:center;color:#ff8090;font-size:13px}.error-msg .hint[data-v-19388b0d]{margin-top:8px;color:#6a8ab0;font-size:12px}.error-msg code[data-v-19388b0d],.empty-msg[data-v-19388b0d]{color:#9cc8ff}.update-time[data-v-19388b0d]{flex-shrink:0;padding:10px 18px 14px;font-size:11px;color:#5a7090;border-top:1px solid rgba(54,163,255,.15);line-height:1.6}.station-distances[data-v-19388b0d]{flex:1;display:flex;flex-direction:column;min-height:0;margin:4px 8px 8px;background:#14284880;border:1px solid rgba(54,163,255,.18);border-radius:6px;overflow:hidden}.sd-title[data-v-19388b0d]{padding:9px 12px;font-size:12px;font-weight:700;color:#9cc8ff;background:#36a3ff14;border-bottom:1px solid rgba(54,163,255,.15);letter-spacing:.5px}.sd-list[data-v-19388b0d]{list-style:none;margin:0;padding:4px 0;flex:1;overflow-y:auto}.sd-item[data-v-19388b0d]{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:12px;transition:background .15s}.sd-item[data-v-19388b0d]:hover{background:#36a3ff14}.sd-rank[data-v-19388b0d]{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:#4a6a9266;color:#aec6e8;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.sd-name[data-v-19388b0d]{flex:1;color:#cfe0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-dist[data-v-19388b0d]{flex-shrink:0;font-family:Consolas,monospace;color:#8fa5c4;font-size:11px}.sd-item.near .sd-dist[data-v-19388b0d]{color:#ff5a6e;font-weight:700}.sd-item.near .sd-rank[data-v-19388b0d]{background:#ff334480;color:#fff}.sd-item.warn .sd-dist[data-v-19388b0d]{color:#fc4;font-weight:600}.sd-item.warn .sd-rank[data-v-19388b0d]{background:#ffcc4459;color:#fff}.legend-panel[data-v-d0300994]{position:absolute;left:14px;bottom:30px;z-index:10;background:#081630e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(54,163,255,.3);border-radius:8px;padding:12px 14px;color:#cfe0ff;font-size:12px;min-width:190px;box-shadow:0 4px 16px #0006}.legend-title[data-v-d0300994]{font-weight:700;color:#fff;font-size:13px;margin-bottom:8px;letter-spacing:1px}.legend-list[data-v-d0300994]{list-style:none;margin:0;padding:0}.legend-item[data-v-d0300994]{display:flex;align-items:center;gap:8px;padding:2px 0}.dot[data-v-d0300994]{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.5);flex-shrink:0}.name[data-v-d0300994]{flex:1;color:#dce8ff}.range[data-v-d0300994]{color:#6a8ab0;font-size:10px;font-family:Consolas,monospace}.legend-divider[data-v-d0300994]{height:1px;background:#36a3ff33;margin:10px 0 8px}.legend-line[data-v-d0300994]{display:flex;align-items:center;gap:8px;padding:3px 0;color:#aec6e8}.line-arch[data-v-d0300994]{width:22px;height:3px;background:#00d4ff;border-radius:2px}.line-fcst[data-v-d0300994]{width:22px;height:0;border-top:3px dashed #ffd700}.dot-hl[data-v-d0300994]{width:12px;height:12px;border-radius:50%;background:#f346;border:2px solid #ff3344}.app[data-v-acc0463c]{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.app-header[data-v-acc0463c]{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 20px;background:linear-gradient(90deg,#081630fa,#0c2244fa);border-bottom:1px solid rgba(54,163,255,.3);z-index:20}.title-icon[data-v-acc0463c]{font-size:26px;flex-shrink:0}.app-title-group[data-v-acc0463c]{display:flex;flex-direction:column;gap:2px;line-height:1.3}.app-title[data-v-acc0463c]{font-size:18px;font-weight:700;color:#fff;letter-spacing:2px}.app-subtitle[data-v-acc0463c]{font-size:11px;color:#6a8ab0;letter-spacing:.5px}.app-body[data-v-acc0463c]{flex:1;display:flex;overflow:hidden}.map-area[data-v-acc0463c]{position:relative;flex:1;min-width:0}.sidebar[data-v-acc0463c]{flex-shrink:0;width:320px;border-left:1px solid rgba(54,163,255,.2)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #0a1e3a;--bg-panel: rgba(8, 22, 48, .85);--border-blue: rgba(54, 163, 255, .3);--text-primary: #e6f0ff;--text-secondary: #9cc8ff;--text-muted: #6a8ab0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-primary);font-family:Microsoft YaHei,微软雅黑,PingFang SC,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#08163080}::-webkit-scrollbar-thumb{background:#36a3ff66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#36a3ff99}.ol-attribution{background:#081630b3!important}.ol-attribution ul{color:#6a8ab0;font-size:11px}.ol-attribution a{color:#6a8ab0!important}.ol-zoom{top:12px;left:12px}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}