:root{--bg:#0b1020;--bg-soft:#111a30;--card:#141e36;--card-border:#243350;--text:#e7ecf5;--muted:#93a3c0;--accent:#ffd166;--accent-2:#6fa8dc;--good:#48bb78;--mid:#e8a33d;--bad:#e05b4d;--radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;line-height:1.6}body{min-height:100vh}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);background:#0b1020eb;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand-icon{font-size:1.3rem}.main-nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav-link{color:var(--muted);border-radius:8px;padding:6px 12px;font-size:.92rem}.nav-link.active{color:var(--text);background:var(--bg-soft)}.header-actions{gap:8px;display:flex}button{font:inherit;cursor:pointer}.lang-toggle,.logout-btn,.btn-small,.btn-primary,.btn-ghost{border:1px solid var(--card-border);background:var(--bg-soft);color:var(--text);border-radius:8px;padding:6px 12px;font-size:.9rem}.lang-toggle:hover,.logout-btn:hover,.btn-small:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#1c1605;border-color:var(--accent);padding:8px 18px;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:0 0}.site-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:20px 16px 40px}.site-footer{border-top:1px solid var(--card-border);text-align:center;color:var(--muted);padding:16px 20px;font-size:.82rem}.footer-data{opacity:.7;margin-top:2px;font-size:.75rem}.page{flex-direction:column;gap:16px;display:flex}.hero{text-align:center;padding:44px 16px 30px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.55;pointer-events:none;background:radial-gradient(1.6px 1.6px at 8% 28%,#fffc 50%,#0000 51%),radial-gradient(1.2px 1.2px at 18% 62%,#fff9 50%,#0000 51%),radial-gradient(1.8px 1.8px at 26% 20%,#ffffffbf 50%,#0000 51%),radial-gradient(1.2px 1.2px at 38% 74%,#ffffff8c 50%,#0000 51%),radial-gradient(1.5px 1.5px at 47% 34%,#ffffffb3 50%,#0000 51%),radial-gradient(1.2px 1.2px at 58% 66%,#fff9 50%,#0000 51%),radial-gradient(1.7px 1.7px at 68% 24%,#ffffffbf 50%,#0000 51%),radial-gradient(1.2px 1.2px at 79% 55%,#ffffff8c 50%,#0000 51%),radial-gradient(1.5px 1.5px at 88% 30%,#ffffffb3 50%,#0000 51%),radial-gradient(1.2px 1.2px at 93% 70%,#ffffff80 50%,#0000 51%);position:absolute;inset:0}.hero-title{letter-spacing:.02em;background:linear-gradient(120deg,#ffd166 0%,#ff9e64 48%,#6fa8dc 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 10px;font-size:clamp(2rem,5.6vw,3.4rem);font-weight:800;line-height:1.15;position:relative}.hero-subtitle{color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.25rem);position:relative}.card,.hero-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px 20px}.hero-card{background:linear-gradient(135deg,#17233f 0%,#141e36 100%);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.hero-main h1{margin:4px 0 8px;font-size:1.9rem}.hero-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2px;font-size:.82rem}.countdown{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.hero-stats{grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px 20px;min-width:300px;margin:0;display:grid}.hero-stats div{background:var(--bg-soft);border-radius:10px;padding:8px 12px}.hero-stats dt{color:var(--muted);font-size:.75rem}.hero-stats dd{margin:2px 0 0;font-weight:600}.banner{border-radius:var(--radius);background:#22304f;border:1px solid #39507e;padding:12px 16px;font-size:.95rem}h1,h2,h3{line-height:1.25}h1{margin:0 0 8px;font-size:1.7rem}h2{margin:0 0 12px;font-size:1.2rem}h3{margin:0 0 6px;font-size:1rem}.muted{color:var(--muted)}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--card-border);vertical-align:top;padding:8px 10px}.data-table th{color:var(--muted);white-space:nowrap;font-size:.82rem;font-weight:600}.data-table.compact td{padding:6px 10px}.row-best{background:#ffd16612}.moon-badge,.bortle-badge,.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.78rem;display:inline-block}.moon-badge.moonNone,.badge-good,.text-good{color:var(--good);background:#48bb7829}.moon-badge.moonLow,.text-mid{color:var(--mid);background:#e8a33d24}.moon-badge.moonMid,.moon-badge.moonHigh,.text-bad{color:var(--bad);background:#e05b4d24}.badge-cloud{color:var(--muted);background:#93a3c024}.bortle-badge{background:var(--bg-soft);border:1px solid var(--card-border);color:var(--accent)}.tier{white-space:nowrap;border-radius:6px;padding:2px 9px;font-size:.8rem;display:inline-block}.tier-ideal{color:var(--good);background:#48bb782e}.tier-good{color:var(--accent-2);background:#6fa8dc2e}.tier-hard{color:var(--mid);background:#e8a33d29}.tier-invisible{color:var(--bad);background:#e05b4d29}.difficulty-badge{border-radius:8px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-block}.difficulty-very-easy{color:var(--good);background:#48bb782e}.difficulty-easy{color:var(--accent-2);background:#6fa8dc2e}.difficulty-moderate{color:var(--mid);background:#e8a33d29}.difficulty-hard{color:var(--bad);background:#e05b4d29}.difficulty-very-hard{color:#ff8d80;background:#e05b4d47}.difficulty-bar{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.difficulty-fill{background:linear-gradient(90deg, var(--good), var(--accent), var(--bad));border-radius:999px;height:100%}.long-haul-badge{color:var(--accent-2);border-color:var(--accent-2)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 22px;margin:12px 0 0;display:grid}.info-grid dt{color:var(--muted);font-size:.78rem}.info-grid dd{margin:0;font-weight:600}.span-2{grid-column:1/-1}.location-picker{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex}.searchable-select{flex:1;min-width:240px;max-width:480px;position:relative}.select-trigger{border:1px solid var(--card-border);background:var(--bg-soft);width:100%;color:var(--text);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;font-size:.95rem;display:flex}.select-trigger:hover{border-color:var(--accent)}.select-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-chevron{color:var(--muted);flex-shrink:0}.select-panel{z-index:600;background:var(--card);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 30px #00000073}.select-panel input[type=search]{width:100%}.select-options{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.select-option{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 10px;font-size:.9rem}.select-option:hover{background:var(--bg-soft)}.select-option.selected{color:var(--accent);background:#ffd1661f}.select-empty{color:var(--muted);text-align:center;padding:12px;font-size:.85rem}.option-count{color:var(--muted);min-height:1em;padding:0 4px;font-size:.75rem}.section-sub{border-top:1px solid var(--card-border);margin-top:22px;padding-top:16px}select,input[type=text],input[type=password],input[type=search]{font:inherit;background:var(--bg-soft);color:var(--text);border:1px solid var(--card-border);border-radius:8px;min-width:180px;padding:7px 10px}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field.inline{flex-direction:row;align-items:center;gap:8px}.field input[type=range]{width:220px}.check-field{align-items:center;gap:8px;font-size:.9rem;display:flex}.window-summary{flex-direction:column;gap:14px;display:flex}.window-main{flex-wrap:wrap;align-items:baseline;gap:8px 22px;display:flex}.window-label{margin:0}.site-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.site-card{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.site-card p{margin:0;font-size:.9rem}.site-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.site-actions{gap:8px;margin-top:4px;display:flex}.map-wrap{border-radius:var(--radius);border:1px solid var(--card-border);height:460px;position:relative;overflow:hidden}.meteor-map{background:#10152a;width:100%;height:100%}.map-legend{z-index:500;border:1px solid var(--card-border);background:#0b1020e6;border-radius:10px;min-width:140px;padding:10px 12px;font-size:.78rem;position:absolute;top:10px;right:10px}.map-legend-title{margin-bottom:6px;font-weight:700}.legend-row{align-items:center;gap:8px;display:flex}.legend-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.map-loading{min-height:300px;color:var(--muted);border:1px solid var(--card-border);border-radius:var(--radius);justify-content:center;align-items:center;display:flex}.map-time-label{margin:8px 0 0}.map-note{font-size:.85rem}.chart{width:100%;height:auto;display:block}.chart-block h3{margin-top:18px}.grid-line{stroke:#93a3c026;stroke-width:1px}.axis-label,.chart-label{fill:var(--muted);font-size:11px}.chart-label{font-size:11px}.rate-area{fill:#ffd1662e}.rate-line{fill:none;stroke:var(--accent);stroke-width:2px}.rate-dot{fill:var(--accent)}.alt-line{stroke:var(--accent-2);stroke-width:1.6px;stroke-dasharray:4 3}.cloud-area{fill:#6fa8dc33}.cloud-line{stroke:var(--accent-2);stroke-width:1.8px}.cloud-dot{fill:var(--accent-2);r:2}.temp-line{stroke:var(--accent);stroke-width:1.6px}.precip-bar{fill:#48bb7873}.dark-shade{fill:#785ac81f}.chart-note{margin:6px 0 0;font-size:.8rem}.tips-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.city-guide{flex-direction:column;gap:14px;margin-top:10px;display:flex}.guide-item p{margin:6px 0 0}.gba-block{border-left:3px solid var(--accent);padding-left:14px}.gba-block h3{margin-bottom:8px}.login-page{background:radial-gradient(circle at 50% 20%, #182641 0%, var(--bg) 60%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:28px}.login-card h1{margin:8px 0 2px;font-size:1.3rem}.login-card h2{color:var(--muted);margin:0 0 10px;font-size:1rem}.login-logo{font-size:2.6rem}.login-hint{color:var(--muted);margin:0 0 14px;font-size:.9rem}.login-form{text-align:left;flex-direction:column;gap:12px;display:flex}.form-error{color:var(--bad);margin:0;font-size:.88rem}.login-note{color:var(--muted);text-align:left;margin:14px 0 0;font-size:.78rem}.center{text-align:center}@media (width<=720px){.site-header{gap:8px;padding:8px 12px}.brand-name{font-size:.95rem}.main-nav{order:3;width:100%}.hero-stats{grid-template-columns:1fr 1fr;min-width:0}.map-wrap{height:360px}.table-visible{display:none}}