/* ============================================================
   styles/pad.css
   平板端样式（769px ~ 1024px）
   ============================================================ */

@media (max-width: 1024px) {
  /* 隐藏右侧面板，节省横向空间 */
  #right-panel { display: none; }

  /* 主区域减少 padding */
  #main-wrap { padding: 16px 12px 30px; }

  /* 卡片格式：自适应列 */
  .card-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }

  /* 功能按钮：4 列 */
  .fn-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* hero 数字统计 — 适当缩小 */
  .stat-num { font-size: 22px; }

  /* 内容区满宽 */
  #content-area { min-width: 0; }
}