:root {
  /*  ui颜色规范 — aligned with xk-sport.com light theme */
  --primary-color: #1570b7;
  --body-bg-color: #f3faff;
  --border-color: #d7eaff;
  --border-theme-color: #d7eaff;
  --text-color: #444;
  --button-bg: radial-gradient(
    85.99% 191.66% at 50% -32.28%,
    #b6e9ff 0,
    #73d5ff 26.77%,
    #20a0ff 45.96%,
    #3d72fa 66.67%,
    #20a0ff 100%
  );
  --button-color: #fff;
  --button-bg-hover: radial-gradient(
    85.99% 191.66% at 50% -32.28%,
    #9de0ff 0,
    #5ecaff 26.77%,
    #1896ff 45.96%,
    #3568f5 66.67%,
    #1896ff 100%
  );
  --button-shadow: 0 4px 12px rgba(0, 80, 189, 0.3);
  --module-shadow: 0 8px 12px 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-split-line: #d7eaff;
  --title-split-bg: #1570b7;
  --title-color: #3f5075;
  --desc-color: #444;
  --dark-text-color: rgba(255, 255, 255, 0.8);
  --text-title-color: #1570b7;
  --section-title-color: #1570b7;

  /*  header — vipky.com style top nav */
  --header-gradient: linear-gradient(
    90deg,
    #07080a,
    #0d0b0e 25.99%,
    #392b38 57%,
    #0c0a0d 84.4%,
    #07080a
  );
  --header-sub-menu-gradient: #07080a;
  --header-title-color: #fff;
  --header-menu-bg: #07080a;
  --header-item-right: 12px;
  --h5-header-gradient: #07080a;
  --header-text-color: #fff;
  --header-text-hover-color: #52b0fb;

  /* footer */
  --footer-bg-color: #151b2b;
  --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: #20283b;
  --h5-footer-nav-item-bg-color: #20283b;

  /*  banner */
  --banner-title-gradient: #1570b7;

  /*  导航 */
  --nav-background: var(--module-bg);
  --banner-nav-border-color: var(--border-theme-color);
  --nav-box-shadow: var(--module-shadow);
  --nav-box-border: 3px solid #fff;
  --nav-contact-item-bg: #e9f5ff;
  --nav-contact-item-line: var(--border-theme-color);
  --nav-contact-bg: #e9f5ff;
  --nav-contact-border: 1px solid #d7eaff;
  --nav-contact-color: var(--title-color);
  --h5-nav-module-bg: var(--nav-background);

  /*  奖池 */
  --jackpot-border-color: var(--border-theme-color);
  --jackpot-thead: #e9f5ff;
  --jackpot-even: #fff;
  --jackpot-odd: #f3faff;
  --tfoot-color: var(--title-color);

  /*  体育产品表格 */
  --panel-opacity-gradient: rgba(255, 255, 255, 0.92);

  /* 滚动条颜色 */
  --scrollbar-color: rgba(21, 112, 183, 0.15);
  --scrollbar-thumb-color: #1570b7;
  --scrollbar-thumb-hover-color: #125a94;

  /* 产品 */
  --products-bg-color: #f3faff;
  --choose-bg-color: #f3faff;
  --choose-desc-color: var(--desc-color);

  /*  预览 */
  --preview-bg-color: #f3faff;

  /*  常见问题 */
  --question-bg-color: #f3faff;
  --question-round-color: var(--button-bg);
  --question-desc-color: var(--desc-color);

  /*  用户反馈 */
  --feedback-bg-color: #f3faff;
  --feedback-desc-color: var(--desc-color);

  /*  玩法介绍 */
  --playMethods-bg-color: #f3faff;
  --playMethods-content-bg-color: #fff;
  --playMethods-project-bg-color: #e9f5ff;
  --playMethods-project-row-color: var(--title-color);
  --playMethods-h5-project-bg-color: #e9f5ff;

  /*  动态 */
  --dynamic-bg-color: #f3faff;
  --dynamic-desc-color: var(--desc-color);
  --dynamic-panel-gradient: rgba(255, 255, 255, 0.95);

  /*  story */
  --story-bg-color: #f3faff;
  --story-module-bg-color-hover: #e9f5ff;
  --story-item-title-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1) 1.61%, #fff 80.09%),
    linear-gradient(180deg, rgba(233, 245, 255, 0) 0%, #e9f5ff 80.09%);

  --sitemap-module-bg-color: var(--module-bg);
  --story-page-bg-color: none;
  --story-page-module-bg-color: #fff;
  --download-scan-text-color: none;

  /*  platform / about (xk-sport compat) */
  --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-light-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);
  --sitemap-module-bg: var(--module-bg);

  /* 图标 — paths overridden at runtime via yunda_milan_css_variables() */
  --service1: url('/static/images/milan/service1.png');
  --banner_1: url('/static/images/milan/site/banner_1.jpg');
  --tips: url('/static/images/milan/site/tips.png');
  --group: url('/static/images/milan/post-bg.png');
  --icon_expand: url('/static/images/milan/icon_expand.png');
  --icon_putaway: url('/static/images/milan/icon_putaway.png');
  --tab_01_nor: url('/static/images/milan/tutorial/tab_01_nor.png');
  --tab_01_sel: url('/static/images/milan/tutorial/tab_01_sel.png');
  --tab_02_nor: url('/static/images/milan/tutorial/tab_02_nor.png');
  --tab_02_sel: url('/static/images/milan/tutorial/tab_02_sel.png');
  --tab_03_nor: url('/static/images/milan/tutorial/tab_03_nor.png');
  --tab_03_sel: url('/static/images/milan/tutorial/tab_03_sel.png');
  --tab_04_nor: url('/static/images/milan/tutorial/tab_04_nor.png');
  --tab_04_sel: url('/static/images/milan/tutorial/tab_04_sel.png');
  --tab_05_nor: url('/static/images/milan/tutorial/tab_05_nor.png');
  --tab_05_sel: url('/static/images/milan/tutorial/tab_05_sel.png');
  --icon_time: url('/static/images/milan/icon_time.png');
  --article_read_eyes: url('/static/images/milan/articleReadEyes.png');
  --official_bg: url('/static/images/milan/download/official_bg.png');
  --arrow: url('/static/images/milan/download/arrow.png');
  --ios_icon: url('/static/images/milan/download/ios.png');
  --log_corner: url('/static/images/milan/download/log_corner.png');
  --time-icon: url('/static/images/milan/time.svg');
  --eye-icon: url('/static/images/milan/eye.svg');
}