/* =====================================================
   mobile.css - 移动端样式,只在 <= 767px 屏幕加载
   不会影响桌面端(用 media 属性条件加载)
   ===================================================== */

/* ===== index.html 首页 ===== */
.hero { padding: 32px 0 16px !important; }
.hero h1 {
  font-size: 26px !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.3px !important;
}
.hero .subtitle {
  font-size: 13px !important;
  margin-bottom: 4px !important;
  letter-spacing: 2px !important;
}
.hero .meta {
  font-size: 11px !important;
  margin-bottom: 24px !important;
  letter-spacing: 0.5px !important;
}
.hero .cta-btn {
  padding: 10px 20px !important;
  font-size: 13px !important;
  border-radius: 999px !important;
}

.stats-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  margin-top: 28px !important;
}
.stat {
  padding: 16px 10px !important;
  border-radius: 14px !important;
}
.stat .icon {
  font-size: 22px !important;
  margin-bottom: 8px !important;
}
.stat .num {
  font-size: 24px !important;
  line-height: 1 !important;
}
.stat .label {
  font-size: 11px !important;
  margin-top: 4px !important;
}

/* ===== 全局基础 ===== */
body { font-size: 14px !important; -webkit-text-size-adjust: 100%; }

/* ===== Tailwind 通用栅格覆盖 ===== */
.grid-cols-2 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.grid-cols-3 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.grid-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.col-span-3 { grid-column: span 12 / span 12 !important; }
.col-span-4 { grid-column: span 12 / span 12 !important; }
.col-span-5 { grid-column: span 12 / span 12 !important; }
.col-span-7 { grid-column: span 12 / span 12 !important; }
.col-span-8 { grid-column: span 12 / span 12 !important; }
.col-span-9 { grid-column: span 12 / span 12 !important; }

/* ===== dashboard.html 筛选条 ===== */
.filter-block {
  padding: 10px !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
}
.filter-block label {
  font-size: 11px !important;
  margin-bottom: 4px !important;
}
.filter-block select,
.filter-block input {
  font-size: 13px !important;
  padding: 6px 8px !important;
}

/* ===== dashboard.html 数据表(横向滚) ===== */
.table-wrap {
  max-height: 60vh !important;
  border-radius: 8px !important;
}
.data-table { font-size: 12px !important; }
.data-table th,
.data-table td {
  padding: 8px 10px !important;
  white-space: nowrap;
}
.data-table thead th {
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* ===== chart 高度压缩 ===== */
.chart-card > div[style*="height"] { height: 200px !important; }
.chart-card { padding: 12px !important; }
.chart-title { font-size: 12px !important; margin-bottom: 8px !important; }

/* ===== dashboard tabs(顶部 tab 卡片) ===== */
.tab-card {
  padding: 12px 14px !important;
  font-size: 13px !important;
}
.tab-icon { font-size: 18px !important; }

/* ===== 表格 row 点击 ===== */
.data-table tbody tr { font-size: 12px !important; }

/* ===== Multi-select modal 全屏 ===== */
.modal-content {
  width: 92vw !important;
  max-height: 75vh !important;
  padding: 14px !important;
}

/* ===== top bar / nav 按钮压缩 ===== */
.top-bar { gap: 6px !important; }
.icon-btn {
  width: 32px !important;
  height: 32px !important;
  font-size: 13px !important;
}

/* ===== footer ===== */
footer { font-size: 11px !important; padding: 32px 0 12px !important; }

/* ===== 通用间距 ===== */
.section { padding: 24px 0 !important; }
.section-title { font-size: 16px !important; margin-bottom: 12px !important; }