/* =============================================================================
   Paper 论文智导 — 设计 Token 层（2026-10-23 改版 v2）
   只作用于 <body class="ui2"> 的页面；不加载本文件的页面保持原样。
   加载顺序：shared/base.css → styles-v8.css → shared/tokens.css
   ========================================================================== */

:root {
  /* 品牌与主色 */
  --p-brand-navy: #0F2A4F;
  --p-primary: #1F4FD8;
  --p-primary-hover: #1A43B8;
  --p-primary-active: #163A9E;
  --p-primary-tint: #EEF3FF;
  --p-accent-gold: #B7832F;
  --p-gold-tint: #FBF5EA;

  /* 语义色 */
  --p-success: #12805C;
  --p-success-tint: #E7F6F0;
  --p-warning: #B54708;
  --p-warning-tint: #FFF6E5;
  --p-danger: #C8322B;

  /* 文字 */
  --p-text-1: #101828;
  --p-text-2: #475467;
  --p-text-3: #667085;
  --p-placeholder: #98A2B3;

  /* 线与面 */
  --p-border: #E4E7EC;
  --p-divider: #EEF0F3;
  --p-bg-page: #F7F8FA;
  --p-bg-surface: #FFFFFF;
  --p-bg-subtle: #F2F4F7;
  --p-hero-bg: linear-gradient(180deg, #F3F6FD 0%, #F7F8FA 100%);

  /* 字体 */
  --p-font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  --p-font-num: "Inter", "DIN Alternate", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* 字号 / 行高 */
  --p-fs-display: 44px; --p-lh-display: 56px;
  --p-fs-h1: 32px;      --p-lh-h1: 44px;
  --p-fs-h2: 28px;      --p-lh-h2: 40px;
  --p-fs-h3: 20px;      --p-lh-h3: 30px;
  --p-fs-body-l: 17px;  --p-lh-body-l: 28px;
  --p-fs-body: 15px;    --p-lh-body: 24px;
  --p-fs-small: 13px;   --p-lh-small: 20px;
  --p-fs-caption: 12px; --p-lh-caption: 18px;
  --p-fs-price: 40px;   --p-lh-price: 48px;

  /* 间距 */
  --p-s1: 4px;  --p-s2: 8px;  --p-s3: 12px; --p-s4: 16px;
  --p-s5: 24px; --p-s6: 32px; --p-s7: 48px; --p-s8: 64px; --p-s9: 96px;

  /* 圆角 */
  --p-r-input: 8px;
  --p-r-btn: 10px;
  --p-r-card: 12px;
  --p-r-modal: 16px;
  --p-r-pill: 999px;

  /* 阴影 */
  --p-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --p-shadow-md: 0 4px 12px rgba(16, 24, 40, .08);
  --p-shadow-lg: 0 20px 48px rgba(16, 24, 40, .18);

  /* 宽度 */
  --p-container: 1200px;
  --p-reading: 720px;

  /* 覆盖旧变量：让仍用旧名的既有组件在新配色下工作 */
  --brand: #0F2A4F;
  --brand-light: #1B3A63;
  --brand-pale: #EEF3FF;
  --gold: #B7832F;
  --gold-light: #FBF5EA;
  --gold-dark: #8F6625;
  --green: #12805C;
  --green-bg: #E7F6F0;
  --red: #C8322B;
  --red-bg: #FDECEA;
  --text: #101828;
  --text-secondary: #475467;
  --text-tertiary: #667085;
  --border: #E4E7EC;
  --border-light: #EEF0F3;
  --bg: #F7F8FA;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, .08);
  --shadow-lg: 0 20px 48px rgba(16, 24, 40, .18);
  --serif: var(--p-font-sans);
}

/* ── 基础排版：去掉衬线标题与米黄底 ───────────────────────────────────── */
body.ui2 {
  font-family: var(--p-font-sans);
  background: var(--p-bg-page);
  color: var(--p-text-1);
  font-size: var(--p-fs-body);
  line-height: var(--p-lh-body);
  -webkit-font-smoothing: antialiased;
}
body.ui2 h1, body.ui2 h2, body.ui2 h3, body.ui2 h4, body.ui2 h5,
body.ui2 .section-title, body.ui2 .nav-brand, body.ui2 .hero-title,
body.ui2 .site-title, body.ui2 .cf-title {
  font-family: var(--p-font-sans);
  color: var(--p-brand-navy);
  letter-spacing: -.01em;
}
body.ui2 h1, body.ui2 .section-title { font-size: var(--p-fs-h1); line-height: var(--p-lh-h1); font-weight: 700; }
body.ui2 h2 { font-size: var(--p-fs-h2); line-height: var(--p-lh-h2); font-weight: 700; }
body.ui2 h3 { font-size: var(--p-fs-h3); line-height: var(--p-lh-h3); font-weight: 600; }
body.ui2 p { color: var(--p-text-2); }
body.ui2 b, body.ui2 strong { color: var(--p-text-1); }
body.ui2 .num, body.ui2 .tabular { font-variant-numeric: tabular-nums; }

/* 图标/数字统一字体 */
body.ui2 .p-num { font-family: var(--p-font-num); font-variant-numeric: tabular-nums; }

/* 容器 */
body.ui2 .p-container { max-width: var(--p-container); margin: 0 auto; padding: 0 32px; }
body.ui2 .p-readable { max-width: var(--p-reading); }

/* 区块间距 */
body.ui2 .p-section { padding: var(--p-s9) 0; }
body.ui2 .p-section--tight { padding: var(--p-s7) 0; }
body.ui2 .p-section-head { margin: 0 0 var(--p-s6); }
body.ui2 .p-section-head h2 { margin: 0 0 var(--p-s3); }
body.ui2 .p-section-head p { margin: 0; font-size: var(--p-fs-body-l); line-height: var(--p-lh-body-l); color: var(--p-text-2); }

/* 柔和底色块：把原来的米黄/暖色系统一成冷灰白 */
body.ui2 .p-bg-surface { background: var(--p-bg-surface); }
body.ui2 .p-bg-subtle { background: var(--p-bg-subtle); }
body.ui2 .p-hero { background: var(--p-hero-bg); }

@media (max-width: 1279px) {
  body.ui2 .p-container { padding: 0 24px; }
  body.ui2 .p-section { padding: var(--p-s7) 0; }
  body.ui2 { --p-fs-display: 38px; --p-lh-display: 48px; }
}
@media (max-width: 1023px) {
  body.ui2 { --p-fs-display: 32px; --p-lh-display: 42px; --p-fs-h2: 24px; --p-lh-h2: 34px; }
  body.ui2 .p-section { padding: var(--p-s6) 0; }
}