:root {
    /* 测试边框颜色 */
    --test-border-color: red;

    /* 字体颜色 */
    --font-color: #fff;

    /* 背景颜色 */
    --bg-color: #95999d;
    --bg-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    /* 禁止网页使用深色模式 */
    color-scheme: only light !important;
}

* {
    /* 重置默认样式 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ========== 背景 ========== */
body {
    /* 背景图片 */
    background: url("../../img/background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* ========== 自定义滚动条 ========== */
::-webkit-scrollbar {
  width: 2px;   /* 垂直滚动条宽度 */
  height: 2px;  /* 水平滚动条高度 */
}
::-webkit-scrollbar-track {
  background: #2C2C2E;
}
::-webkit-scrollbar-thumb {
  background: #4B4B4D;
}
::-webkit-scrollbar-button {
  display: none; /* 去掉箭头按钮 */
}

/* ========== 移动端适配 ========== */
@media screen and (max-width: 768px) {
    /* 去除移动端点击蓝色背景 */
    * {
        -webkit-tap-highlight-color: transparent;
    }
}