/* =================================================================
   CSS Reset - 浏览器样式重置
   ================================================================= */

/* ==================== 文件说明 ====================
 * 文件名称: reset.css
 * 所属层级: base（基础层）
 * 文件用途: 初始化样式，统一各浏览器默认样式差异
 * 参考标准: 参考京东样式 + Normalize.css
 * 依赖关系: 无（应最先加载）
 * 维护说明: 修改需谨慎，会影响全站所有元素
 * ================================================== */

/* ==================== 目录结构 ====================
 * 1. 全局盒模型重置
 * 2. HTML5语义化标签支持
 * 3. 基础字体设置
 * 4. 列表样式重置
 * 5. 表单元素重置
 * 6. 图片和媒体元素
 * 7. 链接样式重置
 * 8. 表格样式重置
 * 9. 其他元素重置
 * ================================================== */

/* 清除内外边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 设置基础字体 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 清除列表样式 */
ol, ul, li {
    list-style: none;
}

/* 清除表格边框间隙 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 统一引号样式 */
blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* 图片样式 */
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}

/* 链接样式 */
a {
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

/* 表单元素样式 */
input, button, textarea, select {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    border: none;
}


/* 按钮样式 */
button {
    cursor: pointer;
    background: none;
}

/* 清除浮动 */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* 隐藏元素 */
.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

/* 文字溢出省略号 */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 多行文字溢出省略号 */
.ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 禁止选中文本 */
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 滚动条样式 - Webkit浏览器 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
}