:root{--bg: #05060a;--bg-2: #0a1020;--ink: #f2f5ff;--ink-dim: #96a0b8;--accent: #ff5c8d;--accent-2: #16d2d9;--line: rgba(150, 180, 225, .14);--radius: 14px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{touch-action:manipulation;user-select:none}#app{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate}.bg-layer{position:absolute;inset:0;z-index:0;pointer-events:none}.bg-canvas,.bg-media{width:100%;height:100%;display:block;object-fit:cover}.bg-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 30%,#05060a59,#05060adb 70%,#05060a)}.view{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,.85fr) minmax(0,1.75fr) minmax(0,1fr);padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 14px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 14px);gap:6px;overflow:hidden}.row{position:relative;min-height:0;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:0}.brand{display:flex;flex-direction:column;gap:2px}.brand-main{font:700 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:var(--ink)}.brand-sub{font:500 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#96aad28c}.brand-clock{font:500 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#96aad273;letter-spacing:.06em;white-space:nowrap}.row-slogan{gap:12px;align-items:stretch}.slogan-stage{position:relative;flex:1 1 auto;min-width:0;display:grid;place-items:center;overflow:hidden}.slogan{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;padding:0 4px;will-change:transform,opacity,filter;backface-visibility:hidden}.slogan-text{display:inline-block;line-height:1.12;background:linear-gradient(180deg,#fff,#dfe7ff 55%,#becdf0db);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 42px rgba(255,92,141,.28),0 0 90px rgba(22,210,217,.14);white-space:pre-wrap;word-break:break-word}.fx-caret{display:inline-block;width:.06em;height:.78em;margin-left:.08em;background:var(--accent-2);vertical-align:baseline;animation:fx-blink .9s steps(2,end) infinite}@keyframes fx-blink{50%{opacity:0}}.fx-blind{position:absolute;top:0;bottom:0;background:var(--bg);transform-origin:top center;animation-name:fx-blind-open;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:forwards;pointer-events:none;z-index:5}@keyframes fx-blind-open{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.like-btn{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;border:1px solid transparent;font:700 14px/1 system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent) 0%,#ff8a5c 100%);box-shadow:0 8px 26px #ff5c8d61,inset 0 1px #ffffff59;transition:transform .16s ease,box-shadow .2s ease,opacity .2s ease;max-height:46px}.like-btn:active{transform:scale(.94)}.like-btn.is-liked,.like-btn:disabled{background:#96aad21f;border-color:var(--line);color:var(--ink-dim);box-shadow:none;cursor:default}.like-btn.is-busy{opacity:.6}.like-icon{font-size:12px;transform:translateY(-1px)}.row-countdown{align-items:center}.cd{flex:0 0 auto;font-size:100px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;letter-spacing:-.02em;transform-origin:center center;will-change:font-size}.cd-inner{display:flex;align-items:flex-end;gap:.1em}.cd-seg{display:flex;flex-direction:column;align-items:center}.cd-num{font-size:1em;line-height:.92;background:linear-gradient(180deg,#fff,#cfe0ff 60%,#a0b9ebcc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(120,170,255,.28);transition:none}.cd-num.tick{animation:cd-tick .42s cubic-bezier(.34,1.56,.64,1)}@keyframes cd-tick{0%{transform:scale(1.08);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.cd-lab{margin-top:.14em;display:flex;align-items:baseline;gap:.5em;font-weight:600;color:var(--ink-dim)}.cd-lab-zh{font-size:.15em;font-weight:700;letter-spacing:.1em;color:#d2defabf}.cd-lab-en{font-size:.1em;font-style:normal;letter-spacing:.16em;color:#96aad280}.cd-sep{font-size:.72em;transform:translateY(-.24em);color:#96aad26b}.cd.is-done .cd-num{background:linear-gradient(180deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text}.row-map{align-items:stretch}.mini-map{position:relative;width:100%;min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0a1020b3,#05060ab3);overflow:hidden;cursor:pointer;padding:0;color:inherit;display:block}.mini-canvas{position:absolute;inset:0;width:100%;height:100%;filter:blur(5px) saturate(1.25);opacity:.72;transform:scale(1.06)}.mini-overlay{position:absolute;inset:0;display:grid;place-content:center;gap:4px;text-align:center;background:radial-gradient(60% 70% at 50% 50%,#05060a59,#05060a0d 70%)}.mini-num{font:900 clamp(30px,9vmin,78px) / 1 system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 26px rgba(255,92,141,.55),0 2px 10px rgba(0,0,0,.6)}.mini-cap{font-size:clamp(9px,2.2vmin,13px);letter-spacing:.18em;color:#d2e0fab8}.mini-hint{font-size:clamp(9px,2vmin,12px);letter-spacing:.12em;color:#96acd68c}.gear{position:absolute;right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 12px);z-index:6;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0a102099;color:#d2e0fab3;font-size:15px;cursor:pointer;backdrop-filter:blur(6px)}.settings-panel{position:absolute;right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 54px);z-index:7;width:min(300px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;padding:14px;border-radius:16px;border:1px solid var(--line);background:#080c18f0;box-shadow:0 20px 60px #0009;backdrop-filter:blur(14px);display:grid;gap:8px}.settings-panel[hidden]{display:none}.settings-panel h3{margin:0 0 2px;font-size:13px;letter-spacing:.1em;color:var(--ink)}.set-label{font-size:11px;letter-spacing:.08em;color:#a0b4dcbf;margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 10px;font-size:11px;border-radius:999px;border:1px solid var(--line);background:#96b4e10f;color:#d7e4facc;cursor:pointer}.chip.on{border-color:transparent;background:linear-gradient(135deg,var(--accent),#ff8a5c);color:#fff}.range{width:100%;accent-color:var(--accent)}.set-tip{margin:6px 0 0;font-size:10px;line-height:1.7;color:#96acd699}.view-map{grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.map-top{display:flex;align-items:center;gap:10px}.back-btn{flex:0 0 auto;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#96b4e114;color:#dce8ffe6;font-size:12px;cursor:pointer}.map-title{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.map-title-main{font-size:13px;font-weight:700;letter-spacing:.08em}.map-title-sub{font-size:10px;color:#96acd699;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-total{flex:0 0 auto;text-align:right;display:flex;flex-direction:column}.map-total-num{font:900 18px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#fff}.map-total-cap{font-size:10px;color:#96acd699;letter-spacing:.14em}.map-wrap{position:relative;min-height:0;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(80% 80% at 50% 50%,#0a1020,#05060a);overflow:hidden}.map-canvas{position:absolute;inset:0;width:100%;height:100%}.map-tip{position:absolute;z-index:4;padding:5px 9px;border-radius:8px;font-size:11px;background:#080c18eb;border:1px solid var(--line);color:#e1ebffeb;pointer-events:none;white-space:nowrap}.map-tip b{color:var(--accent)}.map-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0;flex-wrap:wrap}.legend{display:flex;align-items:center;gap:6px;font-size:10px;color:#96acd6b3}.legend .dot{display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #ff5c8dcc}.legend .dot.s{width:4px;height:4px;opacity:.5}.legend .dot.m{width:7px;height:7px;opacity:.75}.legend .dot.l{width:11px;height:11px}.legend i{display:inline-block;width:14px}.legend-note{margin-left:8px;opacity:.7}.top-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-row{display:flex;align-items:baseline;gap:5px;padding:4px 8px;border-radius:8px;background:#96b4e112;font-size:11px}.top-code{font-family:ui-monospace,Consolas,monospace;color:#96acd699}.top-n{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}@media (orientation: landscape) and (max-height: 520px){.view{grid-template-rows:auto minmax(0,.8fr) minmax(0,1.9fr) minmax(0,.9fr)}.brand-sub,.brand-clock{display:none}}@media (min-width: 900px){.view{padding:calc(var(--safe-t) + 18px) 28px calc(var(--safe-b) + 18px);gap:12px}.brand-main{font-size:15px}.like-btn{padding:12px 18px;font-size:15px}}@media (prefers-reduced-motion: reduce){.cd-num.tick{animation:none}}
