/* ============================================================
   reset.css · 现代化 CSS Reset
   ------------------------------------------------------------
   抹平浏览器默认样式，建立统一的盒模型与排版基线。
   只做"清零"，不定义任何视觉外观（视觉留给 style.css）。
   ============================================================ */

/* 盒模型统一为 border-box，宽度即最终占用宽度 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 移除默认外边距，由各组件显式控制间距 */
* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;          /* iOS 横屏不放大 */
  -webkit-font-smoothing: antialiased;     /* macOS 字形平滑 */
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  font-synthesis: none;                     /* 禁止浏览器合成加粗/斜体 */
}

/* 标题继承 body 字号字重，避免默认 UA 样式干扰层级 */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  text-wrap: pretty;
}

/* 列表去掉项目符号，由具体组件决定是否需要 */
ul, ol {
  list-style: none;
}

/* 链接继承颜色，下划线由交互状态决定 */
a {
  color: inherit;
  text-decoration: none;
}

/* 图片/媒体不超出容器，且不产生底部基线空隙 */
img, svg, picture {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 表单元素继承字体 */
button, input, textarea, select {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

/* 默认滚动行为平滑（轻量交互） */
html {
  scroll-behavior: smooth;
}

/* 选中文本配色与设计系统一致（纯灰阶） */
::selection {
  background: var(--c-ink);
  color: #fff;
}