:root {
  /*  ui颜色规范 */
  /*   主题色 */
  --primary-color: #7134c0;
  --body-bg-color: #f6f6f6;
  --border-color: #eee;
  --border-theme-color: #ebebf6;
  --button-bg: linear-gradient(180.35deg, #c399fa -6.92%, #6f29cb 99.7%);
  --button-shadow: 0 4px 12px 0 rgba(188, 174, 205, 0.7);
  --module-shadow: 0 12px 20px 0 hsla(264, 9%, 68%, 0.251);
  --module-light-shadow: 0 4px 12px 0 rgba(188, 174, 205, 0.302);
  --module-bg: linear-gradient(0deg, #fff, #fff), linear-gradient(180deg, #fff 24.47%, #fdfcff);
  --title-color: #2d2d45;
  --desc-color: #706e83;
  --dark-text-color: rgba(255, 255, 255, 0.8);
  --text-title-color: #7134c0;
  --text-title-color-shadow: #7134c0 1px 0 0, #7134c0 0 1px 0, #7134c0 -1px 0 0, #7134c0 0 -1px 0;
  --section-title-color: #2d2d45;

  /*  header */
  --header-gradient: hsla(0, 0%, 98%, 0.7);
  --header-title-color: #706e83;
  --header-menu-bg: #fbfbfb;
  --header-item-right: 16px;
  --h5-header-gradient: #fff;

  /* footer */
  --footer-bg-color: #25243f;
  --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: hsla(0, 0%, 100%, 0.1);
  --h5-footer-nav-item-bg-color: hsla(0, 0%, 100%, 0.1);
  /* ==================================== 首页 ======================================== */
  /*  banner */
  --banner-title-gradient: #fff;
  --banner-desc-color: #fff;
  /*  导航 */
  --nav-background: var(--module-bg);
  --banner-nav-border-color: var(--border-theme-color);
  --nav-box-shadow: 0 12px 20px 0 hsla(264, 9%, 68%, 0.251);
  --nav-box-border: 3px solid #fff;
  --nav-contact-item-bg: #ebebf6;
  --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: #e9f0ef;
  --hot-game-title-active-bg: linear-gradient(180deg, #fff 70.48%, #e8eeff 110.71%);
  --hot-game-title-active-shadow: 0 4px 12px 0 rgba(122, 105, 222, 0.251);

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

  /* 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/milan/site/banner-bg.jpg');
  --icon-service: url('/static/images/milan/site/icon_customer.png');
  --section-title-left: url('/static/images/milan/site/title_left.png');
  --section-title-right: url('/static/images/milan/site/title_right.png');
  --icon-directup: url('/static/images/milan/site/icon_arrow.png');
  --icon_time: url('/static/images/milan/site/icon_time.png');
  --article_read_eyes: url('/static/images/milan/site/articleReadEyes.png');
  --icon-pagination-off: url('/static/images/milan/site/icon_pagination_off.png');
  --icon-pagination-on: url('/static/images/milan/site/icon_pagination_on.png');
  --download-bg: url('/static/images/milan/app/download-bg.jpg');
  --log_corner: url('/static/images/milan/app/log_corner.png');
  --mobile-tutorial-arrow: url('/static/images/milan/app/arrow.png');
  --ios_icon: url('/static/images/milan/app/ios.png');
  --download-code-bg: url('/static/images/milan/app/code_bg.png');
}