/* i2_theme frontend CSS ------------------------------------------------------------------------------*/
:root {
  /* 基础主题颜色 */
  /* --custom-theme-color: #af2328; */

  /* 基于基础颜色生成的变体 (类似 SCSS $grays map) */
  /* 使用 color-mix() 函数生成变体 - 现代浏览器支持 */
  --custom-theme-color-dark-lv1: color-mix(in srgb, var(--custom-theme-color) 75%, black);
  --custom-theme-color-dark-lv2: color-mix(in srgb, var(--custom-theme-color) 35%, black);
  --custom-theme-background-color-dark-lv1: oklch(from var(--custom-theme-background-color) calc(l - 0.03) calc(c + 0.015) h);
  --custom-theme-background-color-dark-lv2: oklch(from var(--custom-theme-background-color) calc(l - 0.07) calc(c + 0.05) h);
  --custom-theme-background-color-dark-lv3: oklch(from var(--custom-theme-background-color) calc(l - 0.095) calc(c + 0.07) h);
}

body.subsite-home.theme-lingkee_textbook_series,
body.page-node-52,
body.page-node-53,
body.page-node-54,
body.page-node-55,
body.page-node-56,
body.page-node-60,
body.page-node-61,
body.page-node-330,
body.page-node-818,
body.page-node-823 {
  position: relative;
  background-color: var(--custom-theme-background-color) !important;
}

body.subsite-home.theme-lingkee_textbook_series::before,
body.page-node-52::before,
body.page-node-53::before,
body.page-node-54::before,
body.page-node-55::before,
body.page-node-56::before,
body.page-node-60::before,
body.page-node-61::before,
body.page-node-330::before,
body.page-node-818::before,
body.page-node-823::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 534px;
  background-color: var(--custom-theme-color) !important;
  background-image: var(--custom-theme-background-image);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
}
body.subsite-home.theme-lingkee_textbook_series::after,
body.page-node-52::after,
body.page-node-53::after,
body.page-node-54::after,
body.page-node-55::after,
body.page-node-56::after,
body.page-node-60::after,
body.page-node-61::after,
body.page-node-330::after,
body.page-node-818::after,
body.page-node-823::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 534px;
  background-image: var(--custom-theme-icon-image);
  background-position: right bottom;
  background-size: 30% auto;
  background-repeat: no-repeat;
  z-index: -1;
}

body.toolbar-horizontal.subsite-home.theme-lingkee_textbook_series::before,
body.toolbar-horizontal.subsite-home.theme-lingkee_textbook_series::after,
body.toolbar-horizontal.page-node-52::before,
body.toolbar-horizontal.page-node-52::after,
body.toolbar-horizontal.page-node-53::before,
body.toolbar-horizontal.page-node-53::after,
body.toolbar-horizontal.page-node-54::before,
body.toolbar-horizontal.page-node-54::after,
body.toolbar-horizontal.page-node-55::before,
body.toolbar-horizontal.page-node-55::after,
body.toolbar-horizontal.page-node-56::before,
body.toolbar-horizontal.page-node-56::after,
body.toolbar-horizontal.page-node-60::before,
body.toolbar-horizontal.page-node-60::after,
body.toolbar-horizontal.page-node-61::before,
body.toolbar-horizontal.page-node-61::after,
body.toolbar-horizontal.page-node-330::before,
body.toolbar-horizontal.page-node-330::after,
body.toolbar-horizontal.page-node-818::before,
body.toolbar-horizontal.page-node-818::after,
body.toolbar-horizontal.page-node-823::before,
body.toolbar-horizontal.page-node-823::after {
  top: 101px;
}

@media (min-width: 61em) {
  body.toolbar-horizontal.subsite-home.theme-lingkee_textbook_series::before,
  body.toolbar-horizontal.subsite-home.theme-lingkee_textbook_series::after,
  body.toolbar-horizontal.page-node-52::before,
  body.toolbar-horizontal.page-node-52::after,
  body.toolbar-horizontal.page-node-53::before,
  body.toolbar-horizontal.page-node-53::after,
  body.toolbar-horizontal.page-node-54::before,
  body.toolbar-horizontal.page-node-54::after,
  body.toolbar-horizontal.page-node-55::before,
  body.toolbar-horizontal.page-node-55::after,
  body.toolbar-horizontal.page-node-56::before,
  body.toolbar-horizontal.page-node-56::after,
  body.toolbar-horizontal.page-node-60::before,
  body.toolbar-horizontal.page-node-60::after,
  body.toolbar-horizontal.page-node-61::before,
  body.toolbar-horizontal.page-node-61::after,
  body.toolbar-horizontal.page-node-330::before,
  body.toolbar-horizontal.page-node-330::after,
  body.toolbar-horizontal.page-node-818::before,
  body.toolbar-horizontal.page-node-818::after,
  body.toolbar-horizontal.page-node-823::before,
  body.toolbar-horizontal.page-node-823::after  {
    top: 113px;
  }
}

@media screen and (max-width: 767px) {
  body.subsite-home.theme-lingkee_textbook_series::before,
  body.page-node-52::before,
  body.page-node-53::before,
  body.page-node-54::before,
  body.page-node-55::before,
  body.page-node-56::before,
  body.page-node-60::before,
  body.page-node-61::before,
  body.page-node-330::before,
  body.page-node-818::before,
  body.page-node-823::before {    
    max-height: 700px;  
  }
}

/* 使用示例 - 类似 SCSS $grays["500"] 的用法 */
/*
h2 {
  color: var(--custom-theme-color-900)!important;
} */