:root {
  --primary-color: #3a83e9;
  --bg-color: #3a83e9;
  --deep-color: #2d6fcd;
  --shallow-color: #dbeaff;
  --rdwt-bg-color: #e9f2fe;
  --text-color-333: #333333;
  --text-color-fff: #ffffff;
  --xj-zs-color: #ff8324;
  --xj-yb-color: #ea2b22;
  --title-linear-gradient: linear-gradient(
    86deg,
    rgb(187, 214, 248),
    rgb(255, 252, 245)
  );
  --banner-title-img: url("banner-title.png");
  --banner_title_icon-img: url("banner_title_icon.png");
  --table_banner-img: url("table_banner.png");
  --wapper-icon1-img: url("wapper-icon1.png");
  --wapper-icon2-img: url("wapper-icon2.png");
}
[data-theme="red"] {
  --primary-color: #bd1a2d;
  --bg-color: #bd1a2d;
  --deep-color: #b1071b;
  --shallow-color: #ffebed;
  --rdwt-bg-color: #ffffff;
  --xj-zs-color: #FFFFFF;
  --xj-yb-color: #FFFFFF;
  --title-linear-gradient: linear-gradient(
    86deg,
    rgba(189, 26, 45, 0.1) 3%,
    rgba(189, 26, 45, 0) 98%
  );
  --banner-title-img: url("banner-title-red.png");
  --banner_title_icon-img: url("banner_title_icon-red.png");
  --table_banner-img: url("table_banner-red.png");
  --wapper-icon1-img: url("wapper-icon1-red.png");
  --wapper-icon2-img: url("wapper-icon2-red.png");
}