/* ========================================
   西幻重制版：大世界暗流篇 (Rili平台适配版)
   ======================================== */

/* === 思维链隐藏 === */
think { display: none; }

/* === 字体加载 === */
@import url('https://chinese-fonts-cdn.deno.dev/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css');

/* === 全局背景：烛火古堡 === */
body,
[class*="max-w-2xl"][class*="mx-auto"] {
  background:
    linear-gradient(180deg, rgba(28, 16, 5, 0.78) 0%, rgba(17, 10, 5, 0.85) 100%),
    url('https://img.pagehost.cn/autoupload/p5gcs/20260826/wp9s/1080X1512/8c847bcf-6d0f-44a1-8521-d37a529be887.png/webp') center/cover no-repeat fixed !important;
  font-family: 'LXGW WenKai', 'Georgia', '霞鹜文楷', serif !important;
}

/* === 顶部模型选择栏：深渊铜冠（保留原样式，B平台顶栏结构类似）=== */
.sticky.top-0,
header[class*="sticky"] {
  background: linear-gradient(135deg, rgba(44, 26, 16, 0.88), rgba(87, 62, 35, 0.75)) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(200, 163, 85, 0.4) !important;
}

/* ===== AI回复气泡容器：古羊皮卷外壳 ===== */
.group.is-assistant > div[class*="is-user:dark"],
.group.is-assistant > div[class*="flex"][class*="w-fit"] {
  background: linear-gradient(160deg, rgba(243, 234, 213, 0.92), rgba(233, 220, 197, 0.88)) !important;
  border: 2px solid rgba(200, 163, 85, 0.6) !important;
  border-radius: 4px !important;
  box-shadow:
    0 10px 40px rgba(17, 10, 5, 0.5),
    inset 0 0 0 1px rgba(255, 245, 220, 0.25),
    0 0 30px rgba(200, 163, 85, 0.12);
  backdrop-filter: blur(4px);
  padding: 20px 22px !important;
  position: relative;
  overflow: hidden;
}

/* 卡片角落暗金光晕装饰 */
.group.is-assistant > div[class*="is-user:dark"]::before {
  content: '';
  position: absolute;
  top: -35px;
  right: -35px;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, rgba(200, 163, 85, 0.2), transparent 70%);
  pointer-events: none;
}

.group.is-assistant > div[class*="is-user:dark"]::after {
  content: '✦';
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: 16px;
  color: rgba(200, 163, 85, 0.2);
  pointer-events: none;
}

/* === markdown渲染区域基础 === */
.rili-markdown-renderer,
.text-sm.rili-markdown-renderer {
  font-family: 'LXGW WenKai', 'Georgia', '霞鹜文楷', serif !important;
  color: #2b1d14 !important;
  line-height: 1.9 !important;
  font-size: 15px !important;
}

/* ===== 用户输入气泡：深渊墨褐 ===== */
.group.is-user > div[class*="is-user:dark"],
.group.is-user > div[class*="bg-secondary"] {
  background: linear-gradient(135deg, rgba(44, 26, 16, 0.9), rgba(87, 62, 35, 0.82)) !important;
  color: #eeddbb !important;
  border: 1px solid rgba(200, 163, 85, 0.45) !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 16px rgba(17, 10, 5, 0.4);
}

/* ===== 底部渐变遮罩条（如果B平台有类似结构）===== */
[class*="bg-gradient"] {
  background: linear-gradient(
    to top,
    rgba(28, 16, 5, 0.88) 0%,
    rgba(28, 16, 5, 0.5) 50%,
    transparent 100%
  ) !important;
}

/* ===== 输入框（B平台输入框需根据实际class调整）===== */
textarea[placeholder*="消息"],
textarea[class*="resize-none"] {
  background: rgba(243, 234, 213, 0.92) !important;
  color: #2b1d14 !important;
  border: none;
  font-size: 14px;
  font-family: 'LXGW WenKai', 'Georgia', '霞鹜文楷', serif !important;
}

textarea[placeholder*="消息"]::placeholder {
  color: #9e7a35;
}

/* 输入框容器 */
div[class*="rounded-xl"][class*="border"]:has(textarea) {
  background: rgba(233, 220, 197, 0.8) !important;
  border: 1.5px solid #c8a355 !important;
  border-radius: 4px !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 18px rgba(17, 10, 5, 0.35);
  transition: all 0.3s ease;
}

div[class*="rounded-xl"]:has(textarea):focus-within {
  border-color: #e3c482 !important;
  box-shadow: 0 0 16px rgba(200, 163, 85, 0.5), 0 4px 18px rgba(17, 10, 5, 0.4);
}

/* ===== 发送按钮：熔金 ===== */
button[class*="bg-primary"][type="submit"],
button[aria-label*="发送"],
button[class*="size-8"][class*="rounded"] svg[class*="lucide-arrow-up"] {
  background: linear-gradient(135deg, #c8a355, #735422) !important;
  border-radius: 4px !important;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(200, 163, 85, 0.45);
}

button[class*="bg-primary"][type="submit"]:hover,
button[aria-label*="发送"]:hover {
  background: linear-gradient(135deg, #e3c482, #9e7a35) !important;
  box-shadow: 0 0 20px rgba(200, 163, 85, 0.65);
  transform: scale(1.06);
}

/* ===== 工具栏按钮组 ===== */
.bg-muted.rounded button,
button[class*="hover:bg-card"],
button[class*="stroke-muted-foreground"] {
  color: #c8a355 !important;
  transition: all 0.25s ease;
}

.bg-muted.rounded button:hover,
button[class*="hover:bg-card"]:hover {
  background: rgba(200, 163, 85, 0.15) !important;
  color: #e3c482 !important;
}

.bg-muted.rounded button svg {
  stroke: #c8a355 !important;
}

.bg-muted.rounded button:hover svg {
  stroke: #e3c482 !important;
}

/* ===== Token计数器样式 ===== */
.flex.items-center.gap-2[class*="text-muted-foreground"] {
  color: #c8a355 !important;
  font-family: 'LXGW WenKai', 'Georgia', '霞鹜文楷', serif !important;
}

.flex.items-center.gap-2[class*="text-muted-foreground"] span[class*="bg-blue-500"],
.flex.items-center.gap-2[class*="text-muted-foreground"] span[class*="bg-green-500"] {
  background: #c8a355 !important;
}

/* ===== 加载动画：三气泡跳动（替换A平台的dot-flashing）===== */
.flex.gap-2.w-full.h-full.items-center.justify-center span {
  background: linear-gradient(135deg, #c8a355, #735422) !important;
}

/* ===== 滚动条：暗金铜轨 ===== */
* ::-webkit-scrollbar {
  width: 8px;
}

* ::-webkit-scrollbar-track {
  background: rgba(44, 26, 16, 0.4);
  border-radius: 0;
}

* ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c8a355, #735422);
  border-radius: 0;
}

* ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #e3c482, #9e7a35);
}

/* ===== 评论区文字（如果B平台有类似区域）===== */
span[class*="text-muted-foreground"],
div[class*="text-xs"] {
  color: #eeddbb !important;
}


/* ========================================
   以下为原有完整保留部分（自定义标签样式）
   ======================================== */

/* 全局锐利直角，重置间距实现无缝衔接 */
scene, text, panel, scene header, panel details, panel details summary {
  margin: 0;
  border-radius: 0 !important;
  display: block;
  box-sizing: border-box;
}

scene { margin-top: 15px; }

/* 保证新增的div包裹层不会破坏排版 */
.irregular-top, .irregular-bottom {
  display: block;
  width: 100%;
}

/* ==== 顶部状态栏 - 华丽金属质牌匾 ==== */
scene header {
  background: linear-gradient(180deg, #2c1a10 0%, #110a05 100%);
  color: #eeddbb;
  padding: 22px 40px;
  border: 4px solid #c8a355;
  border-bottom: 4px solid #735422; 
  text-align: center;
  font-family: 'Georgia', serif;
  font-size: 1.05em;
  font-weight: 900;
  letter-spacing: 3px;
  position: relative;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.9), 0 8px 0 rgba(0,0,0,0.2); 
  text-shadow: 2px 2px 0 #000;
  z-index: 2;
}
scene header::before, scene header::after {
  content: '☩'; 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.8em;
  color: #c8a355;
  text-shadow: 2px 2px 2px #000;
}
scene header::before { left: 15px; }
scene header::after { right: 15px; }

/* ==== 正文区域 - 羊皮纸主干 ==== */
text {
  background: #f3ead5;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139,105,20,0.03) 2px, rgba(139,105,20,0.03) 4px);
  border-left: 4px solid #c8a355;
  border-right: 4px solid #c8a355;
  padding: 35px 30px 0 30px; 
  color: #2b1d14;
  font-family: 'LXGW WenKai', 'Georgia', serif;
  font-size: 1em;
  line-height: 2.1;
  box-shadow: inset 6px 0 0 #573e23, inset -6px 0 0 #573e23; 
  position: relative;
  z-index: 1;
}
text p { margin: 0 0 1.2em 0; text-align: justify; }

/* 正文与面板的华丽魔法阵分割线 */
text::after {
  content: '❖ ━━━ ✠ ━━━ ❖';
  display: block;
  text-align: center;
  color: #9e7a35;
  font-size: 1.5em;
  padding: 25px 0 35px 0;
  letter-spacing: 6px;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.7);
}

/* ==== 面板区域 - 完美闭合外框 ==== */
panel {
  background: #f3ead5;
  border-left: 4px solid #c8a355;
  border-right: 4px solid #c8a355;
  border-bottom: 4px solid #c8a355;
  padding: 0 30px 30px 30px;
  box-shadow: inset 6px -6px 0 #573e23, inset -6px 0 0 #573e23, 0 10px 20px rgba(0,0,0,0.4);
}

/* ==== 状态栏卡片基础设定 - 错位硬阴影 ==== */
panel details {
  background: #e9dcc5;
  border: 2px solid #573e23;
  margin-bottom: 20px;
  box-shadow: 5px 5px 0 #c8a355, 8px 8px 0 #2c1a10;
  transition: transform 0.1s, box-shadow 0.1s;
}
panel details:active {
  transform: translate(2px, 2px);
  box-shadow: 3px 3px 0 #c8a355, 6px 6px 0 #2c1a10;
}
panel details[open] {
  box-shadow: none;
  margin-bottom: 30px;
}

panel details summary {
  color: #eeddbb;
  padding: 16px 18px;
  font-size: 1.05em;
  font-weight: 900;
  letter-spacing: 2px;
  border-bottom: 2px solid #c8a355;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
}
panel details summary::-webkit-details-marker { display: none; }
panel details summary::marker { content: ''; }

/* 展开指示器 - 锐利三角 */
panel details summary::after {
  content: '▼';
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  color: #c8a355;
  font-size: 0.9em;
  transition: transform 0.2s;
}
panel details[open] summary::after {
  transform: translateY(-50%) rotate(0);
}

/* 内部内容区 - 羊皮纸内嵌 */
panel details > *:not(summary) {
  padding: 18px;
  margin: 10px;
  background: #fdfaf3;
  border: 1px solid #d2bfa1;
}
panel details p { margin: 0 0 10px 0; }

/* 列表与强调美化 */
panel details ul, panel details ol { padding: 0 0 0 8px; list-style: none; margin: 0; }
panel details li {
  padding: 8px 0 8px 24px;
  border-bottom: 1px solid #d2bfa1;
  position: relative;
  line-height: 1.7;
}
panel details li:last-child { border-bottom: none; }
panel details li::before {
  content: '⟡'; 
  position: absolute;
  left: 0;
  top: 9px;
  color: #8b1818;
  font-size: 1.3em;
}
panel details strong { color: #8b1818; font-weight: 900; }
panel details em { color: #573e23; font-style: italic; font-weight: bold; }

/* ==== 情报迷雾表格特化美化 (重装锁边) ==== */
panel details table { 
  width: 100%; 
  border-collapse: collapse; 
  border: 3px solid #3a2618; 
  margin: 12px 0; 
  word-break: break-word;
}
panel details th {
  background: linear-gradient(180deg, #3a2618, #22140a);
  color: #e8cca5;
  padding: 14px 10px;
  border: 1px solid #5c432d;
  border-bottom: 3px solid #c8a355;
  text-align: left;
  font-size: 0.9em;
  letter-spacing: 1px;
}
panel details td {
  padding: 12px 10px;
  border: 1px solid #c2aa82;
  background: #f3ead5;
  font-size: 0.95em;
  color: #3b281a;
  vertical-align: top;
}
panel details tr:nth-child(even) td { background: #e9dcc5; }
/* 强调"真实暗线"列 */
panel details td:last-child {
  background: #f7f1e6;
  border-left: 2px dashed #9e7a35;
  color: #5c1e1e;
  font-weight: bold;
}
panel details tr:nth-child(even) td:last-child { background: #eedfcb; }


/* ========================================
   专属色彩映射 (通过Class取代nth-child)
   ======================================== */

/* 1. 预言家印記 (星空深邃蓝) */
.shape-prophet summary { background: linear-gradient(90deg, #151a22, #242d3c); border-bottom-color: #5c7c99; }
.shape-prophet[open] { border-color: #5c7c99; }
.shape-prophet[open] summary::after { color: #5c7c99; }

/* 2. 圣辉勇者 (暗金杀意) */
.shape-hero summary { background: linear-gradient(90deg, #1c1005, #35200c); border-bottom-color: #e3c482; }
.shape-hero[open] { border-color: #e3c482; }
.shape-hero[open] summary::after { color: #e3c482; }

/* 3. 情报迷雾与大世界 (旧皮卷轴深褐) */
.shape-banner summary { background: linear-gradient(90deg, #2b1d14, #4a3324); border-bottom-color: #a67c52; }
.shape-banner[open] { border-color: #a67c52; }
.shape-banner[open] summary::after { color: #a67c52; }

/* 4. 圣堂史书 (幽深岁月紫) */
.shape-history summary { background: linear-gradient(90deg, #15101a, #261d30); border-bottom-color: #9380a6; }
.shape-history[open] { border-color: #9380a6; }
.shape-history[open] summary::after { color: #9380a6; }

/* 5. 命运抉择 (警示血红) */
.shape-fate summary { background: linear-gradient(90deg, #2b0b0b, #471313); border-bottom-color: #d13030; }
.shape-fate[open] { border-color: #d13030; }
.shape-fate[open] summary::after { color: #d13030; }


/* ==== NSFW内嵌折叠栏专属样式 ==== */
details.nsfw-inner {
  margin-top: 10px;
  padding-left: 10px;
  border-left: 2px dashed rgba(180, 50, 50, 0.4);
}

details.nsfw-inner > summary {
  font-size: 0.9em;
  color: #cc4444;
  background: transparent;
  border: none;
  padding: 5px;
  box-shadow: none;
}

details.nsfw-inner > summary:hover {
  color: #ff3333;
}


/* ========================================
   移动端紧凑适配
   ======================================== */
@media(max-width:480px){
  scene header { font-size: 0.9em; padding: 18px 10px; }
  scene header::before { left: 5px; }
  scene header::after { right: 5px; }
  text { padding: 25px 15px 0 15px; }
  
  text::after {
    font-size: 1.1em;
    letter-spacing: 2px;
    content: '❖ ━━ ✠ ━━ ❖';
    padding: 20px 0 25px 0;
    white-space: nowrap;
  }
  
  panel { padding: 0 15px 20px 15px; }
  panel details summary { font-size: 0.9em; padding: 14px 12px; }
  panel details > *:not(summary) { padding: 12px; margin: 6px; }
  panel details th, panel details td { padding: 8px 6px; font-size: 0.85em; }

  /* 外围移动端适配 */
  .group.is-assistant > div[class*="is-user:dark"],
  .group.is-user > div[class*="is-user:dark"] {
    padding: 12px 10px !important;
    border-width: 1.5px !important;
  }
}