/* 添加container的背景样式 */
.container {
    background-image: var(--base-background-image);
    background-repeat: repeat;      /* 图片平铺 */
    background-position: center;    /* 居中对齐 */
    background-attachment: fixed;   /* 固定背景，不随滚动 */
    min-height: 100vh;             /* 确保容器至少占满整个视口高度 */
}

*{
  font-family: var(--main-font);
}

:root {
    /* 添加字体变量 */
    --main-font: 'Noto Sans', sans-serif, Arial;
    /* 背景图片设置 */
    --base-background-image: url('/assets/img/frontend/common/base.png');
    
    /* 固定色 */
    --button-unable: #999;      /* 普通按钮颜色 */
    --card-bg: rgba(0, 0, 0, 0.2);  /* 卡片背景色（半透明黑色） */
    --progress-bg-color:#D8692D;
    --progress-fill-bg-color:#D74747;
    --jackpot-color:#ffff6b;
    --jackpot-border-color:#fb0606;
    --bonus-badge-color:#FF4A4A; /*主要用于角标颜色*/
    --text-color:#fff; /*白色 补偿的文本颜色*/

    /* 主题色 */
    --background-color:#F9A673;  /*背景色*/
    --active-color:#F9D983; /*激活颜色 贯穿整个主题*/
    --primary-color:#E58347; /*主色调，用于按钮、导航栏等核心交互元素*/
    --secondary-color:#9F572B;/*辅色调，用于次要 文本 边框 等辅助信息*/
    --text-color-active:#E58347; /*激活按钮的文本颜色*/
    --outer-bg-color: #FAC6A6;     /*外部背景色 */
    --amount-color:#9F572B;/*金额颜色*/
    --background-color-light:#e78f58; /*补充一个浅色背景区别header,tab和background的color*/

}