/* ==========================================================
   布料易官网 设计系统 (theme.css)
   现代化改版基础 token —— 全站页面统一引用
   ========================================================== */
:root {
  /* ===== 品牌色 ===== */
  --brand: #386bf3;                      /* 主品牌蓝(保留) */
  --brand-dark: #1e3a8a;                 /* 深蓝(渐变起点/标题) */
  --brand-light: #e8f0fe;                /* 浅蓝(标签/图标底) */
  --brand-gradient: linear-gradient(135deg, #1e3a8a 0%, #386bf3 100%);
  --brand-gradient-soft: linear-gradient(135deg, rgba(56, 107, 243, .12), rgba(30, 58, 138, .06));

  /* ===== 中性色(统一三级灰) ===== */
  --text-primary: #2b2b2b;               /* 正文/标题 */
  --text-secondary: #5f6470;             /* 次级说明 */
  --text-muted: #98a1b0;                 /* 弱化/占位/时间 */
  --bg-page: #f7f9fc;                    /* 页面底色 */
  --bg-card: #ffffff;                    /* 卡片底色 */
  --bg-footer: #222a35;                  /* footer 深底 */

  /* ===== 状态色 ===== */
  --ok: #0ca30c;

  /* ===== 字体 ===== */
  --font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --fs-hero: 44px;      /* 首页主标题 */
  --fs-h1: 36px;        /* 页面大标题 */
  --fs-h2: 28px;        /* 板块标题 */
  --fs-h3: 20px;        /* 卡片标题 */
  --fs-body: 16px;      /* 正文 */
  --fs-small: 14px;     /* 次级说明 */
  --fs-tiny: 12px;      /* 弱化信息 */

  /* ===== 圆角 ===== */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* ===== 阴影(柔和分层) ===== */
  --shadow-card: 0 2px 8px rgba(31, 58, 138, .06);
  --shadow-hover: 0 8px 24px rgba(31, 58, 138, .12);
  --shadow-nav: 0 2px 12px rgba(31, 58, 138, .08);

  /* ===== 间距 ===== */
  --section-pad: 64px;
  --container-max: 1200px;
}

/* ===== 基础重置(只作用于新版结构的公共元素) ===== */
html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-family);
  color: var(--text-primary);
  background: var(--bg-page);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  margin: 0;
  font-weight: 700;
  color: var(--text-primary);
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
}