/* ========================================
   全局基础样式文件 (index.css)
   用途：定义全局重置样式和基础元素样式
   ======================================== */

/* ========================================
   字体引入
   ======================================== */

@font-face {
  font-family: 'LXGWWenKaiMono';
  src: url('/LXGWWenKaiMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ========================================
   根元素样式配置
   ======================================== */

/* 根元素字体和渲染优化 */
:root {
  font-family: 'LXGWWenKaiMono', ui-monospace, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;                        /* 基础字体大小 - 16px 作为 1rem 基准 */
  line-height: 1.6;                       /* 行高 - 提供良好的文本可读性 */
  font-weight: 400;                       /* 默认字重 - 正常粗细 */
  text-rendering: optimizeLegibility;      /* 文本渲染优化 - 提高文字清晰度 */
  -webkit-font-smoothing: antialiased;    /* WebKit 字体平滑 - 减少锯齿 */
  -moz-osx-font-smoothing: grayscale;     /* Firefox macOS 字体平滑 */
}

/* ========================================
   链接样式
   ======================================== */

/* 链接基础样式和交互效果 - GitHub 风格 */
a {
  color: #0969da;                         /* GitHub 蓝色 */
  text-decoration: none;                  /* 移除默认下划线 */
  transition: color 0.2s ease;           /* 颜色过渡动画 - 平滑的悬停效果 */
}

/* 链接悬停状态 - GitHub 风格 */
a:hover {
  color: #0550ae;                         /* 悬停时的深蓝色 */
  text-decoration: underline;             /* GitHub 风格悬停下划线 */
}

/* ========================================
   媒体元素样式
   ======================================== */

/* 图片、SVG 和视频的响应式处理 */
img,
svg,
video {
  max-width: 100%;                        /* 最大宽度限制 - 防止溢出容器 */
  display: block;                         /* 块级显示 - 避免底部空隙 */
}

/* ========================================
   代码元素样式
   ======================================== */

/* 代码和预格式化文本的字体设置 */
code,
pre {
  /* 等宽字体族 - 优先使用 LXGWWenKaiMono */
  font-family: 'LXGWWenKaiMono', ui-monospace, 'Fira Code', 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

/* ========================================
   按钮样式
   ======================================== */

/* 按钮字体继承 - 确保按钮使用父元素字体 */
button {
  font: inherit;                          /* 继承父元素的字体样式 */
}

/* ========================================
   页面滚动控制
   ======================================== */

/* 禁用页面滚动的辅助类 - 用于模态框等场景 */
body.no-scroll {
  overflow: hidden;                       /* 隐藏滚动条并禁用滚动 */
}
