/* ===== 基础重置与排版 ===== */
/* 注释：使用CSS变量替换硬编码值 */

:root {
  /* 保持现有变量声明，但使用新变量系统 */
  --primary: var(--color-primary);
  --primary-dark: var(--color-primary-dark);
  --secondary: var(--color-secondary);
  --success: var(--color-success);
  --danger: var(--color-danger);
  --warning: var(--color-warning);
  --text-dark: var(--color-text-dark);
  --text-light: var(--color-text-light);
  --bg-light: var(--color-bg-light);
  --border: var(--color-border);
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --radius-xl: var(--radius-xl);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-family-sans);
    background: var(--color-bg-light);
    color: var(--color-text-dark);
    line-height: var(--line-height-normal);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    color: var(--color-text-dark);
    margin-bottom: var(--spacing-4);
}

p {
    margin-bottom: var(--spacing-4);
}

a {
    color: inherit;
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--color-primary-dark);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul, ol {
    margin: 0 0 var(--spacing-4) var(--spacing-6);
}

code {
    font-family: var(--font-family-mono);
    background: var(--color-gray-100);
    padding: var(--spacing-1) var(--spacing-2);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-sm);
}

pre {
    background: var(--color-gray-900);
    color: var(--color-gray-100);
    padding: var(--spacing-4);
    border-radius: var(--radius-md);
    overflow-x: auto;
    font-family: var(--font-family-mono);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-4);
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* 隐藏屏幕阅读器文本 */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ===== 全局表单元素重置 ===== */
/* 移除搜索框默认的 X 号和箭头 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
    -webkit-appearance: none;
}

/* 移除IE10+的清除按钮 */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* 移除下拉菜单默认箭头 */
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
}

/* 移除数字输入框的箭头 */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=number] {
    -moz-appearance: textfield;
}