/* ========== 重置与基础样式 ========== */
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     outline: none;
     font-weight: 400;
     border: 0;
     transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease, transform 0.3s ease, height 0.3s ease, width 0.3s ease, left 0.3s ease, padding 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
     -webkit-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease, transform 0.3s ease, height 0.3s ease, width 0.3s ease, left 0.3s ease, padding 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
     -moz-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease, transform 0.3s ease, height 0.3s ease, width 0.3s ease, left 0.3s ease, padding 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
     -ms-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease, transform 0.3s ease, height 0.3s ease, width 0.3s ease, left 0.3s ease, padding 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
     -o-transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease, transform 0.3s ease, height 0.3s ease, width 0.3s ease, left 0.3s ease, padding 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}

/* ========== 滚动条美化（WebKit） ========== */
::-webkit-scrollbar {
    width: 0.7rem;
}

::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    border-radius: 1rem;
}

::-webkit-scrollbar-thumb {
    background-color: #4e4b4b;
    border: 3px solid #f0f0f0;
    border-radius: 1rem;
}

/* ========== HTML & Body 基础 ========== */
html {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    overflow-x: hidden;
}

/* 默认字体大小（PC 优先） */
body {
    font-size: 14.5px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========== 响应式字体大小（移动端） ========== */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    h5 {
        font-size: 7vw;
    }
}

/* ========== 基础标签默认样式 ========== */
a {
    color: #1c1d1d;
    text-decoration: none;
}

li {
    list-style: none;
}

img,
video {
    vertical-align: middle;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    border: none;
}

video {
    object-fit: cover;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    word-wrap: break-word;
}