/* --- 修复：Markdown加粗文本转暗金高光 --- */
.worldtree-ux-scope strong,
.worldtree-ux-scope b,
.worldtree-ux-scope .wt-gold-text {
  color: var(--wt-gold) !important;
  text-shadow: 0 0 6px var(--wt-gold-glow) !important;
  font-weight: bold !important;
}

/* ============================================================
   修复补丁：移动端剧情卡片防抖动（保障原生长按复制体验）
============================================================ */
@media (max-width: 600px) {
  .worldtree-ux-scope .wt-plot-card {
    /* 保留颜色渐变，但禁止任何可能导致重绘卡顿的位移过渡 */
    transition: background-color 0.2s ease, border-color 0.2s ease !important; 
    /* 确保文本可以被正常选中 */
    user-select: text !important;
    -webkit-user-select: text !important;
  }
  
  .worldtree-ux-scope .wt-plot-card:hover,
  .worldtree-ux-scope .wt-plot-card:active {
    /* 核心修复：彻底取消移动端手指触碰时的横向位移（transform） */
    transform: none !important; 
    /* 适当减弱阴影，防止渲染抖动 */
    box-shadow: 0 0 8px var(--wt-gold-glow) !important;
  }
}

/* ============================================================
   《圣精的御纹》 - 对话内文扩展美化包 V2.2
   新增：立绘居中大图展示、纯NPC档案卡、折叠式剧情推荐
============================================================ */

.worldtree-ux-scope {
  /* 继承您的全局变量 */
  --wt-gold: #d4af37;
  --wt-gold-glow: rgba(212, 175, 55, 0.4);
  --wt-void-purple: #9b59b6;
  --wt-bg-panel: rgba(15, 8, 20, 0.85);
  --wt-border-subtle: rgba(212, 175, 55, 0.3);
  --wt-text-main: #e0e0e0;
}

/* --- 通用面板样式 --- */
.worldtree-ux-scope .wt-panel {
  background: var(--wt-bg-panel);
  border: 1px solid var(--wt-border-subtle);
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8), 0 4px 10px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
}

.worldtree-ux-scope .wt-panel-title {
  color: var(--wt-gold);
  font-size: 1.1rem;
  font-weight: bold;
  border-bottom: 1px solid var(--wt-border-subtle);
  padding-bottom: 8px;
  margin-bottom: 12px;
  text-shadow: 0 0 8px var(--wt-gold-glow);
  letter-spacing: 1px;
}

/* --- 开场信息栏 (网格布局) --- */
.worldtree-ux-scope .wt-header-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  background: linear-gradient(135deg, rgba(20, 15, 10, 0.9), rgba(10, 5, 15, 0.9));
  border-top: 3px solid var(--wt-gold);
}

.worldtree-ux-scope .wt-info-item {
  color: var(--wt-text-main);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
}

.worldtree-ux-scope .wt-info-item.wt-full-width {
  grid-column: 1 / -1;
  color: var(--wt-gold);
  border-top: 1px dashed rgba(212, 175, 55, 0.2);
  padding-top: 8px;
  margin-top: 5px;
  word-break: break-word; 
  white-space: pre-wrap;  
  line-height: 1.4;
  align-items: flex-start;
}

.worldtree-ux-scope .wt-icon {
  margin-right: 6px;
  filter: drop-shadow(0 0 2px var(--wt-gold-glow));
}

/* --- 战斗与状态监视器 (血条系统) --- */
.worldtree-ux-scope .wt-character-card {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 12px;
}

.worldtree-ux-scope .wt-enemy-card {
  border-color: rgba(155, 89, 182, 0.4);
  background: linear-gradient(90deg, rgba(20, 5, 25, 0.6), rgba(0, 0, 0, 0.4));
}

.worldtree-ux-scope .wt-char-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 0.95rem;
}

.worldtree-ux-scope .wt-char-name {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 2px #000;
}

.worldtree-ux-scope .enemy-name {
  color: #ff6b6b;
  text-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}

.worldtree-ux-scope .wt-buff {
  font-size: 0.75rem;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: 5px;
}
.worldtree-ux-scope .wt-buff.positive { background: rgba(212, 175, 55, 0.1); border: 1px solid var(--wt-gold); color: var(--wt-gold); }
.worldtree-ux-scope .wt-buff.negative { background: rgba(155, 89, 182, 0.1); border: 1px solid var(--wt-void-purple); color: #d896ff; }

.worldtree-ux-scope .wt-bar-row { display: grid; grid-template-columns: 30px 1fr 80px; align-items: center; gap: 10px; margin-bottom: 6px; }
.worldtree-ux-scope .wt-bar-label { font-weight: bold; font-size: 0.85rem; color: #aaa; text-align: right; }
.worldtree-ux-scope .enemy-label { color: #ff6b6b; }

.worldtree-ux-scope .wt-bar-track {
  height: 14px; background: #0a0a0a; border-radius: 7px; border: 1px solid #2a2a2a;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.8); overflow: hidden; position: relative;
}
.worldtree-ux-scope .wt-bar-track::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, transparent 100%); pointer-events: none;
}
.worldtree-ux-scope .wt-bar-fill { height: 100%; border-radius: 6px; transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1); }

.worldtree-ux-scope .wt-bg-hp { background: linear-gradient(90deg, #1e5631, #4c9a2a); box-shadow: 0 0 8px rgba(76, 154, 42, 0.5); }
.worldtree-ux-scope .wt-bg-enemy-hp { background: linear-gradient(90deg, #8b0000, #e74c3c); box-shadow: 0 0 8px rgba(231, 76, 60, 0.5); }
.worldtree-ux-scope .wt-bg-mp { background: linear-gradient(90deg, #1a365d, #3182ce); box-shadow: 0 0 8px rgba(49, 130, 206, 0.5); }
.worldtree-ux-scope .wt-bg-sp { background: linear-gradient(90deg, #b7791f, #ecc94b); box-shadow: 0 0 8px rgba(236, 201, 75, 0.5); }

.worldtree-ux-scope .wt-bar-value { font-family: monospace; font-size: 0.85rem; color: #ddd; text-align: right; }

/* NPC/周围人物监视雷达 (文字简略版) */
.worldtree-ux-scope .wt-npc-list {
  font-size: 0.8rem; color: #999; margin-top: 10px; padding-top: 10px;
  border-top: 1px dashed rgba(255, 255, 255, 0.1); line-height: 1.4;
}

/* --- 折叠面板 (状态、技能、物品、记忆区、剧情选项) --- */
.worldtree-ux-scope .wt-details {
  background: var(--wt-bg-panel);
  border: 1px solid var(--wt-border-subtle);
  border-radius: 6px;
  margin-bottom: 10px;
  overflow: hidden;
}

.worldtree-ux-scope .wt-details summary::-webkit-details-marker { display: none; }
.worldtree-ux-scope .wt-details summary { list-style: none; }

.worldtree-ux-scope .wt-summary {
  display: block; padding: 12px 15px; cursor: pointer; color: var(--wt-gold);
  font-weight: bold; background: linear-gradient(90deg, rgba(212, 175, 55, 0.1), transparent);
  user-select: none; position: relative; transition: all 0.3s ease;
}

.worldtree-ux-scope .wt-summary:hover {
  background: linear-gradient(90deg, rgba(212, 175, 55, 0.2), transparent);
  text-shadow: 0 0 5px var(--wt-gold-glow);
}

.worldtree-ux-scope .wt-summary::after {
  content: '+'; position: absolute; right: 15px; top: 50%;
  transform: translateY(-50%); font-size: 1.2rem; color: var(--wt-gold); transition: transform 0.3s;
}
.worldtree-ux-scope .wt-details[open] .wt-summary::after { content: '−'; }

.worldtree-ux-scope .wt-details-content {
  padding: 15px; border-top: 1px solid rgba(212, 175, 55, 0.1);
  color: var(--wt-text-main); font-size: 0.9rem; line-height: 1.6;
  animation: wt-fade-in 0.3s ease-out;
}

@keyframes wt-fade-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

/* 新增：角色/NPC 档案大图展示容器 (完美兼容 story-image) */
.worldtree-ux-scope .wt-character-profile {
  display: flex;
  flex-direction: column;
  align-items: center; /* 让图片居中 */
  gap: 15px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed rgba(212, 175, 55, 0.2);
}

.worldtree-ux-scope .wt-profile-desc {
  width: 100%;
  text-align: left; /* 文本保持左对齐 */
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  border-radius: 6px;
  border-left: 3px solid var(--wt-gold);
}

.worldtree-ux-scope .wt-tag {
  display: inline-block; background: rgba(0, 0, 0, 0.5); border: 1px solid #4a3b22;
  color: #e6dfc8; padding: 2px 8px; border-radius: 4px; margin: 2px 4px; font-size: 0.85rem;
}

.worldtree-ux-scope details.memory { border-left: 3px solid var(--wt-void-purple); }
.worldtree-ux-scope details.memory .wt-summary { color: #d896ff; background: linear-gradient(90deg, rgba(155, 89, 182, 0.1), transparent); }
.worldtree-ux-scope details.memory .wt-summary::after { color: #d896ff; }
.worldtree-ux-scope details.memory .e { color: #bfa8d6; }

/* --- 剧情走向推荐 (长条状 + 折叠面板内) --- */
.worldtree-ux-scope .wt-plot-options {
  display: flex; flex-direction: column; gap: 8px;
}

.worldtree-ux-scope .wt-plot-card {
  display: flex; align-items: center; width: 100%; box-sizing: border-box;
  background: rgba(20, 15, 10, 0.8); border: 1px solid var(--wt-border-subtle);
  border-radius: 6px; padding: 12px 15px; cursor: pointer; text-align: left;
  transition: all 0.3s ease;
}

.worldtree-ux-scope .wt-plot-card:hover {
  border-color: var(--wt-gold); background: rgba(212, 175, 55, 0.1);
  box-shadow: 0 0 15px var(--wt-gold-glow); transform: translateX(5px);
}

.worldtree-ux-scope .wt-plot-tag {
  font-size: 0.75rem; color: #000; background: var(--wt-gold);
  display: inline-block; padding: 3px 8px; border-radius: 3px;
  margin-right: 12px; flex-shrink: 0;
}

.worldtree-ux-scope .wt-plot-name { color: #fff; font-weight: bold; font-size: 0.95rem; }

/* --- 移动端适配 --- */
@media (max-width: 600px) {
  .worldtree-ux-scope .wt-bar-row { grid-template-columns: 25px 1fr 65px; gap: 5px; }
  .worldtree-ux-scope .wt-bar-value { font-size: 0.75rem; }
  .worldtree-ux-scope .wt-char-header { flex-direction: column; align-items: flex-start; gap: 5px; }
  .worldtree-ux-scope .wt-plot-card { padding: 10px; }
  .worldtree-ux-scope .wt-plot-name { font-size: 0.85rem; }
}

/* --- 修复：Markdown加粗文本转暗金高光 --- */
.worldtree-ux-scope strong,
.worldtree-ux-scope .wt-gold-text {
  color: var(--wt-gold);
  text-shadow: 0 0 6px var(--wt-gold-glow);
  font-weight: bold;
}


/* --- 圣精的御纹 扩展美化系统 --- */
.worldtree-ux-scope {
  --gold: #d4af37;
  --gold-glow: rgba(212, 175, 55, 0.4);
  --void-purple: #9b59b6;
  --bg-dark: rgba(8, 5, 10, 0.85);
  --border-subtle: rgba(212, 175, 55, 0.2);
  
  font-family: 'Palatino Linotype', serif;
  color: #e0e0e0;
  max-width: 800px;
  margin: 20px auto;
}

/* 1. 净化加载动画 */
.worldtree-ux-scope .purifying-loader {
  text-align: center;
  color: var(--gold);
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-shadow: 0 0 10px var(--gold-glow);
  margin: 20px 0;
}

.worldtree-ux-scope .purifying-loader .dot {
  opacity: 0;
  display: inline-block;
  animation: worldtree-dot-sequence 1.8s infinite;
}

.worldtree-ux-scope .purifying-loader .dot:nth-child(1) { animation-delay: 0s; }
.worldtree-ux-scope .purifying-loader .dot:nth-child(2) { animation-delay: 0.4s; }
.worldtree-ux-scope .purifying-loader .dot:nth-child(3) { animation-delay: 0.8s; }

@keyframes worldtree-dot-sequence {
  0%, 20% { opacity: 0; }
  40% { opacity: 1; }
  100% { opacity: 0; }
}

/* 2. 对话元数据 */
.worldtree-ux-scope .dialogue-meta {
  display: flex;
  justify-content: space-between;
  padding: 8px 15px;
  background: linear-gradient(90deg, transparent, rgba(155, 89, 182, 0.1), transparent);
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  font-size: 0.85rem;
  color: var(--gold);
  margin-bottom: 15px;
}

/* 3. 状态栏 */
.worldtree-ux-scope .status-container {
  background: var(--bg-dark);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  padding: 15px;
  backdrop-filter: blur(10px);
  margin-bottom: 20px;
}

.worldtree-ux-scope .status-item {
  display: grid;
  grid-template-columns: 100px 1fr 50px;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}

.worldtree-ux-scope .status-label {
  font-size: 0.8rem;
  color: var(--gold);
}

.worldtree-ux-scope .progress-bar {
  height: 8px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.worldtree-ux-scope .progress-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 1s ease-out;
}

.worldtree-ux-scope .essence-fill {
  background: linear-gradient(90deg, #aa8c2c, var(--gold));
  box-shadow: 0 0 10px var(--gold-glow);
  animation: essence-pulse 2s infinite alternate;
}

.worldtree-ux-scope .erosion-fill {
  background: linear-gradient(90deg, #4b0082, var(--void-purple));
}

@keyframes essence-pulse {
  from { filter: brightness(1); }
  to { filter: brightness(1.3); }
}

/* 4. 记忆区 */
.worldtree-ux-scope .memory-vault {
  border-left: 3px solid var(--void-purple);
  background: rgba(15, 8, 20, 0.4);
  padding: 15px;
  margin-bottom: 20px;
  position: relative;
}

.worldtree-ux-scope .vault-title {
  color: var(--void-purple);
  font-size: 1rem;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.worldtree-ux-scope .memory-item {
  list-style: none;
  font-size: 0.9rem;
  line-height: 1.6;
}

.worldtree-ux-scope .memory-date {
  color: var(--gold);
  font-weight: bold;
  margin-right: 8px;
}

/* 5. 剧情推荐卡片 */
.worldtree-ux-scope .plot-recommendation {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.worldtree-ux-scope .plot-card {
  flex: 1;
  min-width: 200px;
  background: rgba(20, 20, 25, 0.6);
  border: 1px solid var(--border-subtle);
  padding: 15px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.worldtree-ux-scope .plot-card:hover {
  transform: translateY(-3px);
  border-color: var(--gold);
  background: rgba(212, 175, 55, 0.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.worldtree-ux-scope .plot-card.danger:hover {
  border-color: var(--void-purple);
  box-shadow: 0 0 15px rgba(155, 89, 182, 0.3);
}

.worldtree-ux-scope .plot-tag {
  font-size: 0.7rem;
  background: var(--gold);
  color: #000;
  display: inline-block;
  padding: 1px 6px;
  border-radius: 2px;
  margin-bottom: 8px;
}

.worldtree-ux-scope .plot-card.danger .plot-tag {
  background: var(--void-purple);
  color: #fff;
}

.worldtree-ux-scope .plot-name {
  color: #fff;
  margin-bottom: 5px;
}

.worldtree-ux-scope .plot-desc {
  font-size: 0.85rem;
  color: #aaa;
}

/* 响应式适配 */
@media (max-width: 600px) {
  .worldtree-ux-scope .status-item {
    grid-template-columns: 1fr 50px;
  }
  .worldtree-ux-scope .status-label {
    grid-column: span 2;
  }
}

/* --- 史诗感开场字幕美化 --- */
.epic-intro-sequence {
  text-align: center;
  margin: 20px auto 60px auto; /* 底部留出空间，与主标题隔开 */
  max-width: 700px;
  padding: 0 20px;
  position: relative;
  z-index: 10;
}

.epic-intro-sequence::after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
  margin: 30px auto 0;
  opacity: 0;
  animation: epicTextFadeIn 2s forwards;
  animation-delay: 14s; /* 最后出现的分隔线 */
}

.epic-line {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.15rem;
  line-height: 2.2;
  letter-spacing: 3px;
  text-shadow: 0 0 12px rgba(155, 89, 182, 0.6); /* 带有虚无紫色的微光 */
  margin-bottom: 12px;
  
  /* 核心动画设置：初始完全透明且带有模糊，保持状态直到动画结束 */
  opacity: 0; 
  filter: blur(8px);
  transform: translateY(15px);
  animation: epicTextFadeIn 3s ease-out forwards;
}

/* 最后一句话的高亮特殊处理 */
.epic-line.highlight {
  color: var(--color-primary);
  text-shadow: 0 0 15px rgba(212, 175, 55, 0.8);
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 25px;
}

/* 时间轴控制：错开每一行的出现时间 */
/* 主容器有1.5s淡入，所以第一行从1.5s开始，之后每隔2.5s出现一行 */
.epic-intro-sequence .line-1 { animation-delay: 1.5s; }
.epic-intro-sequence .line-2 { animation-delay: 4.0s; }
.epic-intro-sequence .line-3 { animation-delay: 6.5s; }
.epic-intro-sequence .line-4 { animation-delay: 9.0s; }
.epic-intro-sequence .line-5 { animation-delay: 12.0s; }

/* 史诗淡入关键帧 */
@keyframes epicTextFadeIn {
  0% { 
    opacity: 0; 
    filter: blur(8px); 
    transform: translateY(15px); 
  }
  100% { 
    opacity: 1; 
    filter: blur(0); 
    transform: translateY(0); 
  }
}

/* ============================================================
   Theme: Worldtree Epic (圣精的御纹 - 西幻史诗)
   Style: Dark Fantasy, Magic Gold, Void Purple, Glassmorphism
============================================================ */

/* --- 全局字体变量定义 (借用伪类注入字体) --- */
:root {
  --wt-gold: #d4af37;
  --wt-gold-glow: rgba(212, 175, 55, 0.4);
  --wt-void-purple: #9b59b6;
  --wt-void-glow: rgba(155, 89, 182, 0.5);
  --wt-bg-dark: rgba(12, 8, 16, 0.9);
  --wt-bg-darker: #08050a;
  --wt-text-main: #e0e0e0;
  --wt-border-subtle: rgba(212, 175, 55, 0.2);
  --wt-font: 'Palatino Linotype', 'Book Antiqua', serif;
}

/* ==========================================
   【西幻古典】史诗暗金风格全局美化
   核心色调：暗夜棕黑底色 + 古典金边/文字 + 亮米色正文
========================================== */

/* 引入古典衬线字体以增强西幻感 */
* {
    font-family: "Georgia", "Times New Roman", serif !important;
}

/* ------------------------------------------
   1. 顶部栏：暗金穹顶
------------------------------------------ */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(180deg, #120f0e 0%, #1a1614 100%) !important;
    border-bottom: 1px solid #8a6d3b !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.15) !important;
}

/* 模型选择器与文字 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #d4af37 !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
}

/* 顶部各类图标变为金色 */
#ai-model-selector .shrink-0.flex.items-center svg,
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
#header-setting-button svg {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 2px rgba(212, 175, 55, 0.4)) !important;
    transition: all 0.3s ease !important;
}

/* 顶部图标Hover发光效果 */
.sticky.w-full.top-0 svg:hover,
#header-setting-button svg:hover {
    filter: drop-shadow(0 0 5px #d4af37) !important;
    transform: scale(1.05) !important;
}

/* 历史记录未读角标（红宝石质感） */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background: radial-gradient(circle at 30% 30%, #ff4b4b, #8b0000) !important;
    box-shadow: 0 0 4px #ff0000 !important;
}

/* ------------------------------------------
   2. 开场白选择器：羊皮纸卷轴感
------------------------------------------ */
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: linear-gradient(to bottom, #2a2420, #1e1a18) !important;
    border: 1px solid #8a6d3b !important;
    border-radius: 4px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5) !important;
}
/* 开场白图标 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: #d4af37 !important;
}

/* ------------------------------------------
   3. 按钮栏：金属铸造质感
------------------------------------------ */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(180deg, #2a2420 0%, #151210 100%) !important;
    border: 1px solid #8a6d3b !important;
    color: #f3e5ab !important;
    border-radius: 4px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.6), inset 0 1px 1px rgba(212, 175, 55, 0.2) !important;
    transition: all 0.3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: linear-gradient(180deg, #3a3228 0%, #1e1a18 100%) !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.4), inset 0 1px 1px rgba(212, 175, 55, 0.4) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
    color: #d4af37 !important;
}

/* ------------------------------------------
   4. 底部输入框：魔法铭文台
------------------------------------------ */
.bg-gradient-to-t {
    background: linear-gradient(to top, #120f0e 60%, transparent) !important;
}
#ai-chat-bottom-input {
    background: transparent !important;
}
#ai-chat-input {
    background-color: #1a1614 !important;
    border: 1px solid #8a6d3b !important;
    color: #fdf6e3 !important; /* 亮米色文字，极高可读性 */
    border-radius: 6px !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.8) !important;
    transition: all 0.3s ease !important;
}
#ai-chat-input:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.3), inset 0 2px 5px rgba(0,0,0,0.8) !important;
}
#ai-chat-input::placeholder {
    color: #8a6d3b !important;
    opacity: 0.6 !important;
}
#ai-chat-input::selection {
    background: #d4af37 !important;
    color: #151210 !important;
}

/* ------------------------------------------
   5. 分页栏：古典索引
------------------------------------------ */
.MuiPaginationItem-root {
    color: #d4af37 !important;
    border: 1px solid transparent !important;
}
.MuiPaginationItem-root:hover {
    background-color: rgba(212, 175, 55, 0.1) !important;
    border-color: #8a6d3b !important;
}
.MuiPaginationItem-root.Mui-selected {
    background: linear-gradient(135deg, #bf953f, #aa771c) !important;
    color: #151210 !important;
    font-weight: bold !important;
    border: 1px solid #fcf6ba !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.5) !important;
}
.MuiPaginationItem-icon {
    color: inherit !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #d4af37 !important;
}
.MuiInputBase-input {
    color: #fdf6e3 !important;
    border-bottom: 1px solid #8a6d3b !important;
}

/* ------------------------------------------
   6. 评论区：酒馆公告板
------------------------------------------ */
/* 主背景 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #151210 !important;
    border-top: 2px solid #8a6d3b !important;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.8) !important;
}
/* 顶部标题与评分 */
div.text-lg.font-bold {
    color: #d4af37 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
    letter-spacing: 1px !important;
}
p.MuiTypography-body1.text-grey-600 {
    color: #b38728 !important;
}
span.text-orange-500 {
    color: #d4af37 !important;
    font-weight: bold !important;
}
/* 评分星星 */
span.MuiRating-iconEmpty svg {
    color: #4a3b22 !important;
}
span.MuiRating-iconFilled svg {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 2px rgba(212, 175, 55, 0.6)) !important;
}

/* 评论输入框 */
div.flex.flex-col.border-gray-200 {
    border-color: #4a3b22 !important;
    background: #1a1614 !important;
    border-radius: 6px !important;
}
textarea.rc-textarea {
    background: transparent !important;
    color: #fdf6e3 !important;
}
div.bg-gray-100.text-gray-500 {
    background: transparent !important;
    color: #8a6d3b !important;
    border-top: 1px solid #3a2f1d !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 3px rgba(212,175,55,0.4)) !important;
}

/* 排序按钮 */
.MuiStack-root.css-1dmzxoz button.MuiButton-containedPrimary {
    background: linear-gradient(135deg, #bf953f, #aa771c) !important;
    color: #151210 !important;
    border: 1px solid #fcf6ba !important;
    font-weight: bold !important;
}
.MuiStack-root.css-1dmzxoz button.MuiButton-outlinedPrimary {
    background: transparent !important;
    color: #d4af37 !important;
    border: 1px solid #8a6d3b !important;
}

/* 分割线：华丽渐变金线 */
div.style_divider__mW0YX {
    background: linear-gradient(90deg, transparent, #8a6d3b, transparent) !important;
    height: 1px !important;
    border: none !important;
    opacity: 0.6 !important;
}

/* 评论列表项 */
div.text-sm.text-grey-600 span.font-bold {
    color: #d4af37 !important; /* 用户名金色 */
}
span.text-\[10px\] {
    color: #fcf6ba !important;
    background: #4a3b22 !important;
    padding: 0 4px !important;
    border-radius: 2px !important;
}
div.break-all {
    color: #e6dfc8 !important; /* 评论正文采用柔和的羊皮纸白，高度可读 */
    line-height: 1.6 !important;
}
div.text-xs.text-grey-600 {
    color: #8a6d3b !important; /* 时间戳暗金 */
}
/* 头像：魔法相框 */
div.group img.rounded-full {
    border: 2px solid #8a6d3b !important;
    box-shadow: 0 0 5px rgba(212,175,55,0.3) !important;
    padding: 1px !important;
    background: #151210 !important;
}

/* 互动按钮：点赞与回复 */
button.text-gray-400 svg, span.cursor-pointer {
    color: #8a6d3b !important;
    transition: all 0.3s ease !important;
}
button.text-gray-400:hover svg, span.cursor-pointer:hover {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 2px rgba(212,175,55,0.5)) !important;
}
div.ml-8.border-l {
    border-left: 2px solid #4a3b22 !important; /* 回复引用的左侧边框 */
}

/* =========================================================
   《圣精的御纹：世界树的崩坏与重生》 - 专属定制UI
   Theme: Dark Epic Fantasy (Gold & Void Purple)
========================================================= */

/* --- 全局字体与深渊背景 --- */
.group {
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif !important;
}

/* --- 1. 消息气泡区：原初圣质 vs 虚无之蚀 --- */

/* 抹除默认白底，替换为深渊质感 */
.group .bg-gray-100\/90 {
  background: linear-gradient(180deg, rgba(15, 5, 25, 0.8) 0%, rgba(5, 0, 10, 0.9) 100%) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

/* 用户气泡 (原初圣质 - 金色羁绊) */
.group.flex.mb-2 .bg-gray-100\/90 {
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
}

/* AI气泡 (被污染的世界树/女神 - 虚无紫) */
.chat-answer-container .bg-gray-100\/90 {
  border: 1px solid rgba(155, 89, 182, 0.4) !important;
  box-shadow: 0 0 20px rgba(155, 89, 182, 0.15) !important;
}

/* 顶部装饰条重塑 */
/* 用户侧：金色圣痕 */
.group .bg-\[\#c9e1e9\] {
  background: linear-gradient(90deg, #d4af37, #f1c40f) !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.6) !important;
}
/* AI侧：紫色魔纹 */
.chat-answer-container .bg-\[\#F1CBCB\] {
  background: linear-gradient(90deg, #9b59b6, #8e44ad) !important;
  box-shadow: 0 0 10px rgba(155, 89, 182, 0.6) !important;
}

/* 文本高对比度重绘 */
.group .text-gray-900, 
.group .markdown-body,
.group .markdown-body p,
.group .markdown-body li {
  color: #e0e0e0 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
  line-height: 1.6 !important;
}

/* 强调文本 (加粗) 渲染为金色 */
.group .markdown-body strong {
  color: #d4af37 !important;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.4) !important;
}

/* 引用块 (剧情旁白) */
.group .markdown-body blockquote {
  border-left: 4px solid #9b59b6 !important;
  background: rgba(155, 89, 182, 0.1) !important;
  color: #a89fbc !important;
  padding: 10px 15px !important;
  border-radius: 0 8px 8px 0 !important;
}

/* --- 2. 净化仪式：双重提示加载动画 --- */

/* 隐藏默认的无聊闪烁点 */
.style_dot-flashing__8L91Q {
  display: none !important;
}

/* 扩充加载容器尺寸以容纳史诗文本 */
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 280px !important;
  height: 30px !important;
  margin-left: 10px !important;
}

/* 注入基于 SVG SMIL 的双重切换动画 (防平台屏蔽CSS动画) */
.flex.items-center.justify-center.w-6.h-5::before {
  content: '';
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  /* SVG包含两段文字，通过 opacity 动画实现 6秒一轮的无缝切换 */
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='30'%3E%3Cstyle%3E.text %7B font-family: 'Palatino Linotype', serif; font-size: 14px; font-weight: bold; %7D .t1 %7B fill: %23d4af37; filter: drop-shadow(0 0 3px %23d4af37); %7D .t2 %7B fill: %23ff4d4d; filter: drop-shadow(0 0 3px %23ff4d4d); %7D%3C/style%3E%3Ctext x='0' y='20' class='text t1' opacity='1'%3E%E2%9C%A8 %E6%AD%A3%E5%9C%A8%E5%87%80%E5%8C%96%E4%B8%AD...%3Canimate attributeName='opacity' values='1;1;0;0;0;1' dur='6s' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext x='0' y='20' class='text t2' opacity='0'%3E%E2%9A%A0%EF%B8%8F gemini%E6%88%AA%E6%96%AD%E8%AE%B0%E5%BE%97%E5%BC%80%E9%9D%9E%E6%B5%81%E5%BC%8F...%3Canimate attributeName='opacity' values='0;0;0;1;1;0' dur='6s' repeatCount='indefinite'/%3E%3C/text%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}

/* --- 3. 界面控制区：契约输入枢纽 --- */

/* 底部输入框容器暗黑化 */
.bg-white.border-\[1\.5px\] {
  background: rgba(15, 8, 20, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 0 20px rgba(155, 89, 182, 0.2) !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

/* 输入框聚焦时的圣光共鸣 */
.bg-white.border-\[1\.5px\]:focus-within {
  border-color: #d4af37 !important;
  box-shadow: 0 0 25px rgba(212, 175, 55, 0.4) !important;
}

/* 输入文本 */
#ai-chat-input {
  color: #e0e0e0 !important;
  font-family: 'Palatino Linotype', serif !important;
}
#ai-chat-input::placeholder {
  color: #a89fbc !important;
  font-style: italic !important;
}

/* 发送按钮 - 契约缔结 */
#ai-send-button {
  background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
  border-radius: 8px !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
#ai-send-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.5) !important;
}
/* 发送图标染黑，与金色背景形成对比 */
#ai-send-button svg {
  color: #08050a !important;
  fill: #08050a !important;
}

/* 底部渐变遮罩调整为深渊色 */
.bg-gradient-to-t {
  background: linear-gradient(to top, #08050a 20%, transparent 100%) !important;
}

/* 模型名称与Token消耗颜色适配 */
.chat-answer-container .text-purple-500.mt-1 {
  color: #a89fbc !important;
  opacity: 0.8 !important;
}
.chat-answer-container .text-orange-500 {
  color: #d4af37 !important;
}

/* =========================================================
   《圣精的御纹》UI 细节优化补丁
========================================================= */

/* 1. 消除发送按钮旁边的“白色小块”（字数统计底色融入深渊） */
.absolute.bottom-2.right-2 .bg-gray-100 {
  background: transparent !important;
  color: rgba(212, 175, 55, 0.6) !important; /* 文字改为暗金色 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

/* 确保输入框内没有任何残留的白色背景块 */
.bg-white.border-\[1\.5px\] .bg-gray-100 {
  background: transparent !important;
}

/* 2. 升级版净化仪式：带旋转法阵的慢速双重提示 */
/* 稍微加宽容器以容纳旋转圈 */
.flex.items-center.justify-center.w-6.h-5 {
  width: 320px !important; 
}

/* 注入全新的 SVG 动画：增加旋转小圈，切换时长放慢至 10s */
.flex.items-center.justify-center.w-6.h-5::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30'%3E%3Cstyle%3E.text %7B font-family: 'Palatino Linotype', serif; font-size: 14px; font-weight: bold; %7D .t1 %7B fill: %23d4af37; filter: drop-shadow(0 0 3px %23d4af37); %7D .t2 %7B fill: %23ff4d4d; filter: drop-shadow(0 0 3px %23ff4d4d); %7D .spinner %7B fill: none; stroke: %23d4af37; stroke-width: 2; stroke-dasharray: 30; stroke-linecap: round; %7D%3C/style%3E%3Cg transform='translate(15, 15)'%3E%3Ccircle class='spinner' cx='0' cy='0' r='8'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 0 0' to='360 0 0' dur='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Ctext x='35' y='20' class='text t1' opacity='1'%3E%E2%9C%A8 %E6%AD%A3%E5%9C%A8%E5%87%80%E5%8C%96%E4%B8%AD...%3Canimate attributeName='opacity' values='1;1;0;0;0;1' dur='10s' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext x='35' y='20' class='text t2' opacity='0'%3E%E2%9A%A0%EF%B8%8F gemini%E6%88%AA%E6%96%AD%E8%AE%B0%E5%BE%97%E5%BC%80%E9%9D%9E%E6%B5%81%E5%BC%8F...%3Canimate attributeName='opacity' values='0;0;0;1;1;0' dur='10s' repeatCount='indefinite'/%3E%3C/text%3E%3C/svg%3E") !important;
}

/* =========================================================
   《圣精的御纹》UI 细节终极补丁：彻底抹除右下角白块
========================================================= */

/* 对右下角容器及其所有子元素进行背景透明化“核打击” */
div.absolute.bottom-2.right-2,
div.absolute.bottom-2.right-2 * {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 让字数统计的文字染上暗金色，完美融入深渊背景 */
div.absolute.bottom-2.right-2 {
  color: rgba(212, 175, 55, 0.6) !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
  font-family: 'Palatino Linotype', serif !important;
}

/* =========================================
   风月卡 CG立绘图片库 CSS 修复版
   ========================================= */

/* 基础容器样式：对应调用规范中的 class="story-image" */
.story-image {
    width: 300px; /* 默认宽度，支持响应式可改为 max-width: 100% */
    aspect-ratio: 2 / 3; /* 强制 2:3 比例 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    display: inline-block;
    margin: 10px;
    border: 1px solid #444;
    transition: transform 0.3s ease;
}

.story-image:hover {
    transform: scale(1.05);
    z-index: 10;
}

/* --- [NPC_ST] 角色立绘：对应调用规范中的 class="img-[编号]" --- */
.img-NS-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865874049_00013-4288831769.png'); } /* 铁匠铺小妹 */
.img-NS-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865879883_00093-2829279315.png'); } /* 公会接待员 */
.img-NS-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865878446_00137-2878247970.png'); } /* 神秘老板娘 */
.img-NS-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865879612_00252-2194088486.png'); } /* 温泉老板娘 */
.img-NS-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865886767_00649-2894384363.png'); } /* 行走商人 */
.img-NS-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865893184_00596-2121680202.png'); } /* 酒馆老板娘 */
.img-NS-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865890661_00623-2942095029.png'); } /* 杂货店老板娘 */
.img-NS-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865882576_00528-1078365031.png'); } /* 修女 */
.img-NS-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776935034715_00077-2778513299.png'); } /* 主教 */
.img-NS-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865879481_00246-2194088486.png'); } /* 接待员的弟弟 */
.img-NS-11 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865873704_00013-2807311979.png'); } /* 奶牛娘 */
.img-NS-12 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865878064_00163-2894384363.png'); } /* 男士兵 */
.img-NS-13 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865875896_00164-2952979851.png'); } /* 女士兵 */
.img-NS-14 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865880970_00219-747903812.png'); } /* ？？？ */

/* --- [NPC_SEX] NPC互动 --- */
.img-N1-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865898384_00552-2829279315.png'); }
.img-N1-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865892543_00566-3324064199.png'); }
.img-N1-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865893254_00594-1275308428.png'); }
.img-N1-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865887089_00452-2829279315.png'); }
.img-N1-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865889680_00323-1575125913.png'); }
.img-N2-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865928545_01067-2878247970.png'); }
.img-N2-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865934362_01065-1985759464.png'); }
.img-N2-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865894469_00020-3519367386.png'); }
.img-N2-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865928737_00392-3849822509.png'); }
.img-N3-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865934599_00501-2100321485.png'); }
.img-N3-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865926667_00697-4047740355.png'); }
.img-N3-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865940848_00706-3504008967.png'); }
.img-N3-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865948767_00727-2083640947.png'); }
.img-N3-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865932330_00684-4047740355.png'); }
.img-N3-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865938525_4b4cd159b2cfdbe44fcb129e824a2ac1.png'); }
.img-N4-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865947520_01034-1962942790.png'); }
.img-N4-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865945760_01050-804135244.png'); }
.img-N4-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865949016_01052-804135244.png'); }
.img-N4-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865954435_00502-3102101282.png'); }
.img-N4-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865949888_00344-4148196788.png'); }
.img-N5-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865949485_00463-4288831769.png'); }
.img-N5-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865952179_00768-4090144399.png'); }
.img-N5-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865946028_00382-4090144399.png'); }
.img-N5-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865959280_00780-4195150127.png'); }
.img-N6-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865956558_00629-2194088486.png'); }
.img-N6-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865997160_00638-3950263660.png'); }
.img-N6-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866001405_01015-1423696509.png'); }
.img-N6-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865954304_00348-2194088486.png'); }
.img-N7-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866001801_00982-1658897393.png'); }
.img-N7-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865992979_00027-362992296.png'); }
.img-N7-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866005121_01002-723060118-modified.png'); }
.img-N7-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866000473_00498-400190614.png'); }
.img-N7-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776865993304_00319-2357365833.png'); }
.img-N8-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866012532_00737-3515235661.png'); }
.img-N8-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866015094_00740-3139215113.png'); }
.img-N8-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866018130_00762-2089505685.png'); }
.img-N8-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866017196_00765-1632908115.png'); }
.img-N8-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866018515_00752-171354026.png'); }
.img-N8-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866010345_00396-315290955.png'); }

/* --- [PTY_ST] 队友立绘 --- */
.img-PS-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866032026_c9e21e12deee3ba473a86f7b4ff7143c.png'); }
.img-PS-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866027778_00683-2146229716.png'); }
.img-PS-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866025295_00870-4273730511.png'); }
.img-PS-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866019312_577c9ce68c5ff6264fbeb0e19b973b62.png'); }
.img-PS-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866018439_00538-726862250.png'); }
.img-PS-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866018111_00002-1963184784.png'); }
.img-PS-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866026354_00010-4118209957.png'); }
.img-PB-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866244112_00538-1457414062.png'); }
.img-PB-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866238105_186f7d9290a7f2738cdcd36ee165a082.png'); }
.img-PB-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866246955_00587-3998824346.png'); }
.img-PB-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866238324_00549-3081928262.png'); }
.img-PB-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866236428_00519-2069214488.png'); }
.img-PB-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866238002_00003-699641465.png'); }

/* --- [PTY_SEX] 队友互动 --- */
.img-P1-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866311357_00063-3084536229.png'); }
.img-P1-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866314034_00096-3603957606.png'); }
.img-P1-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866316508_00081-108455221.png'); }
.img-P1-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866311799_00099-1150860607.png'); }
.img-P1-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866317132_00107-145142981.png'); }
.img-P1-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866315295_00116-1316960572.png'); }
.img-P1-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866261966_00040-2270583139.png'); }
.img-P1-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866255520_00048-1960067327.png'); }
.img-P1-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866258893_00055-1960067327.png'); }
.img-P1-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866315344_00346-3153438782.png'); }
.img-P2-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866188439_00398-1330091303.png'); }
.img-P2-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866187849_00112-4130063748.png'); }
.img-P2-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866171535_00004-1911378623.png'); }
.img-P2-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866175649_00044-1757019221.png'); }
.img-P2-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866184089_00094-3703701004.png'); }
.img-P2-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866181877_00402-50645398.png'); }
.img-P2-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866171194_00089-1607341499.png'); }
.img-P2-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866177676_00086-272012010.png'); }
.img-P2-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866184662_00101-2880445065.png'); }
.img-P2-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866177833_00046-3107896896.png'); }
.img-P3-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866262153_00376-954806625.png'); }
.img-P3-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866242752_00340-1239231617.png'); }
.img-P3-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866257153_00347-1239231617.png'); }
.img-P3-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866248672_00307-1973342920.png'); }
.img-P3-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866248411_00323-3180952799.png'); }
.img-P3-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866253416_00363-1712729776.png'); }
.img-P3-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866252630_00370-1074140132.png'); }
.img-P3-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866258884_00343-1288680004.png'); }
.img-P3-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866231492_00263-2177109775.png'); }
.img-P3-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866250671_00368-1910800894.png'); }
.img-P4-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866325282_00393-2812460002.png'); }
.img-P4-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866322066_00396-2562633834.png'); }
.img-P4-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866325142_00399-3296996239.png'); }
.img-P4-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866330666_00405-1129637878.png'); }
.img-P4-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866318636_00383-1716251938.png'); }
.img-P4-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866372160_00411-3539621367.png'); }
.img-P4-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866364750_00429-3310035867.png'); }
.img-P4-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866365599_00427-1435261884.png'); }
.img-P4-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866168809_00464-1435261884.png'); }
.img-P4-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866371133_00431-4130820738.png'); }
.img-P5-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866052172_00019-1482730120.png'); }
.img-P5-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866053160_00159-2372114261.png'); }
.img-P5-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866049922_00172-2404569269.png'); }
.img-P5-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866054180_00150-3174816097.png'); }
.img-P5-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866054614_00182-3190540399.png'); }
.img-P5-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866051914_00196-2157132872.png'); }
.img-P5-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866064666_00234-2575314548.png'); }
.img-P5-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866064150_00230-2575314548.png'); }
.img-P5-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866062986_00247-2525929202.png'); }
.img-P5-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866068635_00214-1055284132.png'); }
.img-P6-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866067170_00473-3094961160.png'); }
.img-P6-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866078292_00523-1347453886.png'); }
.img-P6-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866073542_00531-2676462461.png'); }
.img-P6-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866073773_00487-3790619533.png'); }
.img-P6-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866079827_00529-218036967.png'); }
.img-P6-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866069341_00315-3202136220.png'); }
.img-P6-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866070819_00345-915198369.png'); }
.img-P6-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866074977_00206-443257050.png'); }
.img-P6-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866069645_00193-2339303364.png'); }
.img-P6-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866068059_00340-3253715602.png'); }

/* --- [STORY] 剧情事件 --- */
.img-C1-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866368057_00279-3645649871.png'); }
.img-C1-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866204201_00504-3645649871.png'); }
.img-C1-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866201779_00510-3645649871.png'); }
.img-C1-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866199266_00308-2259636636.png'); }
.img-BX-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866192320_00373-500787091.png'); }
.img-BX-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866193353_00357-2412276662.png'); }
.img-BX-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866195879_00348-1515156651.png'); }
.img-MM-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866195402_00418-2821791693.png'); }
.img-GH-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866193953_00341-3905860239.png'); }
.img-AB-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866109972_00407-2019276289.png'); }
.img-AB-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866116365_00410-816624142.png'); }
.img-AB-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866110403_00409-2613203471.png'); }
.img-AB-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866114481_00387-2342074037.png'); }
.img-WT-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866112307_00250-1856871159.png'); }
.img-WT-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776875954149_00008-1856871159.png'); }
.img-WT-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866122031_00264-3821930680.png'); }
.img-WT-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866115341_00256-1123903005.png'); }
.img-WT-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866124846_00262-1000901398.png'); }
.img-WT-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866128664_00287-2644162493.png'); }
.img-WT-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866136989_00015-543753376.png'); }
.img-WT-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866134119_00009-2180189683.png'); }
.img-WT-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866128876_00432-3178275857.png'); }
.img-WT-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866134431_00002-987071874.png'); }
.img-WT-11 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776876830176_00006-1924237228.png'); }
.img-WT-12 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866127747_00383-1856871159.png'); }

/* --- [MONSTER] 怪物图鉴 --- */
.img-BM-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866491613_00075-3618218661.png'); }
.img-BM-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866140598_00091-2075701516.png'); }
.img-BM-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866135457_00142-3341666015.png'); }
.img-BM-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866138022_00153-2255236980.png'); }
.img-BM-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866139501_00195-3920878991.png'); }
.img-BM-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866444641_00260-1160899771.png'); }
.img-BM-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866441484_00268-4249750713.png'); }
.img-BM-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866446651_00270-419917787.png'); }
.img-BM-09 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866441223_00278-1938719504.png'); }
.img-BM-10 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866435066_00285-237303174.png'); }
.img-BM-11 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866446303_00293-4152823151.png'); }
.img-BM-12 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866491276_00295-2646607014.png'); }
.img-BM-13 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866440724_00286-3764681440.png'); }
.img-CM-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866485688_00302-3950833784.png'); }
.img-SM-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866486129_00291-22225358.png'); }
.img-VM-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866298755_00250-955232679.png'); }
.img-VM-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866489917_00381-1746375534.png'); }
.img-VM-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866291686_00385-4271367661.png'); }
.img-VM-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866494246_00376-295178469.png'); }
.img-FM-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866295347_00283-2765276410.png'); }
.img-FM-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866294203_00303-3645171017.png'); }
.img-FM-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866311482_00321-1964044078.png'); }
.img-FM-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866290705_00322-2372221877.png'); }
.img-DM-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866312736_00282-236798661.png'); }
.img-DM-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866304910_00305-77121272.png'); }
.img-SW-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866230443_00312-1809700172.png'); }
.img-SW-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866373570_00318-540587602.png'); }
.img-SW-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866367654_00379-106757892.png'); }
.img-SW-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866376438_00316-1390959772.png'); }
.img-MS-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866378977_00128-4245335778.png'); }
.img-MS-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866379641_00274-2235483585.png'); }
.img-MS-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866377154_00281-1910979645.png'); }
.img-MS-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866377036_00306-403890362.png'); }
.img-MS-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866387691_00307-1215776157.png'); }
.img-MS-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866380517_00327-3661770156.png'); }
.img-MS-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866388770_tmplza4hf8b.png'); }

/* --- [QUEST] 任务/特定场景 --- */
.img-CQ-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866419093_00538-2642505907.png'); }
.img-CQ-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866417628_00540-4280020389.png'); }
.img-CQ-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866425279_00932-2658343258.png'); }
.img-CQ-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866388617_00535-1194974344.png'); }
.img-CQ-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866388166_00521-1989097229.png'); }
.img-CQ-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866425213_00028-3106285846.png'); }
.img-CQ-07 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866417922_00561-311428308.png'); }
.img-CQ-08 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866418697_00600-3530463926.png'); }
.img-FB-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866434491_00314-3139899877.png'); }
.img-FB-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866433120_00310-53681052.png'); }
.img-FB-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776872765839_07f5d089c133d6c212afe516423c1c58.png'); }
.img-FB-04 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776872771947_00023-1546205662.png'); }
.img-FB-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776872769929_00015-1943869436.png'); }
.img-FB-06 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776872767131_00009-2655092886.png'); }
.img-ZJ-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776919362087_00407-3458318465.png'); }
.img-ZJ-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776919359030_00433-3040128140.png'); }
.img-N9-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1777002186846_449a22d72177f65d0e634098cc21f535.png'); }
.img-N9-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1777002186754_00161-2731419476.png'); }
.img-C1-05 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1776866197466_00492-3645649871.png'); }
.img-JD-01 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1777084527868_00016-850478779.png'); }
.img-JD-02 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1777084532873_00000-2019874072.png'); }
.img-JD-03 { background-image: url('https://abc8684b.cloudflare-imgbed-90w.pages.dev/file/1777078275153_00007-1446311345.png'); }