/* ==========================================================================
   掌域官网 · 排版基线（base.css）
   reset / 排版 / 容器 / 焦点与无障碍 / 无 JS 降级 / 减少动效
   ========================================================================== */

/* —— reset —— */
*,*::before,*::after{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:var(--nav-h); /* sticky 导航下的锚点落点 */
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:var(--font-body-size);
  line-height:var(--font-body-lh);
  font-weight:var(--weight-regular);
  color:var(--color-text-primary);
  background:var(--color-surface);
  font-variant-numeric:tabular-nums; /* 文档 §2.2：数字一律等宽 */
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
summary{cursor:pointer}
hr{border:0;border-top:var(--stroke-hairline) solid var(--color-border);margin:0}

/* —— 排版工具类（字阶唯一入口）—— */
.eyebrow{
  font-size:var(--font-eyebrow-size);
  line-height:var(--font-eyebrow-lh);
  color:var(--color-text-tertiary);
}
.caption{
  font-size:var(--font-caption-size);
  line-height:var(--font-caption-lh);
  color:var(--color-text-secondary);
}
.section-title{
  font-size:var(--font-h2-size);
  line-height:var(--font-h2-lh);
  font-weight:var(--weight-medium);
}
.card-title{
  font-size:var(--font-h3-size);
  line-height:var(--font-h3-lh);
  font-weight:var(--weight-medium);
}
.body-em{font-weight:var(--weight-medium)}
.text-secondary{color:var(--color-text-secondary)}
.text-tertiary{color:var(--color-text-tertiary)}

/* —— 容器（文档 §2.4：≥1200 恰好 1120；768–1199 全宽−48；<768 全宽−32）—— */
.container{
  max-width:var(--container-max);
  margin-inline:auto;
}
@media (max-width:1199px){
  .container{max-width:none;padding-inline:var(--page-pad)}
}

/* —— 焦点（键盘可见；鼠标点击不出现）—— */
:focus-visible{
  outline:2px solid var(--color-primary);
  outline-offset:2px;
  border-radius:var(--radius-4);
}

/* —— 跳转链接（首 Tab 可达，视觉隐藏）—— */
.skip-link{
  position:absolute;
  top:-64px;
  left:var(--space-16);
  z-index:100;
  padding:var(--space-8) var(--space-16);
  background:var(--color-surface);
  border:var(--stroke-hairline) solid var(--color-border);
  border-radius:var(--radius-8);
  font-size:var(--font-caption-size);
  transition:top .15s ease-out;
}
.skip-link:focus{top:var(--space-16)}

/* —— 减少动效：统一一处关闭全部过渡与平滑滚动 —— */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}