:root {
  /*  ui颜色规范 — light theme */
  /*   主题色 */
  --primary-color: #2563eb;
  --body-bg-color: #c7cace;
  --content-bg-color: #ffffff;
  --card-bg-color: #ffffff;
  --card-bg-hover-color: #f0f1f3;
  --sidebar-bg-color: #bcbfc4;
  --border-color: #c4c7cc;
  --divider-color: #e2e4e7;
  --text-color: #374151;
  --button-bg: linear-gradient(0deg, #2563eb, #1d4ed8);
  --button-color: #fff;
  --button-bg-hover: linear-gradient(0deg, #1d4ed8, #1e40af);
  --title-split-line: var(--divider-color);
  --title-split-bg: #2563eb;
  --title-color: #1f2937;
  --desc-color: #6b7280;

  /*  header — aligned with milan-web.com */
  --header-gradient: linear-gradient(90deg, #d2d4d8, #d2d4d8 51.56%, #d2d4d8);
  --header-sub-menu-gradient: #ffffff;
  --header-item-right: 12px;
  --h5-header-gradient: linear-gradient(0deg, #d2d4d8, #d2d4d8), #d2d4d8;
  --header-text-color: #374151;
  --header-text-hover-color: #1d4ed8;

  /* footer — aligned with milan-web.com */
  --footer-bg-color: #b2b5bb;
  --footer-desc: #1f2937;
  --footer-link: #1f2937;
  --footer-border-color: #a3a6ac;

  /*  banner */
  --banner-title-gradient: #2563eb;

  /*  导航 */
  --nav-background: rgba(255, 255, 255, 0.97);
  --nav-box-shadow: 0 1px 2px rgba(55, 65, 81, 0.1);
  --nav-contact-item-line: rgba(55, 65, 81, 0.1);
  --nav-contact-bg: rgba(255, 255, 255, 0.4);
  --nav-contact-border: 1px solid #c4c7cc;
  --nav-contact-color: #374151;

  /*  奖池 */
  --jackpot-border-color: var(--border-color);
  --jackpot-thead: #d2d4d8;
  --jackpot-even: #ffffff;
  --jackpot-odd: #f0f1f3;
  --tfoot-color: #374151;

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

  /* 滚动条颜色 — aligned with milan-web.com */
  --scrollbar-color: rgba(55, 65, 81, 0.12);
  --scrollbar-thumb-color: #a3a6ac;
  --scrollbar-thumb-hover-color: #8b8e94;

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

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

  /*  常见问题 */
  --question-bg-color: #c7cace;
  --question-round-color: linear-gradient(0deg, #2563eb, #1d4ed8);
  --question-desc-color: var(--desc-color);

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

  /*  玩法介绍 — aligned with milan-web.com */
  --playMethods-bg-color: #c7cace;
  --playMethods-content-bg-color: #ffffff;
  --playMethods-project-bg-color: rgba(55, 65, 81, 0.06);
  --playMethods-project-row-color: #2563eb;
  --playMethods-h5-project-bg-color: #ffffff;

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

  /*  story — aligned with milan-web.com */
  --story-bg-color: #c7cace;
  --story-module-bg-color-hover: #f0f1f3;
  --story-item-title-bg:
    linear-gradient(180deg, rgba(31, 40, 51, 0.1) 1.61%, #1f2833 80.09%),
    linear-gradient(180deg, rgba(130, 116, 103, 0) 0%, #827467 80.09%);

  --sitemap-module-bg-color: #ffffff;
  --story-page-bg-color: none;
  --story-page-module-bg-color: #ffffff;
  --download-scan-text-color: none;
  --h5-footer-copyright-bg-color: #a3a6ac;
  --h5-footer-nav-item-bg-color: #ffffff;

  /* 图标 — 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');
}