@charset "utf-8";





:root {
  --brand-primary: #4da3ff;
  --brand-deep: #1677ff;
  --brand-glow: #8bd5ff;
  --brand-dark: #06294f;

  --bg-atmosphere: #07111f;
  --text-primary: rgba(255, 255, 255, 0.98);
  --text-secondary: rgba(255, 255, 255, 0.86);
  --text-tertiary: rgba(255, 255, 255, 0.72);
  --text-sharp: 0 2px 10px rgba(0, 0, 0, 0.55), 0 1px 20px rgba(0, 0, 0, 0.35);

  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  --glass-blur: blur(24px) saturate(180%);

  --warning-blue: #2f80ed;
  --warning-yellow: #f2c94c;
  --warning-orange: #f2994a;
  --warning-red: #eb5757;
  
  --surface-glass-modal: rgba(255, 255, 255, 0.18);
  --surface-alert-bar: rgba(255, 255, 255, 0.12);
  --surface-alert-modal: var(--surface-glass-modal);

  --btn-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-deep) 100%);
  --btn-text-color: #ffffff;
}



.wx-page.wx-atmosphere {
  --wx-accent: var(--brand-primary);
  --wx-accent-light: var(--brand-glow);
  --wx-text: var(--text-primary);
  --wx-muted: var(--text-tertiary);
  --wx-dark: var(--text-primary);
  --wx-text-secondary: var(--text-secondary);

  --wx-glass: var(--glass-bg);
  --wx-glass-border: var(--glass-border);
  --wx-glass-strong: rgba(255, 255, 255, 0.12);
  --wx-glass-soft: var(--glass-bg);
  --wx-glass-blur: var(--glass-blur);
  --wx-shadow: var(--glass-highlight), var(--glass-shadow);

  --wx-chip-surface: var(--glass-bg);
  --wx-chip-border: var(--glass-border);

  --wx-modal-surface: rgba(7, 17, 31, 0.94);
  --wx-tooltip-surface: rgba(7, 17, 31, 0.92);
  --wx-modal-inner: rgba(255, 255, 255, 0.06);
  --wx-overlay-bg: rgba(4, 9, 20, 0.62);
  --wx-segment-track: rgba(0, 0, 0, 0.32);

  background-color: var(--spectrum-base, var(--bg-atmosphere)) !important;
  background-image: none !important;
}



.wx-page.wx-atmosphere .wx-hero-overlay {
  display: block !important;
  pointer-events: none;
  opacity: 1;
  background: linear-gradient(
    180deg,
    var(--spectrum-sky) 0%,
    var(--spectrum-glow) 45%,
    var(--spectrum-base, var(--bg-atmosphere)) 100%
  );
}

.wx-page.wx-atmosphere[data-wx-theme="clear-day"] {
  --spectrum-sky: #3b82f6;
  --spectrum-glow: rgba(255, 233, 163, 0.45);
  --spectrum-base: #07111f;
}

.wx-page.wx-atmosphere[data-wx-theme="clear-night"] {
  --spectrum-sky: #0b162c;
  --spectrum-glow: rgba(139, 213, 255, 0.18);
  --spectrum-base: #040914;
}

.wx-page.wx-atmosphere[data-wx-theme="cloudy-day"] {
  --spectrum-sky: #4b6584;
  --spectrum-glow: rgba(215, 231, 255, 0.25);
  --spectrum-base: #07111f;
}

.wx-page.wx-atmosphere[data-wx-theme="cloudy-night"] {
  --spectrum-sky: #1a2536;
  --spectrum-glow: rgba(101, 215, 255, 0.12);
  --spectrum-base: #050b16;
}

.wx-page.wx-atmosphere[data-wx-theme="precip-day"] {
  --spectrum-sky: #20364a;
  --spectrum-glow: rgba(101, 215, 255, 0.35);
  --spectrum-base: #07111f;
}

.wx-page.wx-atmosphere[data-wx-theme="precip-night"] {
  --spectrum-sky: #0f1d2a;
  --spectrum-glow: rgba(77, 163, 255, 0.2);
  --spectrum-base: #040912;
}

.wx-page.wx-atmosphere[data-wx-theme="snow-day"] {
  --spectrum-sky: #253445;
  --spectrum-glow: rgba(234, 246, 255, 0.4);
  --spectrum-base: #07111f;
}

.wx-page.wx-atmosphere[data-wx-theme="snow-night"] {
  --spectrum-sky: #141f2d;
  --spectrum-glow: rgba(185, 221, 255, 0.18);
  --spectrum-base: #050a14;
}

.wx-page.wx-atmosphere[data-wx-theme="obscured-day"] {
  --spectrum-sky: #3e3a33;
  --spectrum-glow: rgba(240, 230, 210, 0.25);
  --spectrum-base: #07111f;
}

.wx-page.wx-atmosphere[data-wx-theme="obscured-night"] {
  --spectrum-sky: #1c1814;
  --spectrum-glow: rgba(180, 165, 145, 0.15);
  --spectrum-base: #050403;
}

.wx-page.wx-atmosphere[data-wx-theme="dust-wind-day"] {
  --spectrum-sky: #c89b5b;
  --spectrum-glow: rgba(244, 212, 154, 0.45);
  --spectrum-base: #20150b;
  --btn-gradient: linear-gradient(135deg, #f4d49a 0%, #c89b5b 100%);
  --btn-text-color: #1c1610;
}

.wx-page.wx-atmosphere[data-wx-theme="dust-wind-night"] {
  --spectrum-sky: #3b2918;
  --spectrum-glow: rgba(216, 170, 114, 0.2);
  --spectrum-base: #100a05;
  --btn-gradient: linear-gradient(135deg, #e4b882 0%, #d8aa72 100%);
  --btn-text-color: #1c1610;
}


.wx-page.wx-atmosphere .wx-hero-inner::before {
  display: none !important;
}



.wx-page.wx-atmosphere .wx-search-form,
.wx-page.wx-atmosphere .wx-search-suggest,
.wx-page.wx-atmosphere .wx-quick-weather-strip {
  background-color: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-highlight), var(--glass-shadow) !important;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.wx-page.wx-atmosphere .wx-qws-divider {
  background: rgba(255, 255, 255, 0.1) !important;
}

.wx-page.wx-atmosphere .wx-qws-label {
  color: var(--text-secondary) !important;
}

.wx-page.wx-atmosphere .wx-qws-value {
  color: var(--text-primary) !important;
}

@supports not (backdrop-filter: blur(1px)) {
  .wx-page.wx-atmosphere .wx-search-form,
  .wx-page.wx-atmosphere .wx-search-suggest,
  .wx-page.wx-atmosphere .wx-quick-weather-strip {
    background-color: rgba(15, 25, 40, 0.92) !important;
  }
}



.wx-page.wx-atmosphere .wx-search-btn {
  background: var(--btn-gradient) !important;
  color: var(--btn-text-color) !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(22, 119, 255, 0.35) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  filter: none !important;
  opacity: 1 !important;
}

.wx-page.wx-atmosphere .wx-search-btn:hover {
  background: linear-gradient(135deg, #66b2ff 0%, #2686ff 100%) !important;
  box-shadow: 0 0 22px var(--brand-glow) !important;
  transform: translateY(-1px);
  filter: none !important;
}

.wx-page.wx-atmosphere[data-wx-theme="dust-wind-day"] .wx-search-btn:hover,
.wx-page.wx-atmosphere[data-wx-theme="dust-wind-night"] .wx-search-btn:hover {
  background: linear-gradient(135deg, #f8deb0 0%, #d4a96a 100%) !important;
  box-shadow: 0 0 20px rgba(244, 212, 154, 0.45) !important;
}

.wx-page.wx-atmosphere .wx-search-btn:active {
  transform: scale(0.97);
}

.wx-page.wx-atmosphere[data-wx-theme="dust-wind-day"] .wx-search-btn:active,
.wx-page.wx-atmosphere[data-wx-theme="dust-wind-night"] .wx-search-btn:active {
  background: #b8894a !important;
}

.wx-page.wx-atmosphere:not([data-wx-theme="dust-wind-day"]):not([data-wx-theme="dust-wind-night"]) .wx-search-btn:active {
  background: #0e5ecc !important;
}



.wx-page.wx-atmosphere .wx-hero-alert-bar {
  background: var(--surface-alert-bar) !important;
  border: 1px solid var(--glass-border) !important;
  border-left: 4px solid var(--alert-accent, var(--warning-orange)) !important;
  box-shadow: var(--glass-highlight), 0 12px 40px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}

.wx-page.wx-atmosphere .wx-hero-alert-bar:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  filter: none;
}

.wx-page.wx-atmosphere .wx-hero-alert-bar__title {
  color: var(--text-primary) !important;
}

.wx-page.wx-atmosphere .wx-hero-alert-bar__meta,
.wx-page.wx-atmosphere .wx-hero-alert-bar__action {
  color: var(--text-secondary) !important;
}



.wx-page.wx-atmosphere .wx-location-zh,
.wx-page.wx-atmosphere .wx-location-en,
.wx-page.wx-atmosphere .wx-current-temp,
.wx-page.wx-atmosphere .wx-current-desc {
  color: var(--text-primary) !important;
  text-shadow: var(--text-sharp) !important;
}

.wx-page.wx-atmosphere .wx-current-hilo,
.wx-page.wx-atmosphere .wx-current-updated {
  color: var(--text-secondary) !important;
}

.wx-page.wx-atmosphere .wx-back-link {
  color: var(--text-secondary) !important;
}

.wx-page.wx-atmosphere .wx-back-link:hover {
  color: var(--brand-glow) !important;
}



.wx-page.wx-atmosphere .wx-alert-modal-card {
  background: var(--surface-alert-modal) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-highlight), var(--glass-shadow) !important;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border-radius: 20px !important;
}

.wx-page.wx-atmosphere .wx-alert-modal-nav {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}

.wx-page.wx-atmosphere .wx-alert-nav-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

.wx-page.wx-atmosphere .wx-alert-nav-item.is-active {
  background: rgba(255, 255, 255, 0.14) !important;
  color: var(--text-primary) !important;
}

.wx-page.wx-atmosphere .wx-alert-level-badge {
  background: color-mix(in srgb, var(--alert-accent, var(--warning-orange)) 22%, rgba(255, 255, 255, 0.1)) !important;
  border: 1px solid color-mix(in srgb, var(--alert-accent, var(--warning-orange)) 40%, rgba(255, 255, 255, 0.18)) !important;
  color: var(--text-primary) !important;
}

@supports not (backdrop-filter: blur(1px)) {
  .wx-page.wx-atmosphere .wx-alert-modal-card {
    background: rgba(15, 25, 40, 0.92) !important;
  }
}



.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-card {
  background: var(--surface-glass-modal, rgba(255, 255, 255, 0.18)) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 24px 64px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(32px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(180%) !important;
  border-radius: 24px !important;
  color: var(--text-primary);
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-detail-card {
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-hero {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  padding: 16px 12px 14px !important;
  border-radius: 16px !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-hero-icon .wx-weather-icon {
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 16px rgba(255, 255, 255, 0.22));
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-title,
.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-title span:first-child {
  color: var(--text-primary) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-update-time {
  color: var(--text-secondary) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-detail-card__title {
  color: var(--text-primary) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-stat-title {
  color: var(--text-tertiary) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-stat-value,
.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-temp-max,
.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-hero-temp {
  color: var(--text-primary) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-temp-min,
.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-hero-phrase {
  color: var(--text-secondary) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-modal-summary-text,
.wx-page.wx-atmosphere #wx-weather-modal .wx-feels-desc {
  color: rgba(255, 255, 255, 0.82) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-segment-control {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.wx-page.wx-atmosphere #wx-weather-modal .wx-segment-btn.active {
  background: rgba(255, 255, 255, 0.14) !important;
  color: var(--text-primary) !important;
}

@supports not (backdrop-filter: blur(1px)) {
  .wx-page.wx-atmosphere #wx-weather-modal .wx-modal-card {
    background: rgba(15, 25, 40, 0.92) !important;
  }
}

.wx-page.wx-atmosphere .wx-panel,
.wx-page.wx-atmosphere .wx-panel-wd,
.wx-page.wx-atmosphere .wx-wd-panel {
  box-shadow: var(--glass-highlight), var(--glass-shadow) !important;
}



.wx-page.wx-atmosphere[data-wx-theme] {
  --wx-accent: var(--brand-primary);
  --wx-accent-light: var(--brand-glow);
  --wx-glass: var(--glass-bg);
  --wx-glass-border: var(--glass-border);
  --wx-glass-strong: rgba(255, 255, 255, 0.12);
  --wx-glass-soft: var(--glass-bg);
  --wx-glass-blur: var(--glass-blur);
  --wx-chip-surface: var(--glass-bg);
  --wx-chip-border: var(--glass-border);
  --wx-overlay-bg: rgba(4, 9, 20, 0.62);
  --wx-modal-surface: rgba(7, 17, 31, 0.94);
  --wx-tooltip-surface: rgba(7, 17, 31, 0.92);
  --wx-modal-inner: rgba(255, 255, 255, 0.06);
  --wx-segment-track: rgba(0, 0, 0, 0.32);
}



.wx-page.wx-atmosphere .wx-panel:not(.wx-panel-wd),
.wx-page.wx-atmosphere .wx-panel-indices,
.wx-page.wx-atmosphere .wx-panel-indices.dark-theme,
.wx-page.wx-atmosphere .wx-panel-astro,
.wx-page.wx-atmosphere .wx-wd-panel {
  background-color: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}

@supports not (backdrop-filter: blur(1px)) {
  .wx-page.wx-atmosphere .wx-panel:not(.wx-panel-wd),
  .wx-page.wx-atmosphere .wx-panel-indices,
  .wx-page.wx-atmosphere .wx-panel-astro,
  .wx-page.wx-atmosphere .wx-wd-panel {
    background-color: rgba(15, 25, 40, 0.92) !important;
  }
}



.wx-page.wx-atmosphere .wx-day-item.is-today::before {
  background: var(--brand-primary) !important;
}

.wx-page.wx-atmosphere .wx-chart-col-top.is-selected,
.wx-page.wx-atmosphere .wx-chart-col-night.is-selected,
.wx-page.wx-atmosphere .wx-chart-col-aqi.is-selected {
  box-shadow: none !important;
}

.wx-page.wx-atmosphere .wx-hourly-feels-toggle input:checked + .wx-hourly-feels-switch {
  background: var(--brand-primary) !important;
}

.wx-page.wx-atmosphere input:checked + .wx-switch-slider {
  background-color: color-mix(in srgb, var(--brand-primary) 72%, transparent) !important;
}

.wx-page.wx-atmosphere .wx-hourly-hover-line.is-locked {
  border-left-color: var(--brand-glow) !important;
}

.wx-page.wx-atmosphere .wx-hourly-precip-badge {
  color: var(--brand-glow) !important;
  background: color-mix(in srgb, var(--brand-primary) 18%, rgba(255, 255, 255, 0.08)) !important;
  border: 1px solid color-mix(in srgb, var(--brand-primary) 28%, transparent);
}

.wx-page.wx-atmosphere .wx-indices-tab.active::after {
  background: var(--brand-glow) !important;
  box-shadow: 0 0 10px color-mix(in srgb, var(--brand-glow) 55%, transparent) !important;
}

.wx-page.wx-atmosphere .wx-day-temp-high,
.wx-page.wx-atmosphere .wx-daily-legend-high {
  color: var(--brand-glow) !important;
}

.wx-page.wx-atmosphere .wx-day-temp-low,
.wx-page.wx-atmosphere .wx-daily-legend-low {
  color: color-mix(in srgb, var(--brand-primary) 70%, #ffffff) !important;
}

.wx-page.wx-atmosphere .wx-tooltip-temp-actual {
  color: var(--brand-glow) !important;
}

.wx-page.wx-atmosphere .wx-tooltip-temp-feel {
  color: color-mix(in srgb, var(--brand-glow) 82%, #ffffff) !important;
}

.wx-page.wx-atmosphere .wx-daily-chart-svg .wx-daily-line-high {
  stroke: #ff9f0a !important;
}

.wx-page.wx-atmosphere .wx-daily-chart-svg .wx-daily-line-low {
  stroke: #38bdf8 !important;
}

.wx-page.wx-atmosphere .wx-daily-chart-svg .wx-chart-node-high {
  fill: #ff9f0a !important;
}

.wx-page.wx-atmosphere .wx-daily-chart-svg .wx-chart-node-low {
  fill: #38bdf8 !important;
}

.wx-page.wx-atmosphere .wx-daily-chart-svg .wx-chart-temp-high {
  fill: #ffb84d !important;
}

.wx-page.wx-atmosphere .wx-daily-chart-svg .wx-chart-temp-low {
  fill: #7dd3fc !important;
}

.wx-page.wx-atmosphere .wx-daily-legend-high {
  color: #ff9f0a !important;
}

.wx-page.wx-atmosphere .wx-daily-legend-low {
  color: #38bdf8 !important;
}

.wx-page.wx-atmosphere .wx-hourly-line-feel {
  stroke: color-mix(in srgb, var(--brand-glow) 78%, transparent) !important;
}

.wx-page.wx-atmosphere .wx-hourly-col-top.is-active {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-primary) 35%, transparent) !important;
}




.wx-page.wx-has-clear-canvas .wx-dashboard,
.wx-page.wx-has-cloudy-canvas .wx-dashboard,
.wx-page.wx-has-rain-canvas .wx-dashboard,
.wx-page.wx-has-snow-canvas .wx-dashboard,
.wx-page.wx-has-dust-canvas .wx-dashboard {
  z-index: auto !important;
}

.wx-page.wx-has-clear-canvas .wx-dashboard > .wx-panel:not(.wx-panel-astro),
.wx-page.wx-has-cloudy-canvas .wx-dashboard > .wx-panel:not(.wx-panel-astro),
.wx-page.wx-has-rain-canvas .wx-dashboard > .wx-panel:not(.wx-panel-astro),
.wx-page.wx-has-snow-canvas .wx-dashboard > .wx-panel:not(.wx-panel-astro),
.wx-page.wx-has-dust-canvas .wx-dashboard > .wx-panel:not(.wx-panel-astro) {
  position: relative;
  z-index: 2;
}

.wx-page.wx-atmosphere .wx-panel.wx-panel-astro,
.wx-panel.wx-panel-astro {
  position: relative;
  z-index: 12 !important;
  filter: none !important;
}



.wx-page.wx-atmosphere[data-wx-theme$="-day"] {
  --glass-bg: rgba(7, 17, 31, 0.4);
  --glass-border: rgba(255, 255, 255, 0.2);
  --glass-strong: rgba(7, 17, 31, 0.48);
  --glass-shadow: 0 18px 52px rgba(0, 0, 0, 0.28);
  --wx-chip-surface: rgba(7, 17, 31, 0.34);
  --wx-chip-border: rgba(255, 255, 255, 0.18);
  --surface-alert-bar: rgba(7, 17, 31, 0.46);
  --surface-glass-modal: rgba(255, 255, 255, 0.18);
  --text-secondary: rgba(255, 255, 255, 0.86);
  --text-tertiary: rgba(255, 255, 255, 0.7);
  --text-sharp: 0 2px 12px rgba(0, 0, 0, 0.62), 0 1px 4px rgba(0, 0, 0, 0.42);
  --wx-text-secondary: rgba(255, 255, 255, 0.86);
  --wx-muted: rgba(255, 255, 255, 0.86);
  --wx-text-sharp: 0 2px 12px rgba(0, 0, 0, 0.62), 0 1px 4px rgba(0, 0, 0, 0.42);
}

.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-detail-top-tools .wx-detail-search-form,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-detail-top-tools .wx-lang-toggle.wx-detail-lang {
  background: rgba(7, 17, 31, 0.36) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-panel-meta,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-hourly-time,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-day-date,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-day-condition,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-day-list-header,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-wd-label,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-wd-desc,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-indices-tab,
.wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-qws-label {
  color: rgba(255, 255, 255, 0.86) !important;
}

@supports not (backdrop-filter: blur(1px)) {
  .wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-panel:not(.wx-panel-wd),
  .wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-panel-indices,
  .wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-panel-astro,
  .wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-wd-panel,
  .wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-quick-weather-strip,
  .wx-page.wx-atmosphere[data-wx-theme$="-day"] .wx-search-form {
    background-color: rgba(7, 17, 31, 0.82) !important;
  }
}