/* ==========================================================================
   base.css — PC 端重置与基础排版
   针对 PC 视口（1280–1920），不使用任何响应式断点。
   ========================================================================== */

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

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

body {
  margin: 0;
  background: var(--page);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: var(--sd-fs-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  min-width: 1200px;           /* PC 端锁最小宽度，不做响应式收缩 */
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p, figure, ul, ol, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--sd-dur) var(--sd-ease), opacity var(--sd-dur) var(--sd-ease);
}

img, video, canvas, svg { display: block; max-width: 100%; border: 0; }

button, input, select, textarea {
  font: inherit; color: inherit; background: none; border: none; outline: none;
}
button { cursor: pointer; }

input::placeholder { color: var(--text-3); }

/* ---------- 内容容器：实测 1376px 居中 ---------- */
.wrap {
  width: 100%;
  max-width: var(--sd-content-max);
  margin-inline: auto;
  padding-inline: var(--sd-page-pad);
}

.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }
.text-3 { color: var(--text-3); }

:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

/* ---------- 滚动条（暗色） ---------- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--sd-surface-1); }
::-webkit-scrollbar-thumb { background: var(--sd-surface-3); border-radius: var(--sd-r-full); }
::-webkit-scrollbar-thumb:hover { background: var(--sd-line); }