:root {

  /* 基础色板 */
  --white-color: #fff;
  --black-color: #000;
  --blue-color: #ff9b45;

  /* 主题颜色（由themeManager动态设置） */
  --primary-color: #ffd18b;
  --secondary-color: #ff8a5c;
  --theme-color: #ffe8c2;
  --surface-color: rgba(255, 255, 255, 0.08);
  --surface-strong: rgba(255, 255, 255, 0.14);
  --glass-border: rgba(255, 255, 255, 0.25);
  --text-color: #fff8ef;

  /* 背景颜色变量（由themeManager动态设置） */
  --bg-base: #3c1301;
  --bg-gradient-start: #742d08;
  --bg-gradient-end: #3c1301;

  --app-width: 100vw;
  --app-height: 100vh;

  --color-1: #fff1d9;
  --color-2: #ffd3a5;
  --color-3: #ffbc82;
  --color-4: rgba(255, 255, 255, 0.08);
  --color-5: rgba(255, 255, 255, 0.14);
  --color-6: rgba(255, 255, 255, 0.22);
  --color-7: rgba(255, 255, 255, 0.3);
  --color-8: rgba(255, 255, 255, 0.4);
  --color-9: #ffb880;
  --color-10: #ff9f6f;
  --color-11: rgba(255, 255, 255, 0.18);
  --color-12: #ffd18b;
  --color-13: rgba(255, 180, 120, 0.35);
  --color-14: rgba(255, 255, 255, 0.2);
  --color-15: rgba(0, 0, 0, 0.2);
  --color-16: rgba(255, 255, 255, 0.06);
  --color-17: rgba(90, 35, 0, 0.45);
  --color-18: rgba(70, 25, 0, 0.65);
  --color-19: rgba(255, 255, 255, 0.08);
  --color-20: #fff7ef;
  --color-21: rgba(255, 255, 255, 0.3);
  --color-22: rgba(255, 255, 255, 0.12);
  --color-23: rgba(255, 255, 255, 0.15);

  --aurora-a: rgba(255, 138, 92, 0.45);
  --aurora-b: rgba(255, 193, 90, 0.35);
  --aurora-c: rgba(255, 105, 155, 0.35);

  /* 布局尺寸 */
  --side-width: 250px;
  --z-index-0: 0;
  --z-index-1: 10;
  --z-index-2: 20;
  --z-index-3: 30;
  --z-index-4: 40;
  --z-index-5: 50;

  /* header */
  --header-height: 60px;

  /* footer */
  --footer-height: 100px;

  --content-width: 84vw;

}



/* rules */

.flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

.underline:hover{
  text-decoration: underline;
}
.text-ol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.text-tl {
  overflow: hidden;
  display: -webkit-box ;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.icon {
  width: 20px;
  height: 20px;
  /* 基线对齐 */
  vertical-align: bottom;
}

.none {
  display: none !important;
}




/* 字体颜色 */
.fc-b{
  color: var(--black-color) !important;
}
.fc-2{
  color: var(--color-2) !important;
}
.fc-3{
  color: var(--color-3) !important;
}
.fc-w{
  color: var(--white-color) !important;
}



/* 字体粗 */
.fw-5{
  font-weight: 500;
}
.fw-6{
  font-weight: 600;
}
.fw-7{
  font-weight: 700;
}


.fs-12{
  font-size: 12px;
}
.fs-14{
  font-size: 14px;
}
.fs-15{
  font-size: 15px;
}
.fs-16{
  font-size: 16px;
}
.fs-17{
  font-size: 17px;
}
.fs-18{
  font-size: 18px;
}
.fs-20{
  font-size: 20px;
}
.fs-24{
  font-size: 24px;
}
.fs-25{
  font-size: 25px;
}
.fs-30{
  font-size: 30px;
}