/* ==========================================================================
   灰度天气网 · 移动端样式（site-mobile.css）
   与 site.css 叠加使用；只做移动端覆盖，不改 PC
   ========================================================================== */
body { font-size: 15px; }
.container { padding: 0 var(--s-4); }

.topbar { display: none; }

.masthead .container { height: 52px; gap: var(--s-3); }
.logo { font-size: 17px; gap: 8px; }
.logo .mark { width: 26px; height: 26px; border-radius: 8px; }
.logo .mark svg { width: 15px; height: 15px; }
.masthead nav { display: none; }
.search { width: auto; flex: 1; margin-left: var(--s-2); }
.search input { height: 38px; padding-left: 38px; }
.search .ico { left: 12px; }
.search .sug { top: 44px; }

.crumb { font-size: var(--fs-xs); padding-top: var(--s-3); }
main.main { padding-top: var(--s-2); }

/* Hero 全出血 */
.hero { border-radius: 0; margin: 0 calc(-1 * var(--s-4)); }
.hero-inner { grid-template-columns: 1fr; padding: var(--s-6) var(--s-4) var(--s-8); gap: var(--s-5); }
.hero .place h1 { font-size: 22px; }
.hero .preview { display: none; }
.now2 { gap: var(--s-4); margin-top: var(--s-4); }
.now2 .temp { font-size: 68px; }
.metas { gap: var(--s-2) var(--s-4); font-size: var(--fs-sm); }

/* 两栏 → 单栏 */
.cols { grid-template-columns: 1fr; gap: var(--s-4); margin-top: var(--s-4); }
.cols-full { margin-top: var(--s-4); }
.stack, .side { gap: var(--s-4); }
.card-pad { padding: var(--s-5); }
.chart { padding: var(--s-5); }

/* 7 天网格 → 4 列换行（列内收紧，避免拥挤） */
.days { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; }
.days .day { padding: var(--s-2) 2px; }
.day .wico .icon { width: 30px; height: 30px; }
.day .wico { margin: var(--s-1) auto; }
.day .d { font-size: var(--fs-xs); }
.day .t { font-size: var(--fs-xs); }

/* 生活指数 → 单列 */
.indices { grid-template-columns: 1fr; gap: var(--s-3); }

/* 概要数字 → 2 列 */
.stats { grid-template-columns: repeat(2, 1fr); gap: var(--s-3); margin-top: var(--s-4); }
.stat { padding: var(--s-4); }
.stat .v { font-size: 24px; }

/* 逐日列表 → 4 列，隐藏风力/湿度列 */
.week-list .row { grid-template-columns: 84px 44px 1fr auto; gap: var(--s-3); padding: 12px var(--s-1); }
.week-list .meta { display: none; }
.week-list .row .meta.aqi { display: block; }

/* 表格与小字 */
.dtable { font-size: var(--fs-xs); }
.dtable th, .dtable td { padding: 9px var(--s-2); }

/* 榜单 */
.rank-list .r { grid-template-columns: 40px 1fr auto; gap: var(--s-3); }
.rank-list .r > .txt:last-child { display: none; }
.rank-list .val { font-size: var(--fs-body); }

/* 页头 */
.pagehead { align-items: flex-start; }
.pagehead h1 { font-size: 22px; }
.pagehead .ptitle { font-size: 22px; margin: 0; }
.pagehead .sub { font-size: var(--fs-xs); }
.tabs a { padding: 6px 12px; font-size: var(--fs-xs); }

.footer .container { padding: var(--s-8) var(--s-4); }
.footer .links { gap: var(--s-3); }

/* 移动端逐小时：6 列（24 小时 = 4 行） */
.hstrip { grid-template-columns: repeat(6, minmax(0, 1fr)); }