/* base.css — 全局基础：重置 / 页面骨架 / 模块节奏 / 页脚（视觉基线 = V07 可读性打磨层）。 */

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink-body);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  padding-top: var(--glob-h);
}
a { color: var(--ink); text-decoration: none; }
a:hover { color: var(--accent); }
img { max-width: 100%; }
noscript { display: block; padding: 20px var(--pad-x); color: var(--gray); font-size: var(--fs-meta); }

/* 锚点跳转偏移：全局头 + 设计师头 + 呼吸空隙 */
[id] { scroll-margin-top: calc(var(--glob-h) + var(--dhd-h) + 12px); }
[hidden] { display: none !important; }

/* 页面容器：1264px 版心 + 48px 边距 + 底部深呼吸 */
.page { max-width: var(--page-max); margin: 0 auto; padding: 0 var(--pad-x) 110px; }

/* 模块节奏：章距 ≫ 节内距；1px 细线分隔 */
.mod { padding: var(--mod-gap) 0; border-bottom: 1px solid var(--line); }
.mod:first-child { padding-top: var(--mod-gap-first); }
.mod:last-child { border-bottom: none; }

.mod-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 22px; }
.mod-head h1 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: var(--fs-mod-h2);
  letter-spacing: .08em;
  color: var(--ink-strong);
}

/* 概述内子块（年表 / 引文墙）：模块内次级章距 */
.subblock { margin-top: 64px; }
.subblock .mod-head { margin-bottom: 18px; }

/* 页脚（只留功能行） */
.foot {
  border-top: 1px solid var(--line);
  color: var(--gray-dim);
  font-size: var(--fs-meta-2);
  letter-spacing: .08em;
  text-align: center;
  padding: 28px 48px 36px;
  margin-top: 20px;
}

@media (max-width: 760px) {
  :root { --pad-x: 22px; --mod-gap: 64px; --mod-gap-first: 44px; }
  .foot { padding: 28px 22px 36px; }
}

/* P6-C（ARCH-041）：动效可达性——用户偏好减少动态时压平过渡/动画并禁平滑滚动 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* P6-D（R-2）：长词（如 FW2002 真实系列名 Supercalifragilistic…）在窄卡内溢出 */
h1, h2, h3, h4, .colcard-t, .mtitle, .colhead-t { overflow-wrap: anywhere; }