:root {
    /* 主色调 */
    --themeColor: var(--myThemeColor, #DD3032);

    /* 文字基础色 用于菜单和页签标题 */
    --baseFontColor: var(--myBaseFontColor, #3E3A39);
    /* 文字次要色 用于正文 */
    --subFontColor: var(--mySubFontColor, #666666);
    /* 文字辅助色 用于日期 */
    --noteFontColor: var(--myNoteFontColor, #9F9F9F);
    /* 文字次要辅助色 用于页面底部 */
    --subNoteFontColor: var(--mySubNoteFontColor, #A3A3A3);

    /* 边框色 */
    --borderColor: var(--myBorderColor, #D5D5D5);

    /* 分割线颜色 分割线，分割线色 */
    --divisionColor: var(--myDivisionColor, #F0F0F0);

    /* 图标颜色 */
    --iconColor: var(--myIconColor, #999999);
}
@media screen and (min-width: 961px) {
    :root {
        /* 标签页字体大小 */
        --tabFontSize: var(--myTabFontSize, 0.24rem);
        /* 列表字体大小 */
        --listFontSize: var(--myListFontSize, 0.2rem);
        /* 辅助文字大小 用于日期 */
        --noteFontSize: var(--myNoteFontSize, 0.15rem);
        /* 次级辅助文字大小 用于底部 */
        --subNoteFontSize: var(--mySubNoteFontSize, 0.16rem);
        /* 菜单字体大小 */
        --menuFontSize: var(--myMenuFontSize, 0.18rem);
    }
}
/* 移动端适配 */
@media screen and (max-width:960px) {
    :root {
        /* 标签页字体大小 */
        --tabFontSize: var(--myTabFontSize, 0.32rem);
        /* 列表字体大小 */
        --listFontSize: var(--myListFontSize, 0.32rem);
        /* 辅助文字大小 用于日期 */
        --noteFontSize: var(--myNoteFontSize, 0.24rem);
        /* 次级辅助文字大小 用于底部，搜索框 */
        --subNoteFontSize: var(--mySubNoteFontSize, 0.28rem);
        /* 菜单字体大小 */
        --menuFontSize: var(--myMenuFontSize, 0.32rem);
    }
}