/* 全局重置与排版基础 */

/* 所有元素使用 border-box，避免 padding 撑破宽度 */
* {
  box-sizing: border-box;
  /* 清除默认外边距 */
  margin: 0;
  /* 清除默认内边距 */
  padding: 0;
}

/* 页面根字体与背景 */
html {
  /* 使用系统 UI 字体栈 */
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* 基础字号 */
  font-size: 15px;
  /* 浅色背景 */
  background: #f8fafc;
  /* 默认文字色 */
  color: #0f172a;
}

/* 正文区域 */
body {
  /* 最小高度占满视口 */
  min-height: 100vh;
}

/* 等宽代码展示 */
.mono,
code {
  /* 等宽字体 */
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  /* 略小字号 */
  font-size: 0.9em;
  /* 自动换行避免撑破布局 */
  word-break: break-all;
}

/* 成功态文字色 */
.ok {
  color: #15803d;
}

/* 警告态文字色 */
.warn {
  color: #b45309;
}