/* ============================================================
   独立整页视觉重写：天气（page-weather）/ 驾驶舱（page-dashboard）
   这两个页面自带整套内联样式，这里用「提权前缀」整体接管，
   统一到 layout-v3 的设计语言（明暗双主题自动跟随）
   ============================================================ */

/* ---------------- 1. 天气页 ---------------- */
body.page-weather.page-weather {
  background:
    radial-gradient(900px 420px at 100% -6%, rgba(47, 92, 255, .10), transparent 60%),
    var(--pg-bg, #f4f6fa);
  color: var(--pg-text, #0f1420);
}

/* 顶部搜索条 */
body.page-weather.page-weather .topbar {
  background: rgba(255, 255, 255, .82);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--pg-line);
  box-shadow: none;
}
body.page-weather.page-weather .search-wrap input {
  background: #fff;
  border: 1px solid var(--pg-line-strong);
  border-radius: 10px;
  color: var(--pg-text);
  box-shadow: var(--pg-shadow-1);
}
body.page-weather.page-weather .seg {
  background: rgba(16, 24, 40, .04);
  border-radius: 10px;
  padding: 2px;
}
body.page-weather.page-weather .seg button.on,
body.page-weather.page-weather .ychips-lab.on {
  background: #fff;
  color: var(--pg-text);
  box-shadow: var(--pg-shadow-1);
  border-radius: 8px;
}

/* 当前天气主卡：从蓝色渐变改成「浅色卡 + 强调色图标」 */
body.page-weather.page-weather .hero {
  background: linear-gradient(135deg, #ffffff 0%, #f7f9ff 55%, #eef3ff 100%);
  border: 1px solid var(--pg-line);
  border-radius: 20px;
  box-shadow: var(--pg-shadow-2);
  color: var(--pg-text);
  padding: 26px 30px;
}
body.page-weather.page-weather .hero .h-temp {
  font-size: 64px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--pg-text);
  font-variant-numeric: tabular-nums;
}
body.page-weather.page-weather .hero .h-temp small { color: var(--pg-muted); font-weight: 500; }
body.page-weather.page-weather .hero .h-place { color: var(--pg-text); font-size: 20px; font-weight: 650; }
body.page-weather.page-weather .hero .h-sub,
body.page-weather.page-weather .hero .h-meta { color: var(--pg-sub); }
body.page-weather.page-weather .hero .h-ico { filter: none; }
body.page-weather.page-weather .hero .h-chips .chip,
body.page-weather.page-weather .hero .nchip {
  background: #fff;
  border: 1px solid var(--pg-line);
  color: var(--pg-sub);
  border-radius: 999px;
  padding: 4px 11px;
  font-size: 12px;
}

/* 指标组 */
body.page-weather.page-weather .metrics {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 16px;
  box-shadow: var(--pg-shadow-1);
  overflow: hidden;
}
body.page-weather.page-weather .metric { border-left: 1px solid var(--pg-line); }
body.page-weather.page-weather .metric:first-child { border-left: 0; }
body.page-weather.page-weather .m-val {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--pg-text);
  font-variant-numeric: tabular-nums;
}
body.page-weather.page-weather .m-name,
body.page-weather.page-weather .m-sub { color: var(--pg-muted); }

/* 面板 / 卡片 */
body.page-weather.page-weather .panel,
body.page-weather.page-weather .dcard,
body.page-weather.page-weather .hours {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 16px;
  box-shadow: var(--pg-shadow-1);
}
body.page-weather.page-weather .panel-h {
  border-bottom: 1px solid var(--pg-line);
  font-weight: 650;
  color: var(--pg-text);
}
body.page-weather.page-weather .hours .hour { border-right: 1px solid var(--pg-line-soft); }
body.page-weather.page-weather .dcard.today {
  border-color: rgba(47, 92, 255, .45);
  box-shadow: 0 10px 28px -14px rgba(47, 92, 255, .55);
}
body.page-weather.page-weather .dc-temp { color: var(--pg-text); font-variant-numeric: tabular-nums; }
body.page-weather.page-weather .dc-date,
body.page-weather.page-weather .dc-wx,
body.page-weather.page-weather .dc-rows { color: var(--pg-muted); }
body.page-weather.page-weather .foot { color: var(--pg-muted); }

/* ---------------- 2b. 天气页深色 ---------------- */
html[data-theme="dark"] body.page-weather.page-weather {
  background: radial-gradient(900px 420px at 100% -6%, rgba(47, 92, 255, .14), transparent 60%), #0b0f16;
  color: #e6edf3;
}
html[data-theme="dark"] body.page-weather.page-weather .topbar {
  background: rgba(13, 17, 23, .8);
  border-bottom-color: rgba(255, 255, 255, .07);
}
html[data-theme="dark"] body.page-weather.page-weather .search-wrap input,
html[data-theme="dark"] body.page-weather.page-weather .seg {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .09);
  color: #dfe7f2;
}
html[data-theme="dark"] body.page-weather.page-weather .seg button { color: #93a1b5; }
html[data-theme="dark"] body.page-weather.page-weather .seg button.on {
  background: rgba(47, 92, 255, .22);
  color: #fff;
}
html[data-theme="dark"] body.page-weather.page-weather .hero {
  background: linear-gradient(135deg, #141b25 0%, #131a24 55%, #16202f 100%);
  border-color: rgba(255, 255, 255, .07);
  color: #e6edf3;
}
html[data-theme="dark"] body.page-weather.page-weather .hero .h-temp,
html[data-theme="dark"] body.page-weather.page-weather .hero .h-place { color: #ffffff; }
html[data-theme="dark"] body.page-weather.page-weather .hero .h-sub,
html[data-theme="dark"] body.page-weather.page-weather .hero .h-meta { color: #93a1b5; }
html[data-theme="dark"] body.page-weather.page-weather .hero .chip,
html[data-theme="dark"] body.page-weather.page-weather .hero .nchip {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .09);
  color: #aab6c6;
}
html[data-theme="dark"] body.page-weather.page-weather .metrics,
html[data-theme="dark"] body.page-weather.page-weather .panel,
html[data-theme="dark"] body.page-weather.page-weather .dcard,
html[data-theme="dark"] body.page-weather.page-weather .hours {
  background: #131922;
  border-color: rgba(255, 255, 255, .07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}
html[data-theme="dark"] body.page-weather.page-weather .metric {
  background: transparent;
  border-left-color: rgba(255, 255, 255, .07);
  color: #e6edf3;
}
html[data-theme="dark"] body.page-weather.page-weather .metrics { background: #131922; }
html[data-theme="dark"] body.page-weather.page-weather .panel-h {
  border-bottom-color: rgba(255, 255, 255, .06);
  color: #dfe7f2;
}
html[data-theme="dark"] body.page-weather.page-weather .m-val,
html[data-theme="dark"] body.page-weather.page-weather .dc-temp { color: #ffffff; }
html[data-theme="dark"] body.page-weather.page-weather .m-name,
html[data-theme="dark"] body.page-weather.page-weather .m-sub,
html[data-theme="dark"] body.page-weather.page-weather .dc-date,
html[data-theme="dark"] body.page-weather.page-weather .dc-wx,
html[data-theme="dark"] body.page-weather.page-weather .dc-rows,
html[data-theme="dark"] body.page-weather.page-weather .foot { color: #7d899b; }
html[data-theme="dark"] body.page-weather.page-weather .hours .hour { border-right-color: rgba(255, 255, 255, .05); }

@media (max-width: 900px) {
  body.page-weather.page-weather .hero .h-temp { font-size: 46px; }
  body.page-dashboard.page-dashboard .kpi .val { font-size: 24px; }
}