think {
  display: none;
}

ai {
  display: block;
  max-width: 680px;
  margin: 0 auto;
  padding: 12px;
  /* 整体背景改为纯色 #8eb69b */
  background: #8eb69b;
  font-family: "KaiTi", "STKaiti", "SimSun", serif;
  font-size: 14px;
  line-height: 1.6;
  color: #2d3e2f;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(47, 79, 47, 0.15);
  position: relative;
}

ai hd {
  display: block;
  padding: 8px 12px;
  /* 标题背景保持浅色（宣纸色） */
  background: #fefef5;
  /* 边框保留墨绿色 */
  border-left: 3px solid #2f4f2f;
  margin-bottom: 12px;
  font-size: 13px;
  border-radius: 4px;
}

ai hd t {
  display: inline-block;
  color: #2f4f2f;
  font-weight: bold;
  margin-right: 6px;
}

ai hd t::after {
  content: "·";
  margin-left: 6px;
  color: #5a7d5a;
}

ai article {
  display: block;
  padding: 10px 12px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #5a7d5a;
  /* 内容区背景改为宣纸色 */
  background: #fefef5;
  border-radius: 4px;
}

ai article p {
  margin: 8px 0;
  text-indent: 2em;
}

/* details 内部背景改为宣纸色 */
ai details {
  margin: 10px 0;
  padding: 10px;
  /* 内部背景宣纸色 */
  background: #fefef5;
  border-radius: 6px;
  /* 边框保留墨绿色 */
  border: 1px solid #2f4f2f;
  box-shadow: 0 2px 8px rgba(47, 79, 47, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

ai details[open] {
  /* 展开状态宣纸色微调 */
  background: #fdfdf0;
  box-shadow: 0 4px 12px rgba(47, 79, 47, 0.2), inset 0 1px 3px rgba(255, 255, 255, 0.9);
}

ai summary {
  cursor: pointer;
  padding: 6px 10px;
  font-weight: bold;
  color: #2d3e2f;
  list-style: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  position: relative;
  padding-left: 28px;
}

ai summary::-webkit-details-marker {
  display: none;
}

ai summary:hover {
  background: rgba(47, 79, 47, 0.08);
  box-shadow: 0 1px 4px rgba(47, 79, 47, 0.2);
}

ai summary i {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-style: normal;
  color: #2f4f2f;
  font-size: 16px;
}

ai summary i::before {
  content: "◈";
}

ai details[open] > summary i {
  transform: translateY(-50%) rotate(90deg);
}

/* 文字下的背景保持浅色（宣纸色） */
ai p {
  margin: 6px 0;
  padding: 4px 8px;
  background: #fefef5;
  border-radius: 3px;
}

ai p[t] {
  background: transparent;
}

ai p[t]::before {
  content: attr(t);
  display: block;
  font-weight: bold;
  color: #2f4f2f;
  margin: 8px 0 4px 0;
  padding-left: 12px;
  border-left: 2px solid #5a7d5a;
  font-size: 13px;
}

ai d {
  display: block;
  padding: 3px 0;
  color: #3a4f3c;
}

ai f {
  font-weight: bold;
  font-size: 15px;
  color: #2d3e2f;
  margin-right: 8px;
}

/* 印章标签保持红色不变 */
ai q {
  display: inline-block;
  padding: 3px 10px;
  background: #c8342e;
  color: #fff;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 6px;
  box-shadow: 0 2px 4px rgba(200, 52, 46, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
}

ai q::before {
  content: "";
  position: absolute;
  inset: 1px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1px;
  pointer-events: none;
}

/* 带标记的段落背景保持宣纸色，左侧彩条保留墨绿色 */
ai p[c="1"] {
  background: linear-gradient(90deg, #2f4f2f 3px, #fefef5 3px);
  border-radius: 4px;
  margin: 6px 0;
  padding: 4px 4px 4px 12px;
}

ai p[c="2"] {
  background: linear-gradient(90deg, #3a5e3a 3px, #fefef5 3px);
  border-radius: 4px;
  margin: 6px 0;
  padding: 4px 4px 4px 12px;
}

ai p[c="3"] {
  background: linear-gradient(90deg, #2f4f2f 3px, #fefef5 3px);
  border-radius: 4px;
  margin: 6px 0;
  padding: 4px 4px 4px 12px;
  position: relative;
}

ai p[c="3"]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: repeating-linear-gradient(
    0deg,
    #2f4f2f 0px,
    #2f4f2f 4px,
    transparent 4px,
    transparent 8px
  );
}

/* details 分类边框保留墨绿色，内部背景宣纸色 */
ai details[c="1"] {
  background: #fefef5;
  border-left: 3px solid #2f4f2f;
  box-shadow: 0 2px 8px rgba(47, 79, 47, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

ai details[c="2"] {
  background: #fefef5;
  border-left: 3px solid #3a5e3a;
  box-shadow: 0 2px 8px rgba(58, 94, 58, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

ai details[c="3"] {
  background: #fefef5;
  border-left: 3px solid #2f4f2f;
  box-shadow: 0 2px 8px rgba(47, 79, 47, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* 表格样式调整 */
ai table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
  font-size: 13px;
  /* 表格背景宣纸色 */
  background: #fefef5;
  border-radius: 4px;
  overflow: hidden;
}

ai th {
  /* 表头背景墨绿色 */
  background: #2f4f2f;
  color: #fff;
  padding: 6px 8px;
  text-align: left;
  font-weight: bold;
  border-bottom: 2px solid #1e3b1e;
}

ai td {
  padding: 6px 8px;
  border-bottom: 1px solid #ddecd3;
}

ai tr:hover {
  background: rgba(233, 255, 254, 0.5);
}

ai tr:last-child td {
  border-bottom: none;
}

/* 嵌套 details 同样使用宣纸色和墨绿色 */
ai details details {
  margin: 8px 0 4px 0;
  padding: 6px;
  background: #fefef5;
  border: 1px dashed #5a7d5a;
  box-shadow: 0 1px 4px rgba(47, 79, 47, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

ai details details summary {
  font-size: 13px;
  color: #3a4f3c;
  padding-left: 24px;
}

ai details details summary i::before {
  content: "❖";
  font-size: 14px;
}

/* 装饰性背景对应调整，但主背景已为纯色，此处保留微弱纹理 */
ai::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: 
    radial-gradient(circle at 20% 30%, rgba(47, 79, 47, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(58, 94, 58, 0.06) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}

/* 以下为自定义属性进度条样式，保持不变 */
ai p[style*="--val"] {
  position: relative;
  padding-right: 120px;
  min-height: 24px;
}

ai p[style*="--val"] d {
  position: relative;
  z-index: 1;
}

ai p[style*="--val"]::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 12px;
  background: #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

ai p[style*="--val"]::before {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
  border-radius: 6px;
  z-index: 1;
  transition: width 0.3s ease;
}

ai p[style*="--val"] d:contains("沉沦值")::before {
  width: calc(var(--val, 0) * 1%);
  background: linear-gradient(90deg, 
    #afd196 0%, 
    #afd196 30%, 
    #f4a460 30%, 
    #f4a460 60%, 
    #e85d75 60%, 
    #e85d75 85%, 
    #8b0000 85%);
}

ai p[style*="--val"] d:contains("受孕率")::before {
  width: calc(var(--val, 0) * 1%);
  background: linear-gradient(90deg, 
    #d0e8d0 0%, 
    #d0e8d0 25%, 
    #afd196 25%, 
    #afd196 50%, 
    #f4a460 50%, 
    #f4a460 75%, 
    #e85d75 75%);
}

ai p[style*="--val"] d:contains("占有欲")::before {
  width: calc(var(--val, 0) * 1%);
  background: linear-gradient(90deg, 
    #afd196 0%, 
    #afd196 40%, 
    #f4a460 40%, 
    #f4a460 70%, 
    #c8342e 70%);
}

ai p[style*="--val"] d:contains("爱意值")::before {
  width: calc(var(--val, 0) * 1%);
  background: linear-gradient(90deg, 
    #d0e8d0 0%, 
    #d0e8d0 30%, 
    #f4a460 30%, 
    #f4a460 60%, 
    #e85d75 60%, 
    #e85d75 85%, 
    #ff69b4 85%);
}

/* ===== 顶部栏 - 竹林天际线 ===== */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(135deg, #7D9B76 0%, #6B8A65 100%) !important;
  box-shadow: 0 2px 8px rgba(125, 155, 118, 0.15) !important;
  backdrop-filter: blur(8px) !important;
}

/* 模型选择器容器 */
#ai-model-selector .group.flex.items-center {
  background: rgba(242, 237, 228, 0.12) !important;
  border: 1px solid rgba(242, 237, 228, 0.25) !important;
  border-radius: 8px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#ai-model-selector .group.flex.items-center:hover {
  background: rgba(242, 237, 228, 0.2) !important;
  border-color: rgba(242, 237, 228, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* 模型名称文字 */
#ai-model-selector .truncate.text-\[13px\] {
  color: #F2EDE4 !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
}

/* 下拉箭头 */
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #F2EDE4 !important;
  opacity: 0.85 !important;
  transition: transform 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover svg {
  opacity: 1 !important;
  transform: translateY(2px) !important;
}

/* 历史记录图标(移动端) */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #F2EDE4 !important;
  opacity: 0.9 !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  opacity: 1 !important;
  filter: drop-shadow(0 0 4px rgba(242, 237, 228, 0.4)) !important;
}

/* 历史记录未读角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: #C9B99A !important;
  box-shadow: 0 0 6px rgba(201, 185, 154, 0.6) !important;
}

/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  background: rgba(242, 237, 228, 0.1) !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: rgba(242, 237, 228, 0.2) !important;
  transform: scale(1.05) !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #F2EDE4 !important;
}

/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #F2EDE4 !important;
  opacity: 0.9 !important;
  transition: opacity 0.3s ease !important;
}

.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
  opacity: 1 !important;
}

/* 设置按钮 */
#header-setting-button {
  background: rgba(242, 237, 228, 0.1) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

#header-setting-button:hover {
  background: rgba(242, 237, 228, 0.2) !important;
  transform: translateY(-1px) !important;
}

#header-setting-button svg {
  color: #F2EDE4 !important;
}

/* ===== 底部按钮栏 - 青玉镇纸 ===== */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, #7D9B76 0%, #6B8A65 100%) !important;
  color: #F2EDE4 !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 2px 6px rgba(125, 155, 118, 0.25) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

#ai-mod-button2 button.MuiButton-root::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 50% !important;
  background: rgba(201, 185, 154, 0.3) !important;
  transform: translate(-50%, -50%) !important;
  transition: width 0.6s ease, height 0.6s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover::before {
  width: 300px !important;
  height: 300px !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, #6B8A65 0%, #5A7856 100%) !important;
  box-shadow: 0 4px 12px rgba(125, 155, 118, 0.35) !important;
  transform: translateY(-2px) !important;
}

#ai-mod-button2 button.MuiButton-root:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px rgba(201, 185, 154, 0.4) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) !important;
  transition: transform 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
  transform: scale(1.1) !important;
}

/* ===== 底部输入栏 - 研墨砚池 ===== */
#ai-chat-bottom-input {
  background: #F2EDE4 !important;
  border-top: 1px solid #B9C9B1 !important;
  box-shadow: 0 -2px 8px rgba(185, 201, 177, 0.1) !important;
}

#ai-chat-input {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(185, 201, 177, 0.3) !important;
  border-radius: 12px !important;
  color: #7D9B76 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  transition: all 0.3s ease !important;
  caret-color: #7D9B76 !important;
}

#ai-chat-input:focus {
  border-color: #7D9B76 !important;
  box-shadow: 0 0 0 3px rgba(125, 155, 118, 0.1) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

#ai-chat-input::placeholder {
  color: #C9B99A !important;
  opacity: 0.7 !important;
  font-style: italic !important;
}

#ai-chat-input::selection {
  background: rgba(185, 201, 177, 0.3) !important;
  color: #4A5A4B !important;
}

/* ===== 分页栏 - 竹节序列 ===== */
.MuiPaginationItem-root {
  color: #7D9B76 !important;
  border-color: rgba(185, 201, 177, 0.4) !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

.MuiPaginationItem-root:hover {
  background: rgba(185, 201, 177, 0.15) !important;
  border-color: #7D9B76 !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #7D9B76 0%, #6B8A65 100%) !important;
  color: #F2EDE4 !important;
  border-color: transparent !important;
  box-shadow: 0 2px 6px rgba(125, 155, 118, 0.3) !important;
}

.MuiPaginationItem-root.Mui-disabled {
  color: #C9B99A !important;
  opacity: 0.5 !important;
}

.MuiPaginationItem-icon {
  color: #7D9B76 !important;
}

.MuiStack-root.css-1uwir8f {
  background: rgba(242, 237, 228, 0.5) !important;
  border-radius: 8px !important;
}

.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #7D9B76 !important;
  font-weight: 500 !important;
}

.MuiInputBase-input {
  color: #7D9B76 !important;
  border-color: rgba(185, 201, 177, 0.4) !important;
  transition: border-color 0.3s ease !important;
}

.MuiInputBase-input:focus {
  border-color: #7D9B76 !important;
}

/* ===== 评论区 - 林间素笺 ===== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: #F2EDE4 !important;
}

/* 顶部标题 */
div.text-lg.font-bold {
  color: #4A5A4B !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  letter-spacing: 0.5px !important;
}

/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600 {
  color: #C9B99A !important;
  font-weight: 500 !important;
}

/* 评分星星 */
span.MuiRating-iconEmpty svg {
  color: rgba(185, 201, 177, 0.4) !important;
}

span.MuiRating-iconFilled svg {
  color: #7D9B76 !important;
  filter: drop-shadow(0 1px 2px rgba(125, 155, 118, 0.3)) !important;
}

span.text-orange-500 {
  color: #7D9B76 !important;
  font-weight: 600 !important;
}

/* 输入框容器 */
div.flex.flex-col.border-gray-200 {
  border-color: rgba(185, 201, 177, 0.3) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  transition: all 0.3s ease !important;
}

div.flex.flex-col.border-gray-200:focus-within {
  border-color: #7D9B76 !important;
  box-shadow: 0 0 0 3px rgba(125, 155, 118, 0.1) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

textarea.rc-textarea {
  color: #4A5A4B !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  caret-color: #7D9B76 !important;
}

textarea.rc-textarea::placeholder {
  color: #C9B99A !important;
  opacity: 0.7 !important;
}

textarea.rc-textarea::selection {
  background: rgba(185, 201, 177, 0.3) !important;
}

/* 字数统计 */
div.bg-gray-100.text-gray-500 {
  background: rgba(185, 201, 177, 0.1) !important;
  color: #C9B99A !important;
  font-size: 12px !important;
}

/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(135deg, #7D9B76 0%, #6B8A65 100%) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 6px rgba(125, 155, 118, 0.25) !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: linear-gradient(135deg, #6B8A65 0%, #5A7856 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(125, 155, 118, 0.35) !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
  color: #F2EDE4 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) !important;
}

/* 分割线 */
div.style_divider__mW0YX {
  background: linear-gradient(90deg, transparent, rgba(185, 201, 177, 0.3), transparent) !important;
  height: 1px !important;
}

/* 排序按钮 */
.MuiStack-root.css-1dmzxoz {
  gap: 8px !important;
}

button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #7D9B76 0%, #6B8A65 100%) !important;
  color: #F2EDE4 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 4px rgba(125, 155, 118, 0.2) !important;
  font-weight: 500 !important;
}

button.MuiButton-outlinedPrimary {
  background: transparent !important;
  color: #7D9B76 !important;
  border: 1px solid rgba(185, 201, 177, 0.5) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

button.MuiButton-outlinedPrimary:hover {
  background: rgba(185, 201, 177, 0.1) !important;
  border-color: #7D9B76 !important;
}

/* 评论列表容器 */
div.p-3.overflow-y-auto {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(185, 201, 177, 0.4) transparent !important;
}

div.p-3.overflow-y-auto::-webkit-scrollbar {
  width: 6px !important;
}

div.p-3.overflow-y-auto::-webkit-scrollbar-track {
  background: transparent !important;
}

div.p-3.overflow-y-auto::-webkit-scrollbar-thumb {
  background: rgba(185, 201, 177, 0.4) !important;
  border-radius: 3px !important;
}

div.p-3.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: rgba(125, 155, 118, 0.6) !important;
}

/* 评论项卡片 */
div.group.ml-0 {
  background: #FFFFFF !important;
  border-left: 3px solid #B9C9B1 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(201, 185, 154, 0.1) !important;
  transition: all 0.3s ease !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
}

div.group.ml-0:hover {
  box-shadow: 0 4px 12px rgba(201, 185, 154, 0.15) !important;
  transform: translateX(2px) !important;
  border-left-color: #7D9B76 !important;
}

/* 用户头像 */
div.group img.rounded-full {
  border: 2px solid rgba(185, 201, 177, 0.3) !important;
  transition: border-color 0.3s ease !important;
}

div.group:hover img.rounded-full {
  border-color: #7D9B76 !important;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
  color: #4A5A4B !important;
  font-weight: 600 !important;
}

/* "（你）"标签 */
span.text-\[10px\] {
  color: #C9B99A !important;
  background: rgba(185, 201, 177, 0.15) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
}

/* 评论内容 */
div.break-all {
  color: #4A5A4B !important;
  line-height: 1.6 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
  color: #C9B99A !important;
  font-size: 11px !important;
}

/* 点赞按钮 */
button.text-gray-400 {
  color: #B9C9B1 !important;
  transition: all 0.3s ease !important;
}

button.text-gray-400:hover {
  color: #7D9B76 !important;
  transform: scale(1.1) !important;
}

button.text-gray-400 svg {
  transition: transform 0.3s ease !important;
}

button.text-gray-400:hover svg {
  transform: rotate(12deg) !important;
}

/* 回复文字 */
span.cursor-pointer {
  color: #7D9B76 !important;
  font-weight: 500 !important;
  transition: color 0.3s ease !important;
}

span.cursor-pointer:hover {
  color: #6B8A65 !important;
  text-decoration: underline !important;
}

/* 回复区域边框 */
div.ml-8.border-l {
  border-left-color: rgba(185, 201, 177, 0.3) !important;
  border-left-width: 2px !important;
}
```

---

### 可选增强效果

如果你想进一步提升"竹林素笺"的意境，可以追加以下代码：

```css
/* 页面背景竹叶水印(极淡) */
body::before {
  content: '' !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" opacity="0.02"><path d="M100 20 Q120 60 100 100 Q80 60 100 20" fill="%237D9B76"/></svg>') !important;
  background-repeat: repeat !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* 评论卡片悬停时浮现竹影 */
div.group.ml-0::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 60px !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(185, 201, 177, 0.05)) !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
  pointer-events: none !important;
}

div.group.ml-0:hover::after {
  opacity: 1 !important;
}

/* 输入框聚焦时的竹节光标 */
#ai-chat-input:focus {
  caret-shape: bar !important;
}

/* ========== 基于“青筠温玉”配色方案 ========== */
/* 主色调：玉髓绿 #B9C9B1 | 青筠色 #7D9B76 | 砗磲白 #F2EDE4 | 璞玉色 #C9B99A | 黛绿 #4A5A4B */

/* ========== 隐藏默认顶部装饰 ========== */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"],
[class*="bg-gradient-to-r"][class*="from-[#c9e1e9]"],
.bg-\[length\:200\%\] {
  display: none !important;
}

/* ========== 全局背景润色 ========== */
body, 
html,
#__next,
main {
  background: #F2EDE4 !important; /* 砗磲白宣纸底 */
}

/* 可选：背景叠加极淡竹叶纹理 */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' opacity='0.03'><path d='M200 80 Q210 120 200 200 Q190 280 200 360' fill='none' stroke='%237D9B76' stroke-width='8'/><path d='M180 120 Q160 140 170 200' fill='none' stroke='%237D9B76' stroke-width='4'/></svg>");
  background-size: 300px 300px;
}

/* ========== 聊天消息容器 ========== */
.bg-gray-100\/90.relative.inline-block,
.chat-answer-container .bg-gray-100\/90,
.rounded-2xl.bg-white,
.group\/message:not(.bg-gray-100) .rounded-2xl,
.group\/message[data-message-role="assistant"] .rounded-2xl,
.group\/message[data-message-role="user"] .rounded-2xl {
  background: linear-gradient(160deg, #FFFFFF 0%, #F2EDE4 100%) !important;
  border: 1.5px solid #B9C9B1 !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 16px rgba(185, 201, 177, 0.25), 0 0 0 1px rgba(201, 185, 154, 0.15) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: visible !important;
}

/* 悬停如竹影轻移 */
.bg-gray-100\/90.relative.inline-block:hover,
.group\/message .rounded-2xl:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(125, 155, 118, 0.2), 0 0 0 1px #7D9B76 !important;
  border-color: #7D9B76 !important;
}

/* 用户消息 - 青筠翠色，右侧 */
.group\/message[data-message-role="user"] .rounded-2xl {
  background: linear-gradient(135deg, #B9C9B1 0%, #7D9B76 100%) !important;
  border-color: #6B8A65 !important;
  box-shadow: 0 4px 20px rgba(125, 155, 118, 0.35) !important;
}

.group\/message[data-message-role="user"] .rounded-2xl .markdown-body {
  color: #F2EDE4 !important;
}

/* 头像装饰 - 玉环感 */
.group\/message .rounded-full {
  border: 2px solid #7D9B76 !important;
  box-shadow: 0 2px 8px rgba(125, 155, 118, 0.25) !important;
  transition: all 0.3s ease !important;
}

.group\/message .rounded-full:hover {
  border-color: #C9B99A !important;
  box-shadow: 0 0 0 4px rgba(201, 185, 154, 0.2) !important;
}

/* ========== 文本内容样式 ========== */
.markdown-body {
  color: #4A5A4B !important; /* 黛绿墨色 */
  background: transparent !important;
  font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif !important;
  line-height: 1.85 !important;
  position: relative !important;
  z-index: 1 !important;
}

.markdown-body strong, 
.markdown-body b {
  color: #5A7A56 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(185, 201, 177, 0.3) !important;
}

.markdown-body em, 
.markdown-body i {
  color: #7D9B76 !important;
  font-style: italic !important;
}

.markdown-body code {
  background: rgba(185, 201, 177, 0.2) !important;
  color: #5A7A56 !important;
  border: 1px solid rgba(125, 155, 118, 0.3) !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  font-family: "SF Mono", "Fira Code", "Courier New", monospace !important;
  font-size: 0.9em !important;
}

.markdown-body pre {
  background: rgba(242, 237, 228, 0.8) !important;
  border: 1px solid #B9C9B1 !important;
  border-radius: 14px !important;
  box-shadow: inset 0 2px 8px rgba(125, 155, 118, 0.08) !important;
}

.markdown-body a {
  color: #6B8A65 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1.5px dotted #B9C9B1 !important;
  transition: all 0.2s ease !important;
}

.markdown-body a:hover {
  color: #4A5A4B !important;
  border-bottom-color: #7D9B76 !important;
  border-bottom-style: solid !important;
}

.markdown-body blockquote {
  border-left: 4px solid #B9C9B1 !important;
  background: rgba(185, 201, 177, 0.12) !important;
  color: #5A6B55 !important;
  padding: 12px 18px !important;
  border-radius: 0 10px 10px 0 !important;
  font-style: italic !important;
}

.markdown-body h1, 
.markdown-body h2, 
.markdown-body h3 {
  color: #4A5A4B !important;
  font-weight: 600 !important;
  border-bottom: 1.5px solid #B9C9B1 !important;
  padding-bottom: 6px !important;
}

.markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(to right, transparent, #B9C9B1, transparent) !important;
  margin: 24px 0 !important;
}

/* ========== 底部操作按钮 ========== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
button[aria-label="复制"],
button[aria-label="编辑"],
button[aria-label="删除"] {
  background: rgba(242, 237, 228, 0.9) !important;
  color: #4A5A4B !important;
  border: 1px solid #B9C9B1 !important;
  border-radius: 24px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 1px 3px rgba(125, 155, 118, 0.1) !important;
  backdrop-filter: blur(8px) !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover,
button[aria-label="复制"]:hover {
  background: #B9C9B1 !important;
  color: #F2EDE4 !important;
  border-color: #7D9B76 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(125, 155, 118, 0.25) !important;
}

/* ========== 元信息 / 模型名称 ========== */
.MuiTypography-root.MuiTypography-body2,
.text-xs.text-gray-500,
[class*="text-gray-500"] {
  color: #7D9B76 !important;
  font-weight: 400 !important;
  font-family: "SF Mono", "Courier New", monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.3px !important;
}

.text-orange-500,
[class*="text-orange"] {
  color: #C9B99A !important;
  font-weight: 600 !important;
  text-shadow: 0 0 4px rgba(201, 185, 154, 0.4) !important;
}

/* ========== 加载动画 - 竹林清露 ========== */
.style_dot-flashing__8L91Q,
.animate-pulse,
.rounded-full.bg-gray-300 {
  display: none !important;
}

.flex.items-center.justify-center.w-6.h-5,
.group\/message[data-message-role="assistant"] .flex.items-center {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 三片竹叶旋转 */
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  position: absolute !important;
  width: 32px !important;
  height: 32px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><g fill='none' stroke='%237D9B76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 8 Q28 18 20 28'/><path d='M20 8 Q12 18 20 28'/><path d='M20 8 L20 30'/></g><circle cx='20' cy='20' r='3' fill='%23B9C9B1' opacity='0.8'><animate attributeName='r' values='2;4;2' dur='2s' repeatCount='indefinite'/></circle><animateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='4s' repeatCount='indefinite'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 6px rgba(185, 201, 177, 0.6)) !important;
}

/* 加载文字 */
.flex.items-center.justify-center.w-6.h-5::after {
  content: '竹露滴清响' !important;
  position: absolute !important;
  bottom: -28px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-family: "Noto Serif SC", serif !important;
  color: #7D9B76 !important;
  background: rgba(242, 237, 228, 0.9) !important;
  padding: 2px 12px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
  letter-spacing: 1px !important;
  animation: dewFade 2.5s ease-in-out infinite !important;
  border: 1px solid #B9C9B1 !important;
  backdrop-filter: blur(4px) !important;
}

@keyframes dewFade {
  0%, 100% { opacity: 0.5; transform: translateX(-50%) translateY(0); }
  50% { opacity: 1; transform: translateX(-50%) translateY(-2px); text-shadow: 0 0 8px rgba(125, 155, 118, 0.4); }
}

/* ========== 底部输入栏 - 砚池青玉 ========== */
.bg-gradient-to-t,
[class*="bg-gradient-to-t"]:has(textarea) {
  background: linear-gradient(to top, #F2EDE4 0%, rgba(242, 237, 228, 0.5) 80%, transparent 100%) !important;
}

#ai-chat-bottom-input,
.relative.flex.items-center.border.rounded-xl,
div[class*="rounded-xl"][class*="border"]:has(textarea) {
  background: #FFFFFF !important;
  border: 1.5px solid #B9C9B1 !important;
  border-radius: 28px !important;
  box-shadow: 
    inset 0 1px 4px rgba(125, 155, 118, 0.08), 
    0 4px 20px rgba(185, 201, 177, 0.2) !important;
  transition: all 0.3s ease !important;
}

#ai-chat-bottom-input:focus-within,
.relative.flex.items-center.border.rounded-xl:focus-within {
  border-color: #7D9B76 !important;
  box-shadow: 
    inset 0 1px 4px rgba(125, 155, 118, 0.12), 
    0 0 0 4px rgba(185, 201, 177, 0.2),
    0 4px 24px rgba(125, 155, 118, 0.25) !important;
}

#ai-chat-input,
textarea.rc-textarea {
  background: transparent !important;
  color: #4A5A4B !important;
  font-family: "Noto Serif SC", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

#ai-chat-input::placeholder,
textarea::placeholder {
  color: #B9C9B1 !important;
  font-style: italic !important;
  font-weight: 300 !important;
}

/* 发送按钮 - 青玉镇纸 */
button[type="submit"],
div.cursor-pointer:has(svg[data-icon="Send03"]),
.flex.items-center.justify-center.rounded-full.bg-black {
  background: #7D9B76 !important;
  border: 1.5px solid #6B8A65 !important;
  border-radius: 40px !important;
  box-shadow: 0 2px 8px rgba(125, 155, 118, 0.35), 0 0 0 2px rgba(185, 201, 177, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

button[type="submit"]:hover,
div.cursor-pointer:has(svg[data-icon="Send03"]):hover {
  background: #6B8A65 !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 6px 20px rgba(125, 155, 118, 0.45), 0 0 0 4px rgba(185, 201, 177, 0.3) !important;
}

button[type="submit"] svg {
  color: #F2EDE4 !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15)) !important;
}

/* ========== 顶部栏 - 竹林天际线 ========== */
.sticky.w-full.top-0.flex.items-center,
header[class*="sticky"] {
  background: linear-gradient(180deg, #7D9B76 0%, #B9C9B1 100%) !important;
  border-bottom: 2px solid #6B8A65 !important;
  box-shadow: 0 4px 20px rgba(125, 155, 118, 0.25) !important;
  backdrop-filter: blur(12px) !important;
}

/* 顶部文字设为砗磲白 */
.sticky.w-full.top-0.flex.items-center *,
header[class*="sticky"] * {
  color: #F2EDE4 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

/* 模型选择器 / 历史按钮 */
#ai-model-selector .group.flex.items-center,
button[aria-label="模型"],
button[aria-label="历史"] {
  background: rgba(242, 237, 228, 0.2) !important;
  border: 1px solid rgba(242, 237, 228, 0.4) !important;
  border-radius: 40px !important;
  transition: all 0.3s ease !important;
  backdrop-filter: blur(8px) !important;
}

#ai-model-selector .group.flex.items-center:hover,
button[aria-label="模型"]:hover {
  background: rgba(242, 237, 228, 0.35) !important;
  border-color: rgba(242, 237, 228, 0.7) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* 音乐和设置图标 */
button.MuiIconButton-root svg.lucide-music-2,
#header-setting-button svg {
  color: #F2EDE4 !important;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.15)) !important;
  transition: all 0.3s ease !important;
}

button.MuiIconButton-root:hover svg {
  color: #C9B99A !important;
  filter: drop-shadow(0 0 6px rgba(201, 185, 154, 0.5)) !important;
}

/* ========== 分页栏 ========== */
.MuiPaginationItem-root {
  background: rgba(242, 237, 228, 0.8) !important;
  color: #4A5A4B !important;
  border: 1px solid #B9C9B1 !important;
  font-weight: 500 !important;
  border-radius: 14px !important;
  margin: 0 4px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  backdrop-filter: blur(4px) !important;
}

.MuiPaginationItem-root:hover {
  background: #B9C9B1 !important;
  color: #F2EDE4 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(125, 155, 118, 0.3) !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: #7D9B76 !important;
  color: #F2EDE4 !important;
  border-color: #6B8A65 !important;
  box-shadow: 0 2px 8px rgba(125, 155, 118, 0.4) !important;
}

/* ========== 评论区 - 林间石台素笺 ========== */
div[class*="bottom-0"][class*="bg-white"] {
  background: linear-gradient(180deg, #F2EDE4 0%, #E8E2D5 100%) !important;
  border-top: 2px solid #B9C9B1 !important;
  box-shadow: 0 -4px 20px rgba(125, 155, 118, 0.15) !important;
}

/* 评论区标题 */
div.text-lg.font-bold {
  color: #4A5A4B !important;
  font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
}

/* 星星评分 */
.MuiRating-iconFilled svg {
  color: #C9B99A !important;
  filter: drop-shadow(0 1px 2px rgba(201, 185, 154, 0.5)) !important;
}

.MuiRating-iconEmpty svg {
  color: #D4CFC2 !important;
}

/* 评论输入区域 */
.flex.flex-col.border-gray-200 {
  background: #FFFFFF !important;
  border: 1.5px solid #B9C9B1 !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 4px rgba(125, 155, 118, 0.06) !important;
}

/* 单条评论卡片 - 如叠放的玉版笺 */
div.group.ml-0,
div[class*="border-b"][class*="py-4"] {
  background: #FFFFFF !important;
  border: 1px solid #B9C9B1 !important;
  border-left: 3px solid #B9C9B1 !important; /* 竹丝帘压条 */
  border-radius: 0 16px 16px 0 !important;
  padding: 16px !important;
  margin-bottom: 14px !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 8px rgba(185, 201, 177, 0.15) !important;
  position: relative !important;
}

div.group.ml-0:hover {
  transform: translateX(6px) !important;
  border-left-color: #7D9B76 !important;
  border-left-width: 4px !important;
  box-shadow: 0 6px 24px rgba(125, 155, 118, 0.2) !important;
}

/* 用户名 */
span.font-bold {
  color: #4A5A4B !important;
  font-weight: 600 !important;
  font-family: "Noto Serif SC", serif !important;
}

/* 评论时间 */
.text-xs.text-grey-600 {
  color: #B9C9B1 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}

/* 点赞按钮 */
button[aria-label="点赞"] svg {
  color: #B9C9B1 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

button[aria-label="点赞"]:hover svg {
  color: #7D9B76 !important;
  transform: scale(1.25) !important;
  filter: drop-shadow(0 0 4px rgba(125, 155, 118, 0.4)) !important;
}

/* 回复按钮 */
span.cursor-pointer:has(> span:contains("回复")) {
  color: #7D9B76 !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

span.cursor-pointer:has(> span:contains("回复")):hover {
  color: #4A5A4B !important;
}

/* ========== 辅助元素 ========== */

/* 滚动条 - 竹节感 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F2EDE4;
  border-radius: 10px;
  margin: 4px;
}
::-webkit-scrollbar-thumb {
  background: #B9C9B1;
  border-radius: 10px;
  border: 1px solid rgba(125, 155, 118, 0.3);
}
::-webkit-scrollbar-thumb:hover {
  background: #7D9B76;
}

/* 选中文本 - 如玉髓浸润 */
::selection {
  background: rgba(185, 201, 177, 0.4);
  color: #4A5A4B;
}

/* 分隔线 */
.markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(to right, transparent, #B9C9B1, #C9B99A, #B9C9B1, transparent) !important;
}

/* 响应式微调 */
@media (max-width: 640px) {
  .bg-gray-100\/90.relative.inline-block {
    border-radius: 14px !important;
  }
  .flex.items-center.justify-center.w-6.h-5::before {
    width: 28px;
    height: 28px;
  }
  .flex.items-center.justify-center.w-6.h-5::after {
    font-size: 8px;
    bottom: -24px;
  }
  div.group.ml-0 {
    border-radius: 0 12px 12px 0 !important;
    padding: 12px !important;
  }
}

/* 低动效适配 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}