/* 
   CSS 初始化样式表
   目标：移除和统一不同浏览器默认样式差异
*/

/* 通用设置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 设置HTML和body的基础字体、颜色和背景 */
html, body {
    /* font-family: hr, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; */
    font-family: itc-avant-garde-gothic-pro,sans-serif;
    color: #333;
    background-color: #fff;
    line-height: 1.6;
}

/* 移除列表元素的默认样式 */
ul, ol {
    /* list-style: none; */
}

/* 移除链接的下划线并设置基础颜色 */
a {
    text-decoration: none;
    color: #007BFF;
	outline: none;
}

/* 移除按钮和输入框的默认样式 */
button, input, textarea, select {
    outline: none;
    border: none;
    background: transparent;
}

/* 统一表单元素的外观 */
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/* 确保图片和嵌入内容自适应父容器 */
img, embed, iframe, object, video {
    max-width: 100%;
    height: auto;
}

/* 移除表格的边框间距 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 移除地址标签的样式 */
address {
    font-style: normal;
}

/* 确保预格式化文本保留空白符 */
pre, code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* 移除HR水平线的默认样式 */
hr {
    border: 0;
    height: 1px;
    background: #ccc;
}

/* 防止滚动条在某些浏览器中影响布局 */
html {
    overflow-y: scroll;
}

/* 为所有可聚焦元素添加视觉反馈 */
:focus {
    outline: 2px solid #007BFF;
    outline-offset: 2px;
}