css
xian{
  display:block;
  font-family:"宋体",SimSun,"STSong","Songti SC",serif;
  font-size:15px;line-height:1.75;color:#2a2520;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><circle cx='32' cy='32' r='25' fill='none' stroke='%23a83232' stroke-width='2.5' opacity='0.85'/><circle cx='32' cy='32' r='21' fill='none' stroke='%23a83232' stroke-width='1' opacity='0.6'/><text x='32' y='40' text-anchor='middle' font-size='22' font-family='serif' font-weight='900' fill='%23a83232' opacity='0.85'>仙</text></svg>") no-repeat,
    radial-gradient(ellipse at 18% 8%,rgba(168,50,50,0.05),transparent 55%),
    radial-gradient(ellipse at 82% 92%,rgba(184,149,106,0.08),transparent 55%),
    repeating-linear-gradient(43deg,rgba(184,149,106,0.04) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(137deg,rgba(184,149,106,0.03) 0 1px,transparent 1px 4px),
    linear-gradient(135deg,#f5efe3 0%,#ede4d1 100%);
  background-size:64px 64px,auto,auto,auto,auto,auto;
  background-position:calc(100% - 24px) 18px,0 0,0 0,0 0,0 0,0 0;
  padding:22px 22px 18px;margin:8px 0;position:relative;
  border-radius:3px;
  box-shadow:
    0 0 0 1px #d4b88a inset,
    0 0 0 4px #f5efe3 inset,
    0 0 0 5px #b8956a inset,
    0 0 0 6px #f5efe3 inset,
    0 4px 22px rgba(80,50,30,0.18);
  overflow:hidden;animation:xfd 0.6s ease;
}
@keyframes xfd{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

xian::before,xian::after{
  content:'';position:absolute;top:6px;bottom:6px;width:9px;
  background:
    linear-gradient(180deg,#8b6f47 0%,#6b5230 4%,#b8956a 8%,#d4b88a 50%,#b8956a 92%,#6b5230 96%,#8b6f47 100%);
  box-shadow:0 0 6px rgba(0,0,0,0.18) inset,0 1px 2px rgba(0,0,0,0.1);
  border-radius:1px;
}
xian::before{left:6px}
xian::after{right:6px}

xian .think{display:none}

xian art{
  display:block;margin:14px 18px 18px;padding:18px 22px;
  background:
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(184,149,106,0.12) 27px 28px),
    linear-gradient(180deg,rgba(255,253,247,0.85),rgba(248,242,228,0.7));
  border:1px solid rgba(184,149,106,0.4);border-radius:2px;position:relative;
  box-shadow:0 0 0 1px rgba(255,250,240,0.6) inset,0 1px 4px rgba(60,40,20,0.08);
}
xian art::before{content:'「';position:absolute;top:-2px;left:6px;font-size:32px;color:#a83232;opacity:0.55;font-weight:700;font-family:serif}
xian art::after{content:'」';position:absolute;bottom:-12px;right:8px;font-size:32px;color:#a83232;opacity:0.55;font-weight:700;font-family:serif}
xian art p{display:block;margin:0 0 10px;text-indent:2em;font-size:15px;line-height:1.95;color:#2a2520;text-align:justify}
xian art p:last-child{margin-bottom:0}
xian art p strong{color:#6b3030;font-weight:700}
xian art p em{color:#7a4030;font-style:italic}

xian details{
  display:block;margin:10px 18px;padding:0;
  background:linear-gradient(180deg,rgba(255,253,247,0.78),rgba(245,239,227,0.55));
  border:1px solid rgba(184,149,106,0.45);border-radius:2px;overflow:hidden;
  transition:box-shadow 0.3s,border-color 0.3s;
}
xian details[open]{box-shadow:0 2px 10px rgba(120,80,40,0.1);border-color:rgba(168,50,50,0.4)}
xian summary{
  cursor:pointer;padding:9px 14px 9px 30px;font-size:15px;font-weight:600;
  color:#2a2520;letter-spacing:0.18em;
  background:linear-gradient(180deg,rgba(245,235,215,0.75),rgba(232,220,196,0.55));
  position:relative;list-style:none;user-select:none;transition:all 0.3s;
}
xian summary::-webkit-details-marker{display:none}
xian summary::before{
  content:'';position:absolute;left:12px;top:50%;
  width:8px;height:8px;background:linear-gradient(135deg,#c44545,#8b1a1a);
  transform:translateY(-50%) rotate(45deg);
  box-shadow:0 0 5px rgba(168,50,50,0.55),0 0 0 1px rgba(107,26,26,0.3);
  transition:transform 0.35s;
}
xian details[open]>summary::before{transform:translateY(-50%) rotate(225deg)}
xian summary::after{
  content:'';position:absolute;left:14px;right:14px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,#b8956a 20%,#a83232 50%,#b8956a 80%,transparent);
  opacity:0;transition:opacity 0.3s;
}
xian details[open]>summary::after{opacity:1}
xian summary:hover{background:linear-gradient(180deg,rgba(252,242,222,0.85),rgba(240,228,204,0.65));color:#6b3030}

xian d{
  display:block;padding:5px 14px;font-size:14px;color:#3a342b;
  border-bottom:1px dotted rgba(184,149,106,0.28);
}
xian details d:last-child{border-bottom:none}
xian d strong{color:#6b3030}

xian t{
  display:inline-block;min-width:62px;padding:1px 9px;margin-right:9px;
  background:linear-gradient(180deg,#faf3e3,#f0e6cf);
  border:1px solid rgba(168,50,50,0.4);border-radius:2px;
  font-size:12.5px;color:#6b1a1a;letter-spacing:0.12em;
  text-align:center;font-weight:600;position:relative;vertical-align:middle;
}
xian t::before{
  content:'';position:absolute;left:-3px;top:50%;
  width:2px;height:60%;background:#a83232;
  transform:translateY(-50%);border-radius:1px;
  box-shadow:0 0 3px rgba(168,50,50,0.5);
}

xian g{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:2px 14px;padding:6px 14px 4px;
}
xian g d{padding:5px 0;font-size:13.5px;border-bottom:1px dotted rgba(184,149,106,0.22)}

xian h{
  display:block;margin:12px 0 6px;padding:5px 14px 5px 32px;
  font-size:14.5px;font-weight:700;color:#6b1a1a;letter-spacing:0.22em;
  position:relative;
  background:linear-gradient(90deg,rgba(168,50,50,0.08),transparent 65%);
}
xian h::before{
  content:'';position:absolute;left:14px;top:50%;
  width:14px;height:2px;background:linear-gradient(90deg,#a83232,transparent);
  transform:translateY(-50%);box-shadow:0 0 3px rgba(168,50,50,0.4);
}
xian h::after{
  content:'';position:absolute;left:14px;right:14px;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(168,50,50,0.5),rgba(184,149,106,0.3) 50%,transparent);
}

xian x{
  display:block;margin:5px 14px;padding:6px 12px 6px 16px;
  background:linear-gradient(90deg,rgba(255,250,240,0.75),rgba(248,242,228,0.4) 60%,transparent);
  border-left:2px solid #a83232;border-radius:0 2px 2px 0;
  font-size:13.5px;color:#3a342b;position:relative;
  box-shadow:0 1px 2px rgba(80,50,30,0.05);
}
xian x b{color:#6b1a1a;font-weight:700;letter-spacing:0.05em}

xian bar{
  display:inline-block;position:relative;
  width:calc(100% - 90px);height:14px;vertical-align:middle;
  background:
    repeating-linear-gradient(90deg,transparent 0 9px,rgba(184,149,106,0.3) 9px 10px),
    linear-gradient(180deg,#ebe0c8,#d8c9a8);
  border:1px solid rgba(107,26,26,0.4);border-radius:1px;overflow:hidden;
  box-shadow:0 1px 2px rgba(60,40,20,0.18) inset;
}
xian bf{display:block;height:100%;position:relative;transition:width 0.7s cubic-bezier(.4,1.3,.5,1);overflow:hidden}
xian bf::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.5) 0%,transparent 50%,rgba(0,0,0,0.12) 100%)}
xian bf::before{
  content:'';position:absolute;top:0;left:-50%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),transparent);
  animation:flow 2.6s linear infinite;
}
@keyframes flow{0%{left:-50%}100%{left:100%}}
xian bf[c="poi"]{background:linear-gradient(90deg,#d4536b,#a83232 70%,#7a1a1a)}
xian bf[c="dao"]{background:linear-gradient(90deg,#9bbcce,#5b85a0 70%,#3a5d70)}
xian bf[c="rep"]{background:linear-gradient(90deg,#d8c89a,#a89770 70%,#7a6a40)}
xian bf[c="luv"]{background:linear-gradient(90deg,#f0b8c2,#d48590 70%,#a05060)}
xian n{
  display:inline-block;width:74px;text-align:right;padding-right:6px;
  font-size:12.5px;color:#6b1a1a;font-weight:700;
  vertical-align:middle;letter-spacing:0.05em;
  font-family:"宋体",serif;
}

xian d[c="hint"]{
  padding:4px 14px 7px 84px;font-size:12.5px;color:#8b6a4a;
  font-style:italic;letter-spacing:0.05em;
  background:linear-gradient(90deg,rgba(168,50,50,0.04),transparent 70%);
  border-bottom:1px dotted rgba(184,149,106,0.22);
}

xian d[c="warn"]{
  margin:6px 14px;padding:7px 12px 7px 18px;
  background:
    repeating-linear-gradient(135deg,rgba(168,50,50,0.1) 0 6px,transparent 6px 13px),
    linear-gradient(90deg,rgba(168,50,50,0.12),rgba(168,50,50,0.04));
  border-left:3px solid #a83232;border-right:1px solid rgba(168,50,50,0.2);
  border-radius:1px;color:#6b1a1a;position:relative;
  animation:wp 2.4s ease-in-out infinite;
}
@keyframes wp{
  0%,100%{box-shadow:0 0 0 0 rgba(168,50,50,0)}
  50%{box-shadow:0 0 10px 0 rgba(168,50,50,0.35)}
}
xian d[c="warn"] t{background:linear-gradient(180deg,#fde4e4,#f5cccc);border-color:#a83232;color:#6b1a1a}

xian details.lock{
  margin:6px 14px;border:1px dashed rgba(168,50,50,0.55);
  background:
    repeating-linear-gradient(45deg,rgba(168,50,50,0.05) 0 8px,transparent 8px 16px),
    linear-gradient(180deg,rgba(255,245,240,0.55),rgba(248,232,228,0.4));
}
xian details.lock>summary{
  padding:7px 14px 7px 32px;font-size:13.5px;
  color:#8b1a1a;letter-spacing:0.18em;font-weight:600;
  background:linear-gradient(90deg,rgba(168,50,50,0.13),rgba(168,50,50,0.04));
}
xian details.lock>summary::before{
  content:'🔒';width:auto;height:auto;background:transparent;
  box-shadow:none;transform:translateY(-50%);
  font-size:13px;left:11px;
}
xian details.lock[open]>summary::before{content:'🗝';transform:translateY(-50%) rotate(-12deg)}
xian details.lock:not([open])>summary{text-shadow:0 0 4px rgba(107,26,26,0.45)}
xian details.lock:not([open])>summary::after{
  content:'';opacity:1;
  background:linear-gradient(90deg,transparent,#a83232 50%,transparent);
}

xian .env{
  margin:6px 18px 14px;padding:0;
  background:linear-gradient(135deg,rgba(255,250,240,0.7),rgba(245,235,215,0.5));
  border-style:dashed;
}
xian .env>summary{background:linear-gradient(90deg,rgba(184,149,106,0.18),rgba(184,149,106,0.06))}

xian .me>summary{background:linear-gradient(90deg,rgba(168,50,50,0.14),rgba(184,149,106,0.08))}
xian .npc>summary{background:linear-gradient(90deg,rgba(74,109,128,0.12),rgba(184,149,106,0.06))}
xian .status>summary{background:linear-gradient(90deg,rgba(196,112,128,0.14),rgba(168,50,50,0.06))}
xian .dirty>summary{background:linear-gradient(90deg,rgba(168,50,50,0.18),rgba(196,112,128,0.08))}
xian .risk>summary{background:linear-gradient(90deg,rgba(168,50,50,0.16),rgba(184,149,106,0.06))}
xian .mem>summary{background:linear-gradient(90deg,rgba(184,149,106,0.18),rgba(184,149,106,0.06))}

xian .mem details{margin:8px 14px;border-color:rgba(184,149,106,0.35)}
xian .mem m{
  display:block;margin:4px 0;padding:5px 10px 5px 14px;
  background:linear-gradient(90deg,rgba(255,250,240,0.65),transparent);
  border-left:2px dashed #b8956a;font-size:13px;color:#3a342b;
  letter-spacing:0.02em;
}

xian .act{
  margin:14px 18px 4px;border-color:#a83232;
  background:linear-gradient(180deg,rgba(255,250,240,0.85),rgba(248,238,220,0.65));
  box-shadow:0 2px 12px rgba(168,50,50,0.1);
}
xian .act>summary{
  background:linear-gradient(90deg,rgba(168,50,50,0.18),rgba(184,149,106,0.1));
  font-weight:700;letter-spacing:0.25em;
}
xian o{
  display:block;margin:7px 12px;padding:9px 12px 9px 36px;
  background:linear-gradient(90deg,rgba(255,250,240,0.8),rgba(245,235,215,0.5));
  border:1px solid rgba(184,149,106,0.45);border-left:3px solid #a83232;
  border-radius:2px;font-size:14px;color:#2a2520;
  position:relative;cursor:pointer;transition:all 0.28s;
  box-shadow:0 1px 2px rgba(80,50,30,0.06);
}
xian o::before{
  content:'❀';position:absolute;left:12px;top:50%;
  transform:translateY(-50%);color:#a83232;font-size:13px;
  text-shadow:0 0 5px rgba(168,50,50,0.5);
  transition:transform 0.4s;
}
xian o:hover{
  transform:translateX(4px);
  background:linear-gradient(90deg,rgba(255,242,228,0.95),rgba(248,224,206,0.75));
  border-left-color:#6b1a1a;border-color:rgba(168,50,50,0.5);
  box-shadow:0 3px 10px rgba(168,50,50,0.18);color:#6b1a1a;
}
xian o:hover::before{transform:translateY(-50%) rotate(180deg);color:#6b1a1a}

@media(max-width:560px){
  xian{padding:18px 14px 14px;font-size:14px}
  xian::before,xian::after{width:6px}
  xian::before{left:4px}
  xian::after{right:4px}
  xian art,xian details,xian .env,xian .act{margin-left:10px;margin-right:10px}
  xian art{padding:14px 14px}
  xian art p{font-size:14px;line-height:1.85}
  xian summary{padding:8px 12px 8px 26px;font-size:14px;letter-spacing:0.12em}
  xian summary::before{left:10px;width:7px;height:7px}
  xian d{font-size:13px;padding:4px 12px}
  xian g{grid-template-columns:1fr 1fr;gap:0 8px;padding:4px 12px}
  xian g d{font-size:12.5px}
  xian t{min-width:54px;padding:1px 6px;font-size:12px;margin-right:6px}
  xian h{font-size:13.5px;letter-spacing:0.16em;padding:4px 12px 4px 28px}
  xian h::before{left:12px;width:10px}
  xian x{font-size:12.5px;margin:4px 12px;padding:5px 10px 5px 14px}
  xian bar{width:calc(100% - 76px);height:12px}
  xian n{width:60px;font-size:11.5px}
  xian d[c="hint"]{padding-left:72px;font-size:11.5px}
  xian o{font-size:13px;padding:8px 10px 8px 32px;margin:6px 10px}
  xian o::before{left:10px;font-size:12px}
}
/* ========== 修仙洞府 · 水墨云烟风 ========== */

/* --- 顶部栏：月白琉璃 + 淡墨云纹 --- */
.sticky.w-full.top-0.flex.items-center {
  background: rgba(250, 247, 240, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 2px 20px rgba(80, 60, 40, 0.06), inset 0 -1px 0 rgba(140, 120, 90, 0.2) !important;
  /* 淡墨云纹（SVG 多层圆弧） */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60'%3E%3Cpath d='M0 30 Q30 10 60 30 T120 30 T180 30 T240 30 T300 30' fill='none' stroke='%2399927e' stroke-width='0.8' opacity='0.12'/%3E%3Cpath d='M0 40 Q40 20 80 40 T160 40 T240 40 T300 40' fill='none' stroke='%2399927e' stroke-width='0.6' opacity='0.08'/%3E%3C/svg%3E") !important;
  background-size: 300px 60px !important;
  background-repeat: repeat-x !important;
  background-position: bottom !important;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
  background: rgba(255, 252, 247, 0.75) !important;
  border-radius: 24px !important;
  padding: 2px 14px !important;
  border: 1px solid rgba(180, 160, 130, 0.35) !important;
  box-shadow: 0 2px 8px rgba(120, 90, 60, 0.06) !important;
  transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  background: rgba(255, 252, 247, 0.95) !important;
  border-color: #a3937a !important;
  box-shadow: 0 4px 14px rgba(100, 70, 40, 0.12) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #4a3b2f !important;
  font-weight: 600 !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #8c7b62 !important;
  transition: transform 0.2s ease !important;
}
#ai-model-selector .group:hover .shrink-0.flex.items-center svg {
  transform: rotate(180deg) !important;
  color: #5e4e3a !important;
}

/* 历史图标：淡松烟 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #7a8b7b !important; /* 青灰 */
  filter: drop-shadow(0 1px 2px rgba(100, 120, 100, 0.2)) !important;
}
/* 未读角标：朱砂一点 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background-color: #b5453a !important;
  box-shadow: 0 0 0 2px rgba(250, 247, 240, 0.9) !important;
}
/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  color: #8b9a8b !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(120, 140, 110, 0.1) !important;
}
/* 设置按钮 */
#header-setting-button {
  color: #9b8e7a !important;
  transition: all 0.2s ease !important;
}
#header-setting-button:hover {
  background: rgba(155, 142, 122, 0.1) !important;
  border-radius: 50% !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #9b8e7a !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(252, 249, 242, 0.9) !important;
  border: 1px solid rgba(180, 160, 130, 0.4) !important;
  border-radius: 20px !important;
  padding: 0 10px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: visible !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: 6px !important;
  top: 50% !important;
  transform: translateY(-52%) !important;
  font-size: 18px !important;
  color: #b4a48a !important;
  opacity: 0.5 !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(250, 245, 235, 0.95) !important;
  border-color: #a3937a !important;
  box-shadow: 0 4px 14px rgba(100, 70, 40, 0.1) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #8c7b62 !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #9b8a6b !important;
}

/* --- 按钮栏：青瓷渐变，如道袍素色 --- */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, #a4b5a2, #8b9e8a) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 22px !important;
  padding: 6px 18px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: 0 2px 10px rgba(100, 120, 90, 0.2) !important;
  transition: all 0.3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, #93a591, #7a8d79) !important;
  box-shadow: 0 4px 16px rgba(80, 100, 70, 0.3) !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.1)) !important;
}

/* --- 底部栏：宣纸留白 + 远山仙鹤 --- */
.bg-gradient-to-t {
  background: linear-gradient(to top, rgba(248, 243, 234, 0.98), rgba(245, 238, 225, 0.5), transparent) !important;
  /* 远山与仙鹤剪影 */
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Cpath d='M0 35 Q20 15 40 30 T80 25 T100 30 L100 40 L0 40Z' fill='%239ca38b' opacity='0.15'/%3E%3Cpath d='M10 38 Q30 20 50 33 T90 28 L100 32 L100 40 L0 40Z' fill='%239ca38b' opacity='0.1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20 Q8 12 12 20 Q16 12 20 20' fill='none' stroke='%23666' stroke-width='1.5' opacity='0.15'/%3E%3Ccircle cx='12' cy='14' r='1.5' fill='%23666' opacity='0.12'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: left bottom, 85% 80% !important;
  background-size: 100% auto, 40px 40px !important;
}

#ai-chat-bottom-input {
  background: rgba(255, 252, 248, 0.9) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(170, 150, 120, 0.4) !important;
  box-shadow: 0 2px 12px rgba(120, 90, 60, 0.06) !important;
  transition: all 0.3s ease !important;
}
#ai-chat-bottom-input:focus-within {
  background: #ffffff !important;
  box-shadow: 0 4px 18px rgba(100, 70, 40, 0.1) !important;
  border-color: #a3937a !important;
}

/* 底部输入框文字：黑色楷体 */
#ai-chat-input {
  color: #1a1a1a !important;
  caret-color: #5e4e3a !important;
  font-family: "KaiTi", "楷体", "STKaiti", "华文楷体", serif !important;
  font-size: 15px !important;
}
#ai-chat-input::placeholder {
  color: #b4a48a !important;
  opacity: 0.7 !important;
  font-family: "KaiTi", "楷体", "STKaiti", serif !important;
}
#ai-chat-input::selection {
  background: rgba(140, 160, 130, 0.2) !important;
  color: #1a1a1a !important;
}

/* --- 分页栏：古卷页码 --- */
.MuiPaginationItem-root {
  color: #6b5d4f !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
.MuiPaginationItem-root:hover {
  background: rgba(140, 160, 130, 0.1) !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #a4b5a2, #8b9e8a) !important;
  color: white !important;
  box-shadow: 0 2px 10px rgba(100, 120, 90, 0.25) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  opacity: 0.4 !important;
}
.MuiPaginationItem-icon {
  color: #7a8b7b !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #6b5d4f !important;
}
.MuiInputBase-input {
  border: 1px solid rgba(170, 150, 120, 0.5) !important;
  border-radius: 6px !important;
  color: #1a1a1a !important;
  background: rgba(255, 252, 248, 0.9) !important;
}

/* --- 评论区：水墨留白 + 松鹤遐龄 --- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(180deg, #fcf9f2 0%, #f5efe4 100%) !important;
  /* 右下角松枝仙鹤淡影 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M90 90 Q100 60 110 90' fill='none' stroke='%237a8b7b' stroke-width='1.5' opacity='0.1'/%3E%3Cpath d='M100 60 L105 55 M105 55 L108 58' stroke='%237a8b7b' stroke-width='1' opacity='0.1' fill='none'/%3E%3Cpath d='M95 75 Q100 70 105 75' fill='none' stroke='%237a8b7b' stroke-width='1' opacity='0.08'/%3E%3C/svg%3E") !important;
  background-size: 120px 120px !important;
  background-position: 100% 100% !important;
  background-repeat: no-repeat !important;
}
div.text-lg.font-bold {
  color: #4a3b2f !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(100, 80, 50, 0.1) !important;
}
p.MuiTypography-body1.text-grey-600 {
  color: #7a6a58 !important;
}
span.MuiRating-root {
  filter: drop-shadow(0 1px 2px rgba(100, 80, 50, 0.15)) !important;
}
span.MuiRating-iconEmpty svg {
  color: #d4cfc2 !important;
  stroke: #b8af9a !important;
}
span.MuiRating-iconFilled svg {
  color: #c5a15a !important; /* 淡金 */
  filter: drop-shadow(0 0 3px #dfd0b0) !important;
}
span.text-orange-500 {
  color: #9b7e5a !important;
  font-weight: 600 !important;
}
div.flex.flex-col.border-gray-200 {
  background: #ffffff !important;
  border: 1px solid rgba(180, 160, 130, 0.45) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(100, 70, 40, 0.04) !important;
}
/* 评论区输入框：黑色楷体 */
textarea.rc-textarea {
  color: #1a1a1a !important;
  caret-color: #5e4e3a !important;
  font-family: "KaiTi", "楷体", "STKaiti", "华文楷体", serif !important;
  font-size: 15px !important;
}
textarea.rc-textarea::placeholder {
  color: #b4a48a !important;
  opacity: 0.7 !important;
  font-family: "KaiTi", "楷体", "STKaiti", serif !important;
}
div.bg-gray-100.text-gray-500 {
  background: #f4efe4 !important;
  color: #6b5d4f !important;
  border-radius: 10px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center {
  color: #8c7b62 !important;
  transition: all 0.2s ease !important;
}
div.cursor-pointer.group:hover {
  color: #5e4e3a !important;
  background: rgba(140, 120, 90, 0.08) !important;
  border-radius: 50% !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #8c7b62 !important;
  filter: drop-shadow(0 1px 2px rgba(100, 70, 40, 0.2)) !important;
}
div.style_divider__mW0YX {
  border-color: rgba(180, 160, 130, 0.5) !important;
  opacity: 0.5 !important;
}
.MuiStack-root.css-1dmzxoz {
  gap: 8px !important;
}
button.MuiButton-outlinedPrimary {
  border-color: #c4b99e !important;
  color: #6b5d4f !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
button.MuiButton-outlinedPrimary:hover {
  background: #f4efe4 !important;
  border-color: #a3937a !important;
}
button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #a4b5a2, #8b9e8a) !important;
  border: none !important;
  color: white !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 10px rgba(100, 120, 90, 0.25) !important;
}
div.p-3.overflow-y-auto {
  background: transparent !important;
}
div.group.ml-0 {
  border-bottom: 1px solid rgba(180, 160, 130, 0.3) !important;
  padding: 12px 0 !important;
}
div.group img.rounded-full {
  border: 2px solid rgba(170, 150, 120, 0.5) !important;
  box-shadow: 0 1px 6px rgba(100, 70, 40, 0.1) !important;
}
div.text-sm.text-grey-600 span.font-bold {
  color: #4a3b2f !important;
}
span.text-\[10px\] {
  color: #8c7b62 !important;
  background: #f4efe4 !important;
  border-radius: 4px !important;
  padding: 0 3px !important;
}
div.break-all {
  color: #1a1a1a !important;
}
div.text-xs.text-grey-600 {
  color: #9b8e7a !important;
}
button.text-gray-400 {
  color: #8c7b62 !important;
  transition: all 0.2s !important;
}
button.text-gray-400:hover {
  color: #5e4e3a !important;
  background: rgba(140, 120, 90, 0.08) !important;
  border-radius: 50% !important;
}
button.text-gray-400 svg {
  color: inherit !important;
}
span.cursor-pointer {
  color: #7a8b7b !important;
  font-weight: 600 !important;
}
span.cursor-pointer:hover {
  color: #4d5e4d !important;
  text-decoration: underline wavy #b4a48a !important;
}
div.ml-8.border-l {
  border-color: rgba(180, 160, 130, 0.45) !important;
}