/* ==================== 一、思维链 - 彻底隐藏 ==================== */
details.think {
  display: none !important;
}

/* ==================== 二、主容器 - 青春信纸 ==================== */
ai {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color: #4a4458;
  background: 
    /* 极淡的笔记本横线 */
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 27px,
      rgba(180, 160, 200, 0.08) 27px,
      rgba(180, 160, 200, 0.08) 28px
    ),
    /* 左上角淡淡的暖光 */
    radial-gradient(
      ellipse at 15% 8%,
      rgba(255, 220, 200, 0.25) 0%,
      transparent 55%
    ),
    /* 右下角淡淡的冷光 */
    radial-gradient(
      ellipse at 85% 90%,
      rgba(200, 210, 240, 0.2) 0%,
      transparent 55%
    ),
    /* 底纸 */
    linear-gradient(180deg, #fefdfb 0%, #fdfaf7 30%, #fefcf9 70%, #fefdfb 100%);
  max-width: 640px;
  margin: 20px auto;
  padding: 28px 22px;
  border-radius: 16px;
  border: 1px solid rgba(200, 180, 190, 0.25);
  box-shadow: 
    0 4px 24px rgba(160, 140, 160, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.03);
  line-height: 1.6;
  font-size: 15px;
  position: relative;
}

/* 信纸边缘的轻微做旧 */
ai::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 16px;
  pointer-events: none;
  box-shadow: inset 0 0 30px rgba(180, 160, 180, 0.04);
}

/* ==================== 三、顶部信息栏 <hd> ==================== */
hd {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px dashed rgba(180, 160, 190, 0.3);
}

hd t {
  display: inline-block;
  font-size: 11.5px;
  color: #8b7d8e;
  background: rgba(220, 200, 220, 0.15);
  padding: 3px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  font-weight: 500;
}

hd t.mode {
  background: rgba(255, 182, 193, 0.2);
  color: #c06070;
  font-weight: 700;
  letter-spacing: 1px;
}

/* ==================== 四、正文区 <article> ==================== */
article {
  display: block;
  margin: 0 0 22px;
  padding: 0 6px;
}

article p {
  font-family: "KaiTi", "楷体", "STKaiti", "Noto Serif SC", serif;
  text-indent: 2em;
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 2.1;
  color: #3d3648;
  letter-spacing: 0.2px;
}

article p:first-of-type {
  text-indent: 0;
}

/* 首字微微放大并着色 */
article p:first-of-type::first-letter {
  font-size: 1.8em;
  font-weight: bold;
  color: #c06070;
}

/* ==================== 五、折叠面板通用 ==================== */
ai details {
  margin: 10px 0;
  border: 1px solid rgba(200, 180, 200, 0.2);
  border-radius: 12px;
  background: rgba(255, 252, 254, 0.6);
  overflow: hidden;
  transition: all 0.3s ease;
  backdrop-filter: blur(2px);
}

ai details[open] {
  background: rgba(255, 254, 255, 0.85);
  border-color: rgba(200, 170, 190, 0.4);
  box-shadow: 0 2px 12px rgba(180, 150, 170, 0.06);
  border-left: 3px solid rgba(200, 140, 160, 0.5);
}

ai summary {
  font-weight: 600;
  cursor: pointer;
  padding: 11px 16px 11px 30px;
  font-size: 14px;
  color: #5d4e5e;
  background: rgba(250, 245, 248, 0.5);
  list-style: none;
  position: relative;
  transition: all 0.2s;
  border-bottom: 1px solid transparent;
  letter-spacing: 0.5px;
}

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

/* 小爱心标记 */
ai summary::before {
  content: "♡";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: #c8a0b0;
  transition: all 0.3s ease;
}

ai details[open] > summary {
  color: #3a2a3a;
  border-bottom-color: rgba(200, 170, 190, 0.25);
  background: rgba(245, 235, 240, 0.7);
}

ai details[open] > summary::before {
  content: "♥";
  color: #d08090;
  font-size: 10px;
}

/* 内容区 */
ai details > :not(summary) {
  padding: 16px 18px;
}

/* ==================== 六、区块 <sec> ==================== */
sec {
  display: block;
  margin: 8px 0 16px;
  padding: 14px 16px;
  background: rgba(250, 245, 248, 0.4);
  border-radius: 10px;
  border: 1px solid rgba(220, 200, 215, 0.25);
}

sec h5 {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #7d6e7e;
  letter-spacing: 1.5px;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(200, 180, 195, 0.3);
}

/* 微信/现实双线区块 */
sec.wx {
  background: rgba(235, 240, 250, 0.4);
  border-color: rgba(180, 190, 220, 0.3);
}

sec.rl {
  background: rgba(255, 240, 235, 0.4);
  border-color: rgba(220, 190, 180, 0.3);
}

/* ==================== 七、行数据 <row> ==================== */
row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 4px 0;
  margin: 2px 0;
  font-size: 13.5px;
  line-height: 1.8;
  color: #4a4458;
  border-bottom: 1px dotted rgba(200, 180, 200, 0.2);
}

row:last-child { border-bottom: none; }

/* ==================== 八、标签 <lb> 与 值 <val> ==================== */
lb {
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  color: #8b7d8e;
  margin-right: 6px;
  min-width: 38px;
  letter-spacing: 0.5px;
}

val {
  display: inline;
  color: #3d3648;
  margin-right: 14px;
}

val.hb {
  color: #d4687c;
  font-weight: 600;
  background: rgba(255, 200, 210, 0.2);
  padding: 1px 8px;
  border-radius: 8px;
}

val.mono {
  font-style: italic;
  color: #7d6e7e;
  background: rgba(240, 230, 240, 0.4);
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
}

val.warn {
  color: #d08050;
  font-weight: 600;
}

/* ==================== 九、进度条 <bar> 与 <fill> ==================== */
bar {
  display: block;
  width: 100%;
  height: 8px;
  background: rgba(220, 200, 215, 0.25);
  border-radius: 6px;
  margin: 6px 0;
  overflow: hidden;
}

bar.love {
  background: rgba(255, 200, 210, 0.2);
}

bar.risk {
  background: rgba(255, 220, 180, 0.2);
}

fill {
  display: block;
  height: 100%;
  width: var(--p);
  border-radius: 6px;
  transition: width 0.6s ease;
}

/* 默认好感度条 - 柔紫粉渐变 */
bar:not(.love):not(.risk) fill {
  background: linear-gradient(90deg, #c8b8d8, #a890c0);
}

/* 恋爱进度条 - 樱粉渐变 */
bar.love fill {
  background: linear-gradient(90deg, #f8c0c8, #e890a0);
}

/* 风险条 - 暖橙渐变 */
bar.risk fill {
  background: linear-gradient(90deg, #f8d0a0, #e8a060);
}

/* 数值标签 */
barlb {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #7d6e7e;
  margin-bottom: 2px;
}

barlb span:last-child {
  font-weight: 600;
  color: #5d4e5e;
}

/* 备注 */
note {
  display: block;
  font-size: 12px;
  color: #9b8d9e;
  margin-top: 6px;
  line-height: 1.6;
  font-style: italic;
}

note.ev {
  color: #d4687c;
  font-weight: 500;
  font-style: normal;
}

/* ==================== 十、里程碑 ==================== */
milestones {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 6px;
  font-size: 10px;
  color: #b8a8b8;
  position: relative;
  padding-top: 8px;
}

milestones::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(200, 180, 200, 0.3);
  border-radius: 1px;
}

ms {
  display: inline-block;
  text-align: center;
  position: relative;
  padding-top: 8px;
}

ms::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background: #d8c8d8;
  border-radius: 50%;
}

ms.cur {
  color: #d4687c;
  font-weight: 700;
}

ms.cur::before {
  background: #e890a0;
  box-shadow: 0 0 8px rgba(232, 144, 160, 0.5);
}

/* ==================== 十一、心跳指数 ==================== */
hbeat {
  display: block;
  font-size: 20px;
  text-align: center;
  padding: 8px;
  color: #d4687c;
  font-weight: 600;
  letter-spacing: 1px;
}

/* ==================== 十二、消息气泡 ==================== */
bubble {
  display: block;
  max-width: 80%;
  margin: 6px 0 10px;
  padding: 9px 14px;
  border-radius: 12px;
  font-size: 13.5px;
  line-height: 1.6;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

bubble.recv {
  background: #fff;
  border: 1px solid rgba(200, 180, 200, 0.25);
  border-top-left-radius: 3px;
  color: #4a4458;
  margin-right: auto;
}

bubble.sent {
  background: linear-gradient(135deg, #e8d0e0, #d8c0d8);
  color: #3a2a3a;
  border-top-right-radius: 3px;
  margin-left: auto;
}

/* ==================== 十三、手机消息区 <msgline> ==================== */
msgline {
  display: flex;
  align-items: flex-start;
  margin: 8px 0;
  gap: 10px;
}

sp.who {
  font-size: 11.5px;
  font-weight: 600;
  color: #a090a0;
  min-width: 36px;
  padding-top: 7px;
  flex-shrink: 0;
  letter-spacing: 0.5px;
}

sp.bubble {
  max-width: 70%;
  padding: 9px 14px;
  border-radius: 12px;
  font-size: 13.5px;
  line-height: 1.6;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

sp.bubble.r {
  background: #fff;
  border: 1px solid rgba(200, 180, 200, 0.2);
  border-top-left-radius: 3px;
  color: #4a4458;
}

sp.bubble.s {
  background: linear-gradient(135deg, #e8d0e0, #d8c0d8);
  color: #3a2a3a;
  border-top-right-radius: 3px;
}

/* ==================== 十四、记忆区 ==================== */
ai details.mem {
  border-color: rgba(200, 180, 200, 0.25);
  background: rgba(252, 248, 250, 0.7);
}

ai details.mem > summary {
  color: #5d4e5e;
  letter-spacing: 1px;
}

ai details.mem[open] {
  background: rgba(255, 252, 254, 0.8);
}

m {
  display: block;
  padding: 6px 12px;
  margin: 4px 0;
  font-size: 13px;
  line-height: 1.8;
  background: rgba(245, 235, 240, 0.5);
  border-left: 2px solid rgba(200, 160, 180, 0.4);
  border-radius: 0 6px 6px 0;
  color: #5d4e5e;
}

/* 记忆区内嵌套折叠 */
ai details.mem details {
  border: none;
  border-left: 1px solid rgba(200, 180, 195, 0.3);
  border-radius: 0;
  background: transparent;
  margin: 4px 0 4px 8px;
}

ai details.mem details summary {
  font-size: 12px;
  color: #8b7d8e;
  background: transparent;
  border-bottom: none;
  padding: 5px 8px 5px 18px;
}

ai details.mem details summary::before {
  width: 4px;
  height: 4px;
  background: #c8b0c0;
  left: 2px;
  border-radius: 50%;
  content: "";
}

ai details.mem details[open] > summary {
  border-bottom: 1px solid rgba(200, 180, 195, 0.25);
}

/* ==================== 十五、行动推荐 ==================== */
ai details:last-of-type d {
  display: block;
  padding: 11px 14px;
  margin: 5px 0;
  background: rgba(250, 240, 245, 0.5);
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  color: #5d4e5e;
  border-left: 3px solid transparent;
}

ai details:last-of-type d:hover {
  background: rgba(255, 230, 240, 0.6);
  border-left-color: #d890a0;
  color: #c06070;
  padding-left: 18px;
}

/* ==================== 十六、移动端适配 ==================== */
@media (max-width: 480px) {
  ai {
    padding: 18px 12px;
    font-size: 14px;
    border-radius: 0;
    margin: 0;
    max-width: 100%;
  }

  article p {
    font-size: 14px;
    text-indent: 1.5em;
  }

  ai summary {
    padding: 9px 12px 9px 26px;
    font-size: 13px;
  }

  ai details > :not(summary) {
    padding: 12px;
  }

  milestones {
    font-size: 8px;
  }

  msgline {
    flex-direction: column;
    gap: 3px;
  }

  sp.who {
    padding-top: 2px;
  }
}
/* ========== 高级感配色 + 竹马主题 ========== */

/* --- 顶部栏：雾白玻璃，极淡竹纹 --- */
.sticky.w-full.top-0.flex.items-center {
  background: rgba(248, 246, 244, 0.8) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 2px 20px rgba(160, 150, 140, 0.06) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M80 20 Q85 60 80 100 Q75 140 80 180' stroke='%23969e92' stroke-width='0.6' fill='none' opacity='0.07'/%3E%3Cpath d='M95 15 Q100 55 95 95 Q90 135 95 175' stroke='%23969e92' stroke-width='0.5' fill='none' opacity='0.05'/%3E%3Cpath d='M110 20 Q115 60 110 100 Q105 140 110 180' stroke='%23969e92' stroke-width='0.5' fill='none' opacity='0.05'/%3E%3Ccircle cx='80' cy='60' r='1.2' fill='%2385927e' opacity='0.08'/%3E%3Ccircle cx='95' cy='90' r='1.5' fill='%2385927e' opacity='0.06'/%3E%3C/svg%3E") !important;
  background-size: 120px 120px !important;
  background-repeat: repeat !important;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
  background: rgba(255, 255, 255, 0.65) !important;
  border-radius: 24px !important;
  padding: 2px 12px !important;
  border: 1px solid rgba(180, 175, 168, 0.3) !important;
  transition: all 0.25s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: #b7b5aa !important;
  box-shadow: 0 4px 14px rgba(150, 145, 135, 0.12) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #5a524c !important;
  font-weight: 600 !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #9b978e !important;
  transition: transform 0.2s ease !important;
}
#ai-model-selector .group:hover .shrink-0.flex.items-center svg {
  transform: rotate(180deg) !important;
  color: #6b655a !important;
}

/* 历史图标：淡竹青 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #8c9c8b !important;
  filter: drop-shadow(0 1px 2px rgba(120, 130, 110, 0.18)) !important;
}
/* 未读角标：杏子色 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background-color: #d3b196 !important;
  box-shadow: 0 0 0 2px rgba(248, 246, 244, 0.9) !important;
}
/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  color: #9c9a93 !important;
  border-radius: 50% !important;
  transition: background 0.2s !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: rgba(160, 155, 145, 0.1) !important;
}
/* 设置按钮 */
#header-setting-button {
  color: #8f8a82 !important;
  transition: all 0.2s ease !important;
}
#header-setting-button:hover {
  background: rgba(145, 140, 130, 0.08) !important;
  border-radius: 50% !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #8f8a82 !important;
}

/* --- 开场白选择器：竹节细节+灰绿底 --- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"],
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
  background: rgba(245, 244, 240, 0.9) !important;
  border: 1px solid rgba(185, 182, 170, 0.35) !important;
  border-radius: 20px !important;
  padding: 0 10px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
div.flex.items-center.h-9.cursor-pointer.group::after,
div.h-9.rounded-md.cursor-pointer.group::after {
  content: "" !important;
  position: absolute !important;
  right: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 5px !important;
  height: 12px !important;
  background: rgba(165, 170, 150, 0.22) !important;
  border-radius: 3px !important;
  box-shadow: 0 7px 0 rgba(165, 170, 150, 0.12), 0 -7px 0 rgba(165, 170, 150, 0.12) !important;
  pointer-events: none !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover,
div.h-9.rounded-md.cursor-pointer.group:hover {
  background: rgba(235, 234, 228, 0.85) !important;
  border-color: #b0aea2 !important;
  box-shadow: 0 4px 12px rgba(140, 135, 120, 0.12) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #988c7e !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #a29a8c !important;
}

/* --- 按钮栏：雾绿渐变，像青瓷 --- */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, #c1c5b8, #b0b5a8) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 22px !important;
  padding: 6px 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: 0 2px 10px rgba(140, 138, 125, 0.18) !important;
  transition: all 0.25s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, #b0b4a7, #a0a598) !important;
  box-shadow: 0 4px 16px rgba(130, 128, 115, 0.25) !important;
  transform: translateY(-1px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: white !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.06)) !important;
}

/* --- 底部栏：竹叶飘落+奶雾渐变 --- */
.bg-gradient-to-t {
  background: linear-gradient(to top, rgba(244, 243, 238, 0.97), rgba(240, 238, 232, 0.5), transparent) !important;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 Q15 15 20 25 Q25 15 20 2Z' fill='%23929e8a' opacity='0.07'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M10 5 Q5 15 10 25 Q15 15 10 5Z' fill='%23929e8a' opacity='0.04' transform='rotate(30 15 15)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cpath d='M25 5 Q20 18 25 30 Q30 18 25 5Z' fill='%23929e8a' opacity='0.05' transform='rotate(-20 25 17)'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 85%, 88% 35%, 92% 72% !important;
  background-size: 40px 40px, 30px 30px, 35px 35px !important;
}

#ai-chat-bottom-input {
  background: rgba(255, 255, 255, 0.75) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(185, 180, 168, 0.45) !important;
  box-shadow: 0 2px 14px rgba(150, 145, 130, 0.06) !important;
  transition: all 0.3s ease !important;
}
#ai-chat-bottom-input:focus-within {
  background: white !important;
  box-shadow: 0 4px 20px rgba(140, 130, 115, 0.1) !important;
  border-color: #b2ae9e !important;
}
#ai-chat-input {
  color: #4e4840 !important;
  caret-color: #9d9686 !important;
}
#ai-chat-input::placeholder {
  color: #a39b8f !important;
  opacity: 0.5 !important;
}
#ai-chat-input::selection {
  background: #e2dfd3 !important;
  color: #3a352e !important;
}

/* --- 分页栏 --- */
.MuiPaginationItem-root {
  color: #6b655a !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
.MuiPaginationItem-root:hover {
  background-color: #f4f2ed !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #b8bdae, #a7ac9d) !important;
  color: white !important;
  box-shadow: 0 2px 10px rgba(130, 128, 115, 0.22) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  opacity: 0.4 !important;
}
.MuiPaginationItem-icon {
  color: #a0937c !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #6b655a !important;
}
.MuiInputBase-input {
  border: 1px solid rgba(180, 170, 155, 0.5) !important;
  border-radius: 6px !important;
  color: #4e4840 !important;
}

/* --- 评论区：浅杏底+角落竹影 --- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(180deg, #f7f5f0 0%, #edeae2 100%) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cg opacity='0.05'%3E%3Cpath d='M40 10 Q38 40 42 70 Q46 100 40 140' stroke='%23605e52' stroke-width='1.2' fill='none'/%3E%3Cpath d='M55 8 Q53 38 57 68 Q61 98 55 138' stroke='%23605e52' stroke-width='0.8' fill='none'/%3E%3Ccircle cx='40' cy='30' r='1.8' fill='%23555143'/%3E%3Ccircle cx='55' cy='55' r='2' fill='%23555143'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 150px 150px !important;
  background-position: calc(100% + 20px) calc(100% + 20px) !important;
  background-repeat: no-repeat !important;
}
div.text-lg.font-bold {
  color: #595349 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(130, 120, 105, 0.08) !important;
}
p.MuiTypography-body1.text-grey-600 {
  color: #7a7367 !important;
}
span.MuiRating-root {
  filter: drop-shadow(0 1px 2px rgba(150, 140, 120, 0.15)) !important;
}
span.MuiRating-iconEmpty svg {
  color: #d8d5cc !important;
  stroke: #c7c3b7 !important;
}
span.MuiRating-iconFilled svg {
  color: #c1a78b !important;  /* 杏色星星 */
  filter: drop-shadow(0 1px 3px #d6ccba) !important;
}
span.text-orange-500 {
  color: #a88c72 !important;
  font-weight: 600 !important;
}
div.flex.flex-col.border-gray-200 {
  background: #fff !important;
  border: 1px solid rgba(185, 178, 162, 0.45) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(140, 130, 115, 0.05) !important;
}
textarea.rc-textarea {
  color: #4e4840 !important;
  caret-color: #9d9686 !important;
}
textarea.rc-textarea::placeholder {
  color: #a39b8f !important;
  opacity: 0.55 !important;
}
div.bg-gray-100.text-gray-500 {
  background: #efece4 !important;
  color: #6b655a !important;
  border-radius: 10px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center {
  color: #a59678 !important;
  transition: all 0.2s ease !important;
}
div.cursor-pointer.group:hover {
  color: #7d6f58 !important;
  background: rgba(165, 150, 120, 0.08) !important;
  border-radius: 50% !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #a59678 !important;
  filter: drop-shadow(0 1px 2px rgba(140, 120, 90, 0.2)) !important;
}
div.style_divider__mW0YX {
  border-color: rgba(175, 168, 150, 0.5) !important;
  opacity: 0.5 !important;
}
.MuiStack-root.css-1dmzxoz {
  gap: 8px !important;
}
button.MuiButton-outlinedPrimary {
  border-color: #cac5b6 !important;
  color: #6b655a !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
button.MuiButton-outlinedPrimary:hover {
  background: #f4f2ed !important;
  border-color: #b0ab99 !important;
}
button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #b8bdae, #a7ac9d) !important;
  border: none !important;
  color: white !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 10px rgba(130, 128, 115, 0.22) !important;
}
div.p-3.overflow-y-auto {
  background: transparent !important;
}
div.group.ml-0 {
  border-bottom: 1px solid rgba(190, 185, 170, 0.3) !important;
  padding: 12px 0 !important;
}
div.group img.rounded-full {
  border: 2px solid rgba(175, 165, 145, 0.5) !important;
  box-shadow: 0 1px 5px rgba(130, 120, 100, 0.12) !important;
}
div.text-sm.text-grey-600 span.font-bold {
  color: #4e4940 !important;
}
span.text-\[10px\] {
  color: #8d7f6a !important;
  background: #ede9df !important;
  border-radius: 4px !important;
  padding: 0 3px !important;
}
div.break-all {
  color: #4e4840 !important;
}
div.text-xs.text-grey-600 {
  color: #a89f8f !important;
}
button.text-gray-400 {
  color: #a59678 !important;
  transition: all 0.2s !important;
}
button.text-gray-400:hover {
  color: #7d6f58 !important;
  background: rgba(165, 150, 120, 0.08) !important;
  border-radius: 50% !important;
}
button.text-gray-400 svg {
  color: inherit !important;
}
span.cursor-pointer {
  color: #7b8b78 !important;
  font-weight: 600 !important;
}
span.cursor-pointer:hover {
  color: #5d6b5a !important;
  text-decoration: underline wavy #c7c3b7 !important;
}
div.ml-8.border-l {
  border-color: rgba(185, 178, 162, 0.45) !important;
}