/* ============================================================
   博德赋能官网 · 基准样式 (base.css)
   现代重置 + 全局基础排版。用 tokens.css 的字号阶梯统一
   全站结构性文字（body / h1-h6 / p / a / 列表等），
   让"字体大小没有标准"的问题从根上解决。
   注意：组件级样式（含页面专属 .css）优先级更高，可在此基准上
   有针对性地放大/缩小，但全局默认已统一。
   ============================================================ */

/* ---------- 现代重置 ---------- */
*, *::before, *::after{ box-sizing: border-box; }

html{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body{
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-15);       /* 全局正文基准 15px */
  line-height: var(--lh-base);   /* 1.7 */
  color: var(--text-primary);
  background: var(--bg-page);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

/* ---------- 标题字号阶梯（统一规范） ---------- */
h1, h2, h3, h4, h5, h6{
  margin: 0 0 var(--space-4);
  font-family: var(--font-sans);
  font-weight: 700;
  line-height: var(--lh-tight);
  color: var(--text-primary);
}
h1{ font-size: var(--fs-36); }   /* 36px 页面主标题 */
h2{ font-size: var(--fs-28); }   /* 28px 板块标题 */
h3{ font-size: var(--fs-22); }   /* 22px 卡片/小节标题 */
h4{ font-size: var(--fs-18); }   /* 18px */
h5{ font-size: var(--fs-16); }   /* 16px */
h6{ font-size: var(--fs-14); }   /* 14px */

/* ---------- 段落 / 文本 ---------- */
p{
  margin: 0 0 var(--space-4);
  font-size: var(--fs-15);
  line-height: var(--lh-base);
  color: var(--text-secondary);
}
small{ font-size: var(--fs-12); }

/* ---------- 链接 ---------- */
a{
  color: var(--gold-dark);
  text-decoration: none;
  transition: color var(--transition-fast);
}
a:hover{ color: var(--gold); }

/* ---------- 列表 ---------- */
ul, ol{ margin: 0; padding: 0; }
li{ list-style: none; }

/* ---------- 图片 / 媒体 ---------- */
img, video, svg{ max-width: 100%; height: auto; display: block; }

/* ---------- 表单元素基线 ---------- */
button, input, select, textarea{
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
button{ cursor: pointer; }

/* ---------- 表格基线 ---------- */
table{ border-collapse: collapse; width: 100%; }

/* ---------- 选区 ---------- */
::selection{ background: var(--gold-soft); color: var(--navy-900); }

/* ---------- 焦点可见性（可访问性） ---------- */
:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }

/* ---------- 通用容器（与 site-base.css 宽度令牌呼应） ---------- */
.container{
  max-width: var(--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--site-gutter);
  padding-right: var(--site-gutter);
}

/* ---------- 通用文字工具（低优先级，方便页面微调） ---------- */
.text-muted{ color: var(--text-muted); }
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
