:root {
  /* 暖色亮模式 */
  --color-bg: #FFF8F5;
  --color-text: #1A1200;
  --color-primary: #FF5C00; /* 朱砂红 */
  --color-muted: #9B6A45;
  --radius: 24px;
  --font-cn: "PingFang SC", "HarmonyOS Sans SC", sans-serif;
  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,.04);
  --shadow-xl: 0 20px 40px -10px rgba(255,92,0,.20);
}

/* 暗色模式 */
html.dark {
  --color-bg: #1A1200;
  --color-text: #FFF8F5;
  /* --color-primary: #FFB08A;
  --color-muted: #C89B70; */
}

/* 微动效 - 浮起 */
.hover-lift {
  transition: transform .25s cubic-bezier(.4,0,.2,1);
}
.hover-lift:hover {
  transform: translateY(-4px);
}

.content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.content::-webkit-scrollbar {
  width: 0; /* 隐藏垂直滚动条 */
  height: 5px;
  background-color: transparent; /* 滚动条背景色透明 */
}

.content::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 滚动条颜色 */
  border-radius: 6px; /* 滚动条圆角 */
}