ai{
  --paper:#f4ead5;
  --paper2:#ead9b8;
  --ink:#3a241b;
  --ink2:#6d5140;
  --muted:#8a735e;
  --gold:#b8893b;
  --gold2:#e0bd72;
  --red:#8f2f2d;
  --red2:#b75b4f;
  --jade:#4d8a78;
  --line:rgba(142,91,46,.28);
  --line2:rgba(142,47,45,.38);
  display:block;
  position:relative;
  box-sizing:border-box;
  max-width:100%;
  color:var(--ink);
  font:15px/1.78 "Noto Serif SC","Songti SC","STSong","SimSun",serif;
  letter-spacing:.025em;
  padding:13px 10px 15px;
  border:1px solid rgba(142,91,46,.36);
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 4%,rgba(183,91,79,.16),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(184,137,59,.2),transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.42),transparent 30%),
    linear-gradient(180deg,var(--paper),var(--paper2));
  box-shadow:0 12px 32px rgba(80,45,24,.22),inset 0 0 0 1px rgba(255,255,255,.45);
}
ai::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    radial-gradient(circle at 18px 18px,rgba(98,62,38,.12) 1px,transparent 1.5px),
    linear-gradient(90deg,rgba(98,62,38,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(98,62,38,.045) 1px,transparent 1px);
  background-size:34px 34px,28px 28px,28px 28px;
  mask-image:linear-gradient(to bottom,transparent,black 7%,black 92%,transparent);
}
ai::after{
  content:"";
  position:absolute;
  right:-36px;
  top:-42px;
  width:132px;
  height:132px;
  pointer-events:none;
  border:1px solid rgba(184,137,59,.35);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(224,189,114,.22),transparent 58%),
    conic-gradient(from 20deg,transparent,rgba(143,47,45,.18),transparent,rgba(184,137,59,.16),transparent);
  box-shadow:0 0 38px rgba(184,137,59,.16);
}
ai details.think{
  display:none!important;
}
ai game,
ai arc{
  position:relative;
  z-index:1;
  display:block;
}
ai arc{
  margin:10px 0;
  padding:9px 4px 3px;
}
ai arc p{
  margin:0 0 .9em;
  text-align:justify;
  text-indent:2em;
}
ai arc p:first-child::first-letter{
  color:var(--red);
  font-size:1.28em;
  font-weight:700;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 0 8px rgba(184,137,59,.25);
}
ai details{
  position:relative;
  margin:8px 0;
  padding:0;
  border:1px solid var(--line);
  border-radius:13px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,.28),transparent 35%),
    rgba(255,250,238,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
ai details::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,137,59,.55),transparent);
  pointer-events:none;
}
ai details[open]{
  border-color:var(--line2);
  background:
    linear-gradient(90deg,rgba(255,255,255,.34),transparent 42%),
    rgba(255,250,238,.62);
}
ai details:hover{
  border-color:rgba(143,47,45,.46);
}
ai summary{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:6px 10px;
  color:#5d261f;
  font-weight:700;
  font-size:15px;
  cursor:pointer;
  list-style:none;
  background:
    linear-gradient(90deg,rgba(143,47,45,.14),rgba(184,137,59,.15),transparent),
    rgba(255,247,229,.5);
}
ai summary::-webkit-details-marker{
  display:none;
}
ai summary::before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-right:2px solid var(--red);
  border-bottom:2px solid var(--red);
  transform:rotate(-45deg);
  transition:.22s ease;
}
ai details[open]>summary::before{
  transform:rotate(45deg);
}
ai summary::after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,rgba(143,47,45,.32),rgba(184,137,59,.26),transparent);
}
ai d,
ai m{
  display:block;
  margin:0;
  padding:5px 10px;
  border-top:1px solid rgba(142,91,46,.14);
  color:var(--ink);
  font-size:14px;
  word-break:break-word;
}
ai d:nth-of-type(even),
ai m:nth-of-type(even){
  background:rgba(255,255,255,.2);
}
ai f{
  display:inline-block;
  margin-right:5px;
  color:var(--red);
  font-weight:700;
  white-space:nowrap;
}
ai f::after{
  content:"";
  display:inline-block;
  width:1px;
  height:.9em;
  margin:0 5px -1px 6px;
  background:rgba(143,47,45,.28);
}
ai v{
  display:inline-block;
  min-width:42px;
  padding:0 6px;
  border-radius:999px;
  color:#5e261e;
  font-weight:700;
  background:linear-gradient(90deg,rgba(224,189,114,.34),rgba(183,91,79,.18));
  box-shadow:inset 0 0 0 1px rgba(143,47,45,.16);
}
ai p[t]{
  position:relative;
  margin:7px 8px;
  padding:23px 0 4px;
  border:1px solid rgba(142,91,46,.18);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,250,238,.2)),
    rgba(244,234,213,.42);
  overflow:hidden;
}
ai p[t]::before{
  content:attr(t);
  position:absolute;
  left:0;
  top:0;
  right:0;
  padding:3px 9px;
  color:#5e261e;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  background:
    linear-gradient(90deg,rgba(143,47,45,.16),rgba(184,137,59,.18),transparent);
}
ai p[t] d{
  padding:4px 9px;
  border-top:1px dashed rgba(142,91,46,.16);
}
ai details.mem{
  border-color:rgba(77,138,120,.4);
  background:
    linear-gradient(90deg,rgba(77,138,120,.1),transparent 45%),
    rgba(255,250,238,.54);
}
ai details.mem>summary{
  color:#285b50;
  background:linear-gradient(90deg,rgba(77,138,120,.16),rgba(184,137,59,.13),transparent);
}
ai details.mem details{
  margin:7px 8px;
  border-color:rgba(77,138,120,.25);
  background:rgba(246,240,222,.62);
}
ai details.mem details summary{
  min-height:30px;
  padding:4px 8px;
  color:#285b50;
  font-size:14px;
}
ai m{
  color:#4c3b31;
  font-size:13px;
  line-height:1.64;
}
ai game>details:first-child{
  border-color:rgba(77,138,120,.38);
}
ai game>details:first-child summary{
  color:#285b50;
  background:linear-gradient(90deg,rgba(77,138,120,.15),rgba(184,137,59,.12),transparent);
}
ai game>details:first-child d{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:0 4px;
}
ai game>details:last-child{
  border-color:rgba(143,47,45,.4);
}
ai game>details:last-child summary{
  color:#6b2722;
  background:linear-gradient(90deg,rgba(143,47,45,.16),rgba(184,137,59,.13),transparent);
}
ai game>details:last-child d{
  padding-left:14px;
}
ai details{
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease;
}
ai details[open]:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 16px rgba(184,137,59,.14);
}
ai strong,
ai b{
  color:var(--red);
}
ai i,
ai em{
  color:var(--jade);
}
ai h2,
ai h3{
  margin:.6em 0 .35em;
  color:#5d261f;
  font-size:1.05em;
}
ai ul,
ai ol{
  margin:.4em 0 .7em 1.4em;
  padding:0;
}
ai li{
  margin:.2em 0;
}
@media(max-width:520px){
  ai{
    padding:10px 8px 12px;
    border-radius:14px;
    font-size:14px;
  }
  ai summary{
    min-height:32px;
    padding:5px 8px;
    font-size:14px;
  }
  ai d,
  ai m{
    padding:4px 8px;
    font-size:13px;
  }
  ai arc p{
    text-indent:1.6em;
  }
  ai p[t]{
    margin:6px;
  }
}
css
/* === 靖朝 · 齐王府邸 主题美化 === */
/* 核心设计：宋瓷天青 x 古画暖黄 x 丝绢质感 */
/* 确保可读性最高，深底必配浅字，浅底必配深字 */

/* ================= 1. 顶部栏：宋式梁柱 ================= */
/* 整体背景：深色沉香木纹理，搭配牙白文字 */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(180deg, #3e2f24 0%, #2d231a 100%) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    border-bottom: 1px solid #5b4a3a !important;
}

/* 模型选择器容器：天青瓷片点缀 */
#ai-model-selector .group.flex.items-center {
    background: rgba(140, 175, 175, 0.15) !important;
    border: 1px solid rgba(140, 175, 175, 0.3) !important;
    border-radius: 2em !important;
    padding: 2px 8px !important;
    transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
    background: rgba(140, 175, 175, 0.25) !important;
    border-color: #a8c8b0 !important;
}

/* 模型名称文字：牙白清亮 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #f5efe0 !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

/* 下拉箭头SVG：染为淡天青 */
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #b9cfc3 !important;
    transition: transform 0.3s ease !important;
}

/* 移动端历史记录图标：牙白 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
    color: #e5d9c5 !important;
}

/* 历史记录未读角标：朱砂红 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background-color: #c87a4f !important;
}

/* 设置按钮：保持与背景对比 */
#header-setting-button svg {
    color: #d4c5b2 !important;
    transition: color 0.3s !important;
}
#header-setting-button:hover svg {
    color: #f5efe0 !important;
}

/* 移动端设置图标：裸SVG着色 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #d4c5b2 !important;
}


/* ================= 2. 开场白选择器：锦裱画卷 ================= */
/* 容器：暖黄古画底色，边缘裱花 */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: linear-gradient(180deg, #fdf8ea 0%, #f2e8d5 100%) !important;
    border: 1px solid #d1b894 !important;
    box-shadow: 0 1px 4px rgba(158, 128, 93, 0.2) !important;
    transition: all 0.3s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    border-color: #a6845a !important;
    box-shadow: 0 2px 8px rgba(158, 128, 93, 0.4) !important;
}

/* 左侧滑块图标：金石印章感 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
    color: #8c6b4a !important;
    transition: color 0.3s !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"] {
    color: #c87a4f !important;
}

/* 右侧下拉箭头：金石印章感 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: #8c6b4a !important;
    transition: color 0.3s !important;
}


/* ================= 3. 按钮栏：宋式细框 ================= */
/* 按钮外层容器（不做多余修改，仅提示可自行调整内边距） */

/* 按钮：天青边素色底 */
#ai-mod-button2 button.MuiButton-root {
    border: 1px solid #9bb8b0 !important;
    background: rgba(240, 245, 242, 0.7) !important;
    color: #3e5a50 !important;
    border-radius: 1.5em !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: #9bb8b0 !important;
    color: #ffffff !important;
    border-color: #7a9c94 !important;
}

/* 按钮图标 */
#ai-mod-button2 button.MuiButton-root svg {
    color: inherit !important;
    transition: color 0.3s !important;
}


/* ================= 4. 底部栏：素笺信纸 ================= */
/* 输入框容器 */
#ai-chat-bottom-input {
    background: transparent !important;
}

/* 主输入框：素笺信纸，淡墨晕染边框 */
#ai-chat-input {
    background-color: #fcfaf2 !important;
    border: 1px solid #d6c7ac !important;
    color: #3e2f24 !important;
    caret-color: #8c6b4a !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
    box-shadow: 0 1px 4px rgba(158, 128, 93, 0.1) inset !important;
}
#ai-chat-input:focus {
    border-color: #a6845a !important;
    box-shadow: 0 0 0 3px rgba(200, 180, 140, 0.2) !important;
    outline: none !important;
}

/* 占位符 */
#ai-chat-input::placeholder {
    color: #b9a98b !important;
    font-style: italic !important;
}

/* 文字选中 */
#ai-chat-input::selection {
    background: #d1b894 !important;
    color: #ffffff !important;
}


/* ================= 5. 分页栏：青铜纹样 ================= */
/* 只修改颜色和视觉样式，保持布局不变 */

.MuiPaginationItem-root {
    color: #6b5a45 !important;
    border-radius: 4px !important;
    transition: all 0.3s !important;
}
.MuiPaginationItem-root:hover {
    background-color: rgba(180, 150, 110, 0.1) !important;
}
.MuiPaginationItem-root.Mui-selected {
    background-color: #9bb8b0 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}
.MuiPaginationItem-root.Mui-disabled {
    color: #c4b99b !important;
    opacity: 0.5 !important;
}

/* 翻页箭头图标 */
.MuiPaginationItem-icon {
    color: inherit !important;
}

/* 跳转输入区域 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #6b5a45 !important;
}
.MuiInputBase-input {
    color: #3e2f24 !important;
    border-color: #d1b894 !important;
}


/* ================= 6. 评论区：宋代丝绢与卷轴 ================= */
/* 主容器背景：丝绢光泽，褐金与米白交织 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: linear-gradient(135deg, #fbf5e8 0%, #f2e6ce 100%) !important;
    border-top: 2px solid #c8b694 !important;
    position: relative !important;
}
/* 增加丝绢暗纹效果 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(180, 150, 110, 0.03) 10px, rgba(180, 150, 110, 0.03) 11px) !important;
    pointer-events: none !important;
    z-index: 0; /* 注意：这是为伪元素设置的层级，不影响下方内容交互 */
}
/* 确保内容在纹理上方 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] > * {
    position: relative;
    z-index: 1;
}

/* 顶部标题 "评论(x)"：朱砂点缀，宋体风骨 */
div.text-lg.font-bold {
    color: #8c3a3a !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #e5d5b0 !important;
    padding-bottom: 4px !important;
}

/* "个人评分" 文字 */
p.MuiTypography-body1.text-grey-600 {
    color: #6b5a45 !important;
}

/* 评分星星容器 */
span.MuiRating-root {
    color: #d4a373 !important;
}
/* 未选中星星 */
span.MuiRating-iconEmpty svg {
    color: #d6c7ac !important;
    stroke: #c8b694 !important;
}
/* 选中星星 */
span.MuiRating-iconFilled svg {
    color: #d4a373 !important;
    filter: drop-shadow(0 0 3px rgba(200, 150, 100, 0.5)) !important;
}

/* 评分数字 */
span.text-orange-500 {
    color: #b87333 !important;
    font-weight: 600 !important;
}

/* 评论输入框 */
textarea.rc-textarea {
    background: #fefcf7 !important;
    border: 1px solid #d1c7ac !important;
    color: #3e2f24 !important;
    caret-color: #8c6b4a !important;
}
textarea.rc-textarea:focus {
    border-color: #a6845a !important;
    box-shadow: 0 0 0 2px rgba(200, 180, 140, 0.3) !important;
}

/* 字数统计 */
div.bg-gray-100.text-gray-500 {
    background-color: #f2e8d5 !important;
    color: #8c7a5c !important;
}

/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background-color: transparent !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #9bb8b0 !important;
    transition: color 0.3s, transform 0.2s !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover svg[data-icon="Send03"] {
    color: #6b9080 !important;
    transform: scale(1.1);
}

/* 分割线 */
div.style_divider__mW0YX {
    background-color: #d1b894 !important;
    opacity: 0.6 !important;
}

/* 排序按钮通用 */
button.MuiButton-containedPrimary,
button.MuiButton-outlinedPrimary {
    border-radius: 16px !important;
    transition: all 0.3s !important;
}
button.MuiButton-containedPrimary {
    background-color: #9bb8b0 !important;
    color: #ffffff !important;
    border: 1px solid #7a9c94 !important;
}
button.MuiButton-outlinedPrimary {
    background-color: transparent !important;
    color: #5b7a70 !important;
    border: 1px solid #b9cfc3 !important;
}
button.MuiButton-outlinedPrimary:hover {
    background-color: rgba(155, 184, 176, 0.1) !important;
}

/* 评论项 */
div.group.ml-0 {
    border-bottom: 1px dashed #d1b894 !important;
    padding: 12px 0 !important;
}
/* 用户头像轻微复古滤镜 */
div.group img.rounded-full {
    filter: sepia(0.1) !important;
    border: 1px solid #d1b894;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
    color: #4a3b2c !important;
}
/* "（你）" 标签 */
span.text-\[10px\] {
    background-color: #e5d5b0 !important;
    color: #5b3e2e !important;
    border-radius: 4px !important;
    padding: 0 4px !important;
}

/* 评论内容 */
div.break-all {
    color: #3e2f24 !important;
    line-height: 1.6 !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
    color: #a08c70 !important;
}

/* 点赞按钮 */
button.text-gray-400 {
    color: #9ba89b !important;
    transition: color 0.3s !important;
}
button.text-gray-400:hover {
    color: #c87a4f !important;
}
button.text-gray-400 svg {
    color: inherit !important;
}

/* 回复文字 */
span.cursor-pointer {
    color: #6b9080 !important;
    font-weight: 500 !important;
    transition: color 0.3s !important;
}
span.cursor-pointer:hover {
    color: #3e5a50 !important;
}

/* 回复区域边框 */
div.ml-8.border-l {
    border-color: #d1b894 !important;
}