/* ==========================================================================
   天气页（2026-10-24 新增）
   --------------------------------------------------------------------------
   结构、卡片、KPI、趋势图全部复用「数据 / 市场」页那套（sycm-theme.css 的
   .card / .card-head / .kpi-grid / .kpi-cell / .dt-trend-* / .seg-tabs），
   这里只放天气独有的几样：城市搜索框、日期输入、KPI 单格高度、预报标签。
   ========================================================================== */

/* ---------- 页头：城市搜索 + 日期输入 ---------- */
.wx-search {
  flex: 0 1 200px; min-width: 140px; height: 30px;
  border: 1px solid var(--color-border, #e6e6e6); border-radius: var(--corner-1, 6px);
  padding: 0 10px; font-size: 12px; color: var(--color-text-title, #333); background: #fff;
}
.wx-search::placeholder { color: var(--color-text-secondary, #999); }
.wx-search:focus { outline: none; border-color: var(--color-primary, #2062e6); }

.wx-date-row { margin-top: 8px; }
/* .dt-date 是数据页「统计日」控件（2026-10-24 改成与天气页同款），样式与 .wx-date 完全一致 */
.wx-date, .dt-date {
  height: 30px; border: 1px solid var(--color-border, #e6e6e6); border-radius: var(--corner-1, 6px);
  padding: 0 8px; font-size: 12px; color: var(--color-text-title, #333); background: #fff;
}
.wx-date:focus, .dt-date:focus { outline: none; border-color: var(--color-primary, #2062e6); }
.wx-date:disabled, .dt-date:disabled { background: #f7f7f7; color: #999; }
.wx-dash { color: var(--color-text-secondary, #999); font-size: 12px; }

/* ---------- KPI：天气只有 6 格，窄一点更紧凑 ---------- */
.wx-kpi { min-height: 78px; }
.wx-kpi .kpi-name { font-size: 12px; }
.wx-kpi .kpi-value { font-size: 20px; }

/* ---------- 趋势图：外框沿用 .dt-trend，只补高度与内边距 ---------- */
.wx-plot { height: 240px; position: relative; }
.wx-plot .dt-trend-svg { height: 100%; width: 100%; }
.wx-dot { cursor: default; }
.wx-dot:hover { fill: rgba(32, 98, 230, .12); }

/* ---------- 明细表里的「预报」小标签 ---------- */
.wx-fc {
  display: inline-block; margin-left: 4px; padding: 0 5px; height: 16px; line-height: 16px;
  border-radius: 2px; font-size: 10px; background: #eaf1ff; color: #2062e6; vertical-align: 1px;
}

/* ---------- 移动端（外壳由 sycm-theme.css §15 接管） ---------- */
@media (max-width: 768px) {
  .wx-search { flex: 1 1 100%; height: 38px; font-size: 16px; }
  .wx-date { height: 38px; font-size: 16px; flex: 1 1 calc(50% - 24px); }
  /* 数据页只有一个日期，独占一行但不要撑满（同款手感） */
  .dt-date { height: 38px; font-size: 16px; flex: 0 0 auto; }
  .wx-date-row { flex-wrap: wrap; gap: 8px; }
  .wx-kpi { min-height: 70px; }
  .wx-kpi .kpi-value { font-size: 18px; }
  .wx-plot { height: 200px; }
  /* 逐日明细表：手机上收掉「温差」列（自己心算即可），只留日期/最高/最低/降水 */
  #wxDayTable th:nth-child(4), #wxDayTable td:nth-child(4) { display: none; }
}