/**
 * 全面 CSS Reset v2.0 (HTML5 规范)
 * 重置默认样式并建立一致的跨浏览器基线
 * 保留部分有用的默认值（如 display: block 对 HTML5 元素）
 * 最后更新：2023/08
 */

/* 核心重置 ================================================ */
*, *::before, *::after {
    box-sizing: border-box; /* 更直观的盒模型 */
    margin: 0;
    padding: 0;
}

/* HTML5 块级元素重置 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
    display: block; /* 修复旧版IE的显示问题 */
}

/* 排版重置 ============================================== */
html {
    line-height: 1.15; /* 修正行高缩放 */
    -webkit-text-size-adjust: 100%; /* 防止iOS字体缩放 */
}

body {
    line-height: 1.5; /* 更易阅读的默认行高 */
    -webkit-font-smoothing: antialiased; /* 改善字体渲染 */
}

/* 统一字体样式 */
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}

/* 链接和交互元素 ======================================== */
a {
    color: inherit;
    text-decoration: none; /* 移除默认下划线 */
    background-color: transparent; /* 移除IE10的默认背景 */
}

button, input[type="button"], input[type="submit"] {
    -webkit-appearance: button; /* 修正Safari样式 */
    cursor: pointer; /* 统一指针样式 */
}

button:disabled, input:disabled {
    cursor: default; /* 禁用状态指针 */
}

/* 媒体元素重置 ========================================== */
img, video, canvas, svg {
    max-width: 100%; /* 响应式媒体 */
    height: auto; /* 保持宽高比 */
    vertical-align: middle; /* 移除图片底部间隙 */
}

svg {
    fill: currentColor; /* SVG颜色继承 */
}

/* 表单元素增强重置 ====================================== */
input, textarea, select {
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid; /* 统一边框样式 */
}

/* 移除输入框默认样式 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

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

/* 列表重置 ============================================== */
ul, ol {
    list-style: none;
}

/* 表格重置 ============================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 辅助功能增强 ========================================== */
[hidden] {
    display: none !important; /* 覆盖其他显示属性 */
}

[aria-hidden="true"] {
    visibility: hidden;
}

/* 打印样式重置 ========================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* 黑色打印更省墨 */
        box-shadow: none !important;
        text-shadow: none !important;
    }
}

/* 现代功能增强 ========================================== */
:focus:not(:focus-visible) {
    outline: none; /* 非键盘焦点时移除轮廓线 */
}

/* 保持键盘导航可见性 */
:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* 动画性能优化 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* 基础样式 */
body {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    color: #333;
    background: #f5faff;
}

h2, h3 {
    color: #2c3e50;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    cursor: pointer;
    transition: background-color 0.3s ease;
}