/* 全局样式重置 - 精简版 */
/* 解决Bootstrap删除后的基础排版问题 */

:root {
  /* 核心字体大小 - 6个层级足够使用 */
  --font-size-display: 2.5rem;      /* 40px - 大标题 */
  --font-size-headline: 1.75rem;    /* 28px - 中标题 */
  --font-size-title: 1.25rem;       /* 20px - 小标题 */
  --font-size-body: 1rem;           /* 16px - 正文 */
  --font-size-small: 0.875rem;      /* 14px - 小字 */
  --font-size-tiny: 0.75rem;        /* 12px - 超小字 */

  /* 核心字重 - 4个层级覆盖需求 */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* 基础行高 */
  --line-height-tight: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.6;

  /* 基础间距 */
  --spacing-xs: 0.5rem;    /* 8px */
  --spacing-sm: 1rem;      /* 16px */
  --spacing-md: 1.5rem;    /* 24px */
  --spacing-lg: 2rem;      /* 32px */

  /* 基础颜色 */
  --color-text: #1a1a1a;
  --color-text-light: #666;
  --color-text-muted: #999;
  --color-border: #e5e5e5;
  --color-bg: #ffffff;
}

/* 全局重置 */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: var(--line-height-normal);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

/* 基础元素样式 */
h1, h2, h3, h4, h5, h6, p {
  margin: 0 0 var(--spacing-sm) 0;
}

h1 { font-size: var(--font-size-display); font-weight: var(--font-weight-bold); }
h2 { font-size: var(--font-size-headline); font-weight: var(--font-weight-semibold); }
h3 { font-size: var(--font-size-title); font-weight: var(--font-weight-semibold); }
h4, h5, h6 { font-size: var(--font-size-body); font-weight: var(--font-weight-semibold); }

p { font-size: var(--font-size-body); font-weight: var(--font-weight-normal); }

small { font-size: var(--font-size-small); }

ul, ol {
  margin: 0 0 var(--spacing-sm) 0;
  padding-left: var(--spacing-sm);
}

/* 表单元素 */
input, textarea, select, button {
  font-family: inherit;
  font-size: var(--font-size-body);
}

/* 响应式调整 */
@media (max-width: 768px) {
  html { font-size: 15px; }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
}

@media (max-width: 480px) {
  html { font-size: 14px; }
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.375rem; }
}

/* 极简工具类 - 只保留最常用的 */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.font-bold { font-weight: var(--font-weight-bold); }
.font-semibold { font-weight: var(--font-weight-semibold); }

.text-muted { color: var(--color-text-muted); }
.text-light { color: var(--color-text-light); }

.spacing-top { margin-top: var(--spacing-sm); }
.spacing-bottom { margin-bottom: var(--spacing-sm); }
.spacing-top-lg { margin-top: var(--spacing-lg); }
.spacing-bottom-lg { margin-bottom: var(--spacing-lg); }