/* ================================================================
   base.css — 变量、重置、排版基础
   所有页面第一层，不含任何组件样式
   ================================================================ */

:root {
  /* 品牌色 */
  --brand: #fd7800;
  --brand-dark: #e06800;
  --brand-soft: #fff4e8;
  --ink: #16202b;
  --ink-2: #3d4a57;
  --ink-3: #6b7784;
  --line: #e4e8ec;
  --line-soft: #f0f2f5;
  --bg: #ffffff;
  --bg-soft: #f7f8fa;
  --navy: #1b3a5c;

  /* 语义色（仅用于报告色带说明，不作装饰） */
  --band-blue: #2f6fed;
  --band-green: #2f9e58;
  --band-yellow: #d9a300;
  --band-orange: #e8721c;
  --band-red: #d93a3a;

  /* 排版 */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 尺寸 */
  --wrap: 1120px;
  --wrap-narrow: 780px;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(16, 32, 43, .06);
  --shadow: 0 4px 16px rgba(16, 32, 43, .08);
  --shadow-lg: 0 12px 40px rgba(16, 32, 43, .12);
}

*, *::before, *::after { box-sizing: border-box; }

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

body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink-2);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--brand-dark); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4 {
  margin: 0 0 .6em;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.01em;
}

h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
h2 { font-size: clamp(1.3rem, 2.6vw, 1.65rem); }
h3 { font-size: 1.15rem; }
h4 { font-size: 1rem; }

p { margin: 0 0 1.1em; }

ul, ol { margin: 0 0 1.1em; padding-left: 1.4em; }
li { margin-bottom: .4em; }

strong { color: var(--ink); font-weight: 600; }

code {
  font-family: var(--mono);
  font-size: .9em;
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: .1em .4em;
}

hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 2.5rem 0;
}

::selection { background: var(--brand-soft); color: var(--ink); }

/* 可访问性：只给读屏用的文本 */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* 跳转到正文（键盘用户） */
.skip-link {
  position: absolute; left: -9999px; top: 0;
  background: var(--brand); color: #fff;
  padding: .6rem 1rem; z-index: 999;
}
.skip-link:focus { left: 0; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}