:root {
    /*  ui颜色规范 */
    /*   主题色 */
    --primary-color: #179cff;
    --body-bg-color: #f3faff;
    --border-color: rgba(255, 255, 255, 0.1);
    --border-theme-color: #d7eaff;
    --button-bg:
        linear-gradient(
            359.63deg,
            #1f99ff 0.32%,
            #218bff 17.57%,
            #00bfff 65.12%,
            #41ede2 97.73%
        ),
        linear-gradient(269.93deg, #206cff 0.07%, #2dd5ed 99.94%);
    --button-shadow: 0 4px 12px rgba(0, 80, 189, 0.3);
    --module-shadow: 0 12px 20px rgba(159, 177, 191, 0.25);
    --module-light-shadow: 0 4px 10px 0 rgba(159, 177, 191, 0.25);
    --module-bg: linear-gradient(180deg, #fff, #f3faff);
    --title-color: #093e66;
    --desc-color: #7981a4;
    --dark-text-color: rgba(255, 255, 255, 0.8);
    --text-title-color: #0e5e99;
    --text-title-color-shadow:
        #0e5e99 1px 0 0, #0e5e99 0 1px 0, #0e5e99 -1px 0 0, #0e5e99 0 -1px 0;
    --section-title-color: #0e5e99;

    /*  header */
    --header-gradient: rgba(251, 251, 251, 0.7);
    --header-title-color: #093e66;
    --header-menu-bg: #fbfbfb;
    --header-item-right: 12px;
    --h5-header-gradient: #fff;

    /* footer */
    --footer-bg-color: #303442;
    --footer-desc: var(--dark-text-color);
    --footer-link: var(--dark-text-color);
    --footer-border-color: rgba(255, 255, 255, 0.1);
    --h5-footer-copyright-bg-color: #414755;
    --h5-footer-nav-item-bg-color: #414755;
    /* ==================================== 首页 ======================================== */
    /*  banner */
    --banner-title-gradient: #0e5e99;
    /*  导航 */
    --nav-background: var(--module-bg);
    --banner-nav-border-color: var(--border-theme-color);
    --nav-box-shadow: 0 12px 20px rgba(159, 177, 191, 0.25);
    --nav-box-border: 3px solid #fff;
    --nav-contact-item-bg: #e8f5ff;
    --h5-nav-module-bg: var(--nav-background);
    /* 平台 */
    --platform-card-bg: var(--module-bg);
    --platform-card-shadow: var(--module-shadow);
    /* 关于 */
    --about-bg: var(--module-bg);
    --about-shadow: var(--module-shadow);
    --about-li-shadow: var(--module-shadow);
    --about-li-active-bg: var(--button-bg);
    --about-li-active-shadow: var(--button-shadow);
    --about-li-color: var(--title-color);
    /* 热门游戏 */
    --hot-game-title-bg: #e8f5ff;
    --hot-game-title-active-bg: linear-gradient(
        180deg,
        #fff 70.48%,
        #e8f5ff 110.71%
    );
    --hot-game-title-active-shadow: 0 4px 12px rgba(105, 168, 222, 0.25);

    /* 滚动条thumb颜色 */
    --scrollbar-thumb-color: #179cff;
    /* ==================================== 首页 ======================================== */

    /* sitemap page bg  */
    --sitemap-module-bg: var(--module-bg);

    /*  story list page */
    --story-list-module-bg-color: var(--module-bg);

    /* 图标 */
    --web-bg: url("/static/images/anbo/site/banner_1.jpg");
    --icon-service: url("/static/images/anbo/site/icon_customer.png");
    --section-title-left: url("/static/images/anbo/title_left.png");
    --section-title-right: url("/static/images/anbo/title_right.png");
    --icon-directup: url("/static/images/anbo/icon_arrow.png");
    --icon_time: url("/static/images/anbo/icon_time.png");
    --article_read_eyes: url("/static/images/anbo/articleReadEyes.png");
    --icon-pagination-off: url("/static/images/anbo/icon_pagination_off.png");
    --icon-pagination-on: url("/static/images/anbo/icon_pagination_on.png");
    --download-bg: url("/static/images/anbo/download/download-bg.jpg");
    --log_corner: url("/static/images/anbo/download/log_corner.png");
    --mobile: url("/static/images/anbo/download/mobile.png");
    --mobile-tutorial-arrow: url("/static/images/anbo/download/arrow.png");
}