【教学】【代码更新】请帮我看看下面这个代码为什么有问题：
```html
/* ═══════════════════════════════════════════════════════════
   🕯️ SANCTUM NOIR · 圣殿夜烛  |  哥特烛火主题 v1.3 血染版
   ═══════════════════════════════════════════════════════════ */

/* ─── 外层容器 ─── */
ai {
  display: block;
  position: relative;
  margin: 12px 0;
  padding: 30px 22px 24px;
  background:
    radial-gradient(ellipse at 50% -10%, rgba(240, 198, 116, 0.10) 0%, transparent 50%),
    radial-gradient(ellipse at 20% 100%, rgba(139, 10, 10, 0.08) 0%, transparent 55%),
    linear-gradient(180deg, #14100c 0%, #0a0705 100%);
  border: 1px solid #3a2e20;
  border-radius: 4px;
  box-shadow:
    inset 0 0 60px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(201, 169, 97, 0.18),
    0 6px 24px rgba(0, 0, 0, 0.6);
  color: #c9b98b;
  font-family: "Georgia", "Times New Roman", "Songti SC", "Noto Serif SC", serif;
  line-height: 1.75;
  font-size: 15px;
  overflow: hidden;
}
ai::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(201, 169, 97, 0.22);
  border-radius: 2px;
  pointer-events: none;
  z-index: 0;
}
ai::after {
  content: "✟";
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(201, 169, 97, 0.5);
  font-size: 14px;
  background: #0a0705;
  padding: 0 8px;
  pointer-events: none;
  z-index: 2;
}

/* ─── 顶部时空标签 ─── */
hd {
  display: block;
  position: relative;
  margin: 12px 0 8px;
  padding: 12px 20px;
  text-align: center;
  color: #d4b16a;
  font-size: 12.5px;
  letter-spacing: 3px;
  font-style: italic;
  text-transform: uppercase;
  border-top: 1px solid rgba(201, 169, 97, 0.28);
  border-bottom: 1px solid rgba(201, 169, 97, 0.28);
  background: linear-gradient(90deg, transparent 0%, rgba(201, 169, 97, 0.10) 50%, transparent 100%);
  text-shadow: 0 0 10px rgba(240, 198, 116, 0.45);
  font-family: "Georgia", "Times New Roman", "Songti SC", "Noto Serif SC", serif;
}

/* ─── 钟声波纹 ─── */
bell {
  display: block;
  position: relative;
  height: 30px;
  margin: 0 auto 18px;
}
bell::before,
bell::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border: 1px solid #d4b16a;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: bellRipple 3s ease-out infinite;
  opacity: 0;
}
bell::after { animation-delay: 1.5s; }
@keyframes bellRipple {
  0%   { width: 8px;  height: 8px;  opacity: 0.9; border-width: 1.5px; }
  100% { width: 90px; height: 90px; opacity: 0;   border-width: 0.5px; }
}

/* ─── 正文 ─── */
ai txt {
  display: block;
  position: relative;
  padding: 0 4px 8px;
  z-index: 1;
}
ai txt p {
  margin: 0 0 14px;
  text-indent: 2em;
  color: #d8c9a0;
  font-size: 15.5px;
  line-height: 1.95;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
ai txt p:first-of-type::first-letter {
  float: left;
  font-size: 44px;
  line-height: 40px;
  padding: 6px 10px 0 0;
  color: #d4b16a;
  font-family: "Georgia", serif;
  font-weight: 700;
  text-shadow: 0 0 12px rgba(240, 198, 116, 0.55);
}

/* ─── ARCHIVUM 主折叠面板 ─── */
ai > details {
  margin-top: 20px;
  border: 1px solid rgba(201, 169, 97, 0.32);
  border-radius: 3px;
  background: rgba(8, 6, 4, 0.55);
  position: relative;
  z-index: 1;
}
ai > details > summary {
  padding: 13px 18px;
  cursor: pointer;
  list-style: none;
  color: #d4b16a;
  font-size: 13.5px;
  letter-spacing: 5px;
  text-align: center;
  font-weight: 700;
  background: linear-gradient(180deg, rgba(58, 46, 32, 0.45) 0%, rgba(20, 16, 12, 0.45) 100%);
  border-bottom: 1px solid rgba(201, 169, 97, 0.22);
  transition: all 0.35s ease;
  user-select: none;
}
ai > details > summary::-webkit-details-marker { display: none; }
ai > details > summary:hover {
  background: linear-gradient(180deg, rgba(139, 10, 10, 0.18) 0%, rgba(20, 16, 12, 0.45) 100%);
  color: #f0c674;
  text-shadow: 0 0 12px rgba(240, 198, 116, 0.7);
}

/* ─── 二级面板卡片化 ─── */
ai > details > details {
  display: block;
  margin: 14px 12px;
  border: 1px solid rgba(201, 169, 97, 0.30);
  border-radius: 4px;
  background:
    radial-gradient(ellipse at 50% -20%, rgba(240,198,116,0.08) 0%, transparent 60%),
    linear-gradient(180deg, rgba(30, 22, 16, 0.75) 0%, rgba(14, 10, 8, 0.88) 100%);
  box-shadow:
    inset 0 1px 0 rgba(201, 169, 97, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.6),
    0 3px 14px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease;
}
ai > details > details::before {
  content: "";
  position: absolute; inset: 4px;
  border: 1px solid rgba(201, 169, 97, 0.14);
  border-radius: 2px;
  pointer-events: none;
  z-index: 0;
}
ai > details > details::after {
  content: "";
  position: absolute; top: 0; left: 8%; right: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240,198,116,0.75), transparent);
  pointer-events: none;
  z-index: 1;
}
ai > details > details:hover {
  border-color: rgba(240, 198, 116, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(240, 198, 116, 0.22),
    inset 0 -1px 0 rgba(0, 0, 0, 0.6),
    0 5px 22px rgba(240, 198, 116, 0.14);
}
ai > details > details > summary {
  padding: 12px 20px 12px 42px;
  cursor: pointer;
  list-style: none;
  color: #d4b16a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  background: linear-gradient(90deg, rgba(58, 46, 32, 0.42) 0%, rgba(20, 16, 12, 0.15) 55%, transparent 100%);
  border-bottom: 1px solid rgba(201, 169, 97, 0.20);
  position: relative;
  user-select: none;
  transition: all 0.35s ease;
  text-shadow: 0 0 8px rgba(240, 198, 116, 0.35);
  z-index: 2;
}
ai > details > details > summary::-webkit-details-marker { display: none; }
ai > details > details > summary::before {
  content: "✦";
  position: absolute;
  left: 16px; top: 50%;
  transform: translateY(-50%);
  color: rgba(240, 198, 116, 0.85);
  font-size: 13px;
  transition: all 0.5s ease;
  text-shadow: 0 0 10px rgba(240, 198, 116, 0.7);
}
ai > details > details[open] > summary::before {
  content: "✧";
  transform: translateY(-50%) rotate(180deg);
  color: #f0c674;
  text-shadow: 0 0 14px rgba(240, 198, 116, 0.95);
}
ai > details > details > summary:hover {
  background: linear-gradient(90deg, rgba(139, 10, 10, 0.28) 0%, rgba(20, 16, 12, 0.15) 55%, transparent 100%);
  color: #f0c674;
  padding-left: 46px;
}
ai > details > details[open] > summary {
  background: linear-gradient(90deg, rgba(240, 198, 116, 0.14) 0%, rgba(20, 16, 12, 0.15) 55%, transparent 100%);
  border-bottom-color: rgba(240, 198, 116, 0.42);
}
ai > details > details[open] { padding-bottom: 10px; }
ai > details > details > row,
ai > details > details > npc,
ai > details > details > corr,
ai > details > details > reb,
ai > details > details > int,
ai > details > details > dis,
ai > details > details > amor,
ai > details > details > d,
ai > details > details > details { position: relative; z-index: 1; }
ai > details > details > row { padding: 7px 20px; }

/* 三级次卡(短期/长期记忆) */
ai > details > details > details {
  margin: 10px 14px;
  border: 1px dashed rgba(201, 169, 97, 0.30);
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4);
}
ai > details > details > details::after { display: none; }
ai > details > details > details > summary {
  padding: 8px 14px 8px 34px;
  font-size: 12px;
  letter-spacing: 2.5px;
  background: transparent;
  border-bottom: 1px dotted rgba(201, 169, 97, 0.22);
  color: #c9a961;
}


/* ─── 区块 sec / h2 ─── */
ai sec {
  display: block;
  padding: 16px 18px 14px;
  border-bottom: 1px dashed rgba(201, 169, 97, 0.18);
  position: relative;
}
ai sec:last-child { border-bottom: none; }
ai sec h2 {
  margin: 0 0 12px;
  padding-bottom: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 3.5px;
  color: #c9a961;
  border-bottom: 1px solid rgba(201, 169, 97, 0.22);
  text-shadow: 0 0 8px rgba(201, 169, 97, 0.35);
  text-transform: uppercase;
}

/* ─── 行 ─── */
ai row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 5px 0;
  padding: 5px 2px;
  font-size: 14px;
  border-bottom: 1px dotted rgba(201, 169, 97, 0.10);
  gap: 12px;
}
ai row:last-child { border-bottom: none; }
ai row lb {
  color: #8a7a55;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  flex-shrink: 0;
  min-width: 72px;
}
ai row v {
  color: #d8c9a0;
  text-align: right;
  flex: 1;
  font-size: 13.5px;
}

/* ═══════════════════════════════════════════════════════════
   五种意象化数值条 · 血色浸染版 v3 (修复图案重合问题)
   ═══════════════════════════════════════════════════════════ */

/* ① 堕落值 · 银色锁链 → 血染锁链 */
ai corr {
  display: block; position: relative;
  height: 26px; margin: 10px 0 14px;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'><g fill='none' stroke='%23a8a8b0' stroke-width='1.4'><ellipse cx='5' cy='6' rx='4' ry='2.5'/><ellipse cx='15' cy='6' rx='4' ry='2.5'/></g><g fill='none' stroke='%23dde0e6' stroke-width='0.5' opacity='0.7'><ellipse cx='5' cy='5' rx='3.5' ry='2'/><ellipse cx='15' cy='5' rx='3.5' ry='2'/></g><line x1='9' y1='6' x2='11' y2='6' stroke='%23a8a8b0' stroke-width='1.6'/></svg>") 0 center/20px 12px,
    linear-gradient(180deg, #0a0606, #14090a);
  border: 1px solid rgba(160, 165, 178, 0.45);
  border-radius: 2px; overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.85), inset 0 -1px 0 rgba(160,165,178,.20), 0 0 8px rgba(0,0,0,.4);
}
ai corr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'><g fill='none' stroke='%237a0812' stroke-width='1.6'><ellipse cx='5' cy='6' rx='4' ry='2.5'/><ellipse cx='15' cy='6' rx='4' ry='2.5'/></g><g fill='none' stroke='%23a01020' stroke-width='0.6' opacity='0.9'><ellipse cx='5' cy='5' rx='3.5' ry='1.8'/><ellipse cx='15' cy='5' rx='3.5' ry='1.8'/></g><line x1='9' y1='6' x2='11' y2='6' stroke='%237a0812' stroke-width='1.9'/></svg>") 0 center/20px 12px;
  animation: bloodUnifiedPulse 2.4s ease-in-out infinite;
  transition: width .6s ease;
  z-index: 1;
}
ai corr::after {
  content: attr(v) " / 100";
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  color: #f0f2f6; font-size: 11.5px; font-weight: 700; letter-spacing: 2.5px;
  text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.95);
  white-space: nowrap;
  z-index: 2;
}

/* ② 反抗值 · 银色刀锋 → 血染刀锋 */
ai reb {
  display: block; position: relative;
  height: 26px; margin: 10px 0 14px;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='12' viewBox='0 0 30 12'><g fill='none' stroke='%23c8d7eb' stroke-width='1.3' stroke-linejoin='round'><path d='M2 6 L22 6 L27 2 M22 6 L27 10'/></g><g fill='none' stroke='%23e6eef8' stroke-width='0.5' opacity='0.7'><path d='M2 5.5 L21 5.5'/></g></svg>") 0 center/30px 12px,
    linear-gradient(180deg, #060708, #0e1216);
  border: 1px solid rgba(180, 195, 215, 0.45);
  border-radius: 2px; overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.85), inset 0 -1px 0 rgba(180,195,215,.22), 0 0 8px rgba(0,0,0,.4);
}
ai reb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='12' viewBox='0 0 30 12'><g fill='none' stroke='%237a0812' stroke-width='1.5' stroke-linejoin='round'><path d='M2 6 L22 6 L27 2 M22 6 L27 10'/></g><g fill='none' stroke='%23a01020' stroke-width='0.6' opacity='0.9'><path d='M2 5.5 L21 5.5'/></g></svg>") 0 center/30px 12px;
  animation: bloodUnifiedPulse 2.4s ease-in-out infinite;
  transition: width .6s ease;
  z-index: 1;
}
ai reb::after {
  content: attr(v) " / 100";
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  color: #ffe0e5; font-size: 11.5px; font-weight: 700; letter-spacing: 2.5px;
  text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.95);
  white-space: nowrap;
  z-index: 2;
}

/* ③ 兴趣值 · 金色火花 → 血色火花 */
ai int {
  display: block; position: relative;
  height: 26px; margin: 10px 0 14px;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='12' viewBox='0 0 32 12'><g fill='%23d4b16a'><circle cx='6' cy='6' r='1'/><circle cx='16' cy='6' r='1.1'/><circle cx='26' cy='6' r='0.9'/></g><g stroke='%23c9a961' stroke-width='0.5' fill='none' opacity='0.6'><path d='M6 3.5 L6 8.5 M3.5 6 L8.5 6'/><path d='M16 3.5 L16 8.5 M13.5 6 L18.5 6'/><path d='M26 3.5 L26 8.5 M23.5 6 L28.5 6'/></g></svg>") 0 center/32px 12px,
    linear-gradient(180deg, #0a0805 0%, #12100a 100%);
  border: 1px solid rgba(212, 177, 106, 0.45);
  border-radius: 2px; overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.85), inset 0 -1px 0 rgba(212,177,106,.22), 0 0 8px rgba(0,0,0,.4);
}
ai int::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='12' viewBox='0 0 32 12'><g fill='%237a0812'><circle cx='6' cy='6' r='1.2'/><circle cx='16' cy='6' r='1.3'/><circle cx='26' cy='6' r='1.1'/></g><g stroke='%23a01020' stroke-width='0.7' fill='none' opacity='0.9'><path d='M6 3 L6 9 M3 6 L9 6'/><path d='M16 3 L16 9 M13 6 L19 6'/><path d='M26 3 L26 9 M23 6 L29 6'/></g></svg>") 0 center/32px 12px;
  animation: bloodUnifiedPulse 2.4s ease-in-out infinite;
  transition: width .6s ease;
  z-index: 1;
}
ai int::after {
  content: attr(v) " / 100";
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  color: #ffdadf; font-size: 11.5px; font-weight: 700; letter-spacing: 2.5px;
  text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.95);
  white-space: nowrap;
  z-index: 2;
}

/* ④ 扭曲值 · 银紫螺旋 → 血色螺旋 */
ai dis {
  display: block; position: relative;
  height: 26px; margin: 10px 0 14px;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='12' viewBox='0 0 36 12'><g fill='none' stroke='%23a898b0' stroke-width='1.3' stroke-linecap='round'><path d='M0 4 Q9 10 18 4 T36 4'/><path d='M0 8 Q9 2 18 8 T36 8'/></g><g fill='none' stroke='%23c8bad0' stroke-width='0.5' opacity='0.55'><path d='M0 4.5 Q9 9.5 18 4.5 T36 4.5'/><path d='M0 7.5 Q9 2.5 18 7.5 T36 7.5'/></g></svg>") 0 center/36px 12px,
    linear-gradient(180deg, #05030a, #0e0612);
  border: 1px solid rgba(150, 100, 160, 0.5);
  border-radius: 2px; overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.85), inset 0 -1px 0 rgba(150,100,160,.24), 0 0 8px rgba(0,0,0,.4);
}
ai dis::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='12' viewBox='0 0 36 12'><g fill='none' stroke='%237a0812' stroke-width='1.6' stroke-linecap='round'><path d='M0 4 Q9 10 18 4 T36 4'/><path d='M0 8 Q9 2 18 8 T36 8'/></g><g fill='none' stroke='%23a01020' stroke-width='0.7' opacity='0.85'><path d='M0 4.5 Q9 9.5 18 4.5 T36 4.5'/><path d='M0 7.5 Q9 2.5 18 7.5 T36 7.5'/></g></svg>") 0 center/36px 12px;
  animation: bloodUnifiedPulse 2.4s ease-in-out infinite;
  transition: width .6s ease;
  z-index: 1;
}
ai dis::after {
  content: attr(v) " / 100";
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  color: #ffd0d8; font-size: 11.5px; font-weight: 700; letter-spacing: 2.5px;
  text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.95);
  white-space: nowrap;
  z-index: 2;
}

/* ⑤ 爱意值 · 空心爱心 → 血色实心爱心 */
ai amor {
  display: block; position: relative;
  height: 26px; margin: 10px 0 14px;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'><path d='M9 10 L4 5.5 Q2 3.5 3.5 2 Q5.5 0.5 9 3 Q12.5 0.5 14.5 2 Q16 3.5 14 5.5 Z' fill='none' stroke='%23888890' stroke-width='1.2' stroke-linejoin='round' opacity='0.75'/></svg>") 0 center/18px 12px,
    linear-gradient(180deg, #0a0304, #14060a);
  border: 1px solid rgba(160, 90, 105, 0.45);
  border-radius: 2px; overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.85), inset 0 -1px 0 rgba(160,90,105,.24), 0 0 8px rgba(0,0,0,.4);
}
ai amor::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'><path d='M9 10 L4 5.5 Q2 3.5 3.5 2 Q5.5 0.5 9 3 Q12.5 0.5 14.5 2 Q16 3.5 14 5.5 Z' fill='%237a0812' stroke='%23a01020' stroke-width='0.7' stroke-linejoin='round'/></svg>") 0 center/18px 12px;
  animation: bloodUnifiedPulse 2.4s ease-in-out infinite;
  transition: width .6s ease;
  z-index: 1;
}
ai amor::after {
  content: attr(v) " / 100";
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  color: #ffe0e5; font-size: 11.5px; font-weight: 700; letter-spacing: 2.5px;
  text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.95);
  white-space: nowrap;
  z-index: 3;
}

/* ─── 血色动画关键帧 ─── */
@keyframes bloodUnifiedPulse {
  0%, 100% {
    filter: drop-shadow(0 0 3px rgba(122,8,18,.55)) brightness(0.92);
    transform: scale(1);
  }
  50% {
    filter: drop-shadow(0 0 9px rgba(160,16,32,1)) brightness(1.25);
    transform: scale(1.008);
  }
}

/* NPC 内条压缩 */
ai npc corr, ai npc reb, ai npc int, ai npc dis, ai npc amor {
  height: 18px; margin: 3px 0;
}
ai npc corr::after, ai npc reb::after, ai npc int::after,
ai npc dis::after, ai npc amor::after {
  font-size: 10px; letter-spacing: 1.5px;
  white-space: nowrap;
}

/* ─── 每 1 点精确响应 (0 ~ 100) ─── */
ai corr[v="0"]::before,ai reb[v="0"]::before,ai int[v="0"]::before,ai dis[v="0"]::before,ai amor[v="0"]::before{width:0%}
ai corr[v="1"]::before,ai reb[v="1"]::before,ai int[v="1"]::before,ai dis[v="1"]::before,ai amor[v="1"]::before{width:1%}
ai corr[v="2"]::before,ai reb[v="2"]::before,ai int[v="2"]::before,ai dis[v="2"]::before,ai amor[v="2"]::before{width:2%}
ai corr[v="3"]::before,ai reb[v="3"]::before,ai int[v="3"]::before,ai dis[v="3"]::before,ai amor[v="3"]::before{width:3%}
ai corr[v="4"]::before,ai reb[v="4"]::before,ai int[v="4"]::before,ai dis[v="4"]::before,ai amor[v="4"]::before{width:4%}
ai corr[v="5"]::before,ai reb[v="5"]::before,ai int[v="5"]::before,ai dis[v="5"]::before,ai amor[v="5"]::before{width:5%}
ai corr[v="6"]::before,ai reb[v="6"]::before,ai int[v="6"]::before,ai dis[v="6"]::before,ai amor[v="6"]::before{width:6%}
ai corr[v="7"]::before,ai reb[v="7"]::before,ai int[v="7"]::before,ai dis[v="7"]::before,ai amor[v="7"]::before{width:7%}
ai corr[v="8"]::before,ai reb[v="8"]::before,ai int[v="8"]::before,ai dis[v="8"]::before,ai amor[v="8"]::before{width:8%}
ai corr[v="9"]::before,ai reb[v="9"]::before,ai int[v="9"]::before,ai dis[v="9"]::before,ai amor[v="9"]::before{width:9%}
ai corr[v="10"]::before,ai reb[v="10"]::before,ai int[v="10"]::before,ai dis[v="10"]::before,ai amor[v="10"]::before{width:10%}
ai corr[v="11"]::before,ai reb[v="11"]::before,ai int[v="11"]::before,ai dis[v="11"]::before,ai amor[v="11"]::before{width:11%}
ai corr[v="12"]::before,ai reb[v="12"]::before,ai int[v="12"]::before,ai dis[v="12"]::before,ai amor[v="12"]::before{width:12%}
ai corr[v="13"]::before,ai reb[v="13"]::before,ai int[v="13"]::before,ai dis[v="13"]::before,ai amor[v="13"]::before{width:13%}
ai corr[v="14"]::before,ai reb[v="14"]::before,ai int[v="14"]::before,ai dis[v="14"]::before,ai amor[v="14"]::before{width:14%}
ai corr[v="15"]::before,ai reb[v="15"]::before,ai int[v="15"]::before,ai dis[v="15"]::before,ai amor[v="15"]::before{width:15%}
ai corr[v="16"]::before,ai reb[v="16"]::before,ai int[v="16"]::before,ai dis[v="16"]::before,ai amor[v="16"]::before{width:16%}
ai corr[v="17"]::before,ai reb[v="17"]::before,ai int[v="17"]::before,ai dis[v="17"]::before,ai amor[v="17"]::before{width:17%}
ai corr[v="18"]::before,ai reb[v="18"]::before,ai int[v="18"]::before,ai dis[v="18"]::before,ai amor[v="18"]::before{width:18%}
ai corr[v="19"]::before,ai reb[v="19"]::before,ai int[v="19"]::before,ai dis[v="19"]::before,ai amor[v="19"]::before{width:19%}
ai corr[v="20"]::before,ai reb[v="20"]::before,ai int[v="20"]::before,ai dis[v="20"]::before,ai amor[v="20"]::before{width:20%}
ai corr[v="21"]::before,ai reb[v="21"]::before,ai int[v="21"]::before,ai dis[v="21"]::before,ai amor[v="21"]::before{width:21%}
ai corr[v="22"]::before,ai reb[v="22"]::before,ai int[v="22"]::before,ai dis[v="22"]::before,ai amor[v="22"]::before{width:22%}
ai corr[v="23"]::before,ai reb[v="23"]::before,ai int[v="23"]::before,ai dis[v="23"]::before,ai amor[v="23"]::before{width:23%}
ai corr[v="24"]::before,ai reb[v="24"]::before,ai int[v="24"]::before,ai dis[v="24"]::before,ai amor[v="24"]::before{width:24%}
ai corr[v="25"]::before,ai reb[v="25"]::before,ai int[v="25"]::before,ai dis[v="25"]::before,ai amor[v="25"]::before{width:25%}
ai corr[v="26"]::before,ai reb[v="26"]::before,ai int[v="26"]::before,ai dis[v="26"]::before,ai amor[v="26"]::before{width:26%}
ai corr[v="27"]::before,ai reb[v="27"]::before,ai int[v="27"]::before,ai dis[v="27"]::before,ai amor[v="27"]::before{width:27%}
ai corr[v="28"]::before,ai reb[v="28"]::before,ai int[v="28"]::before,ai dis[v="28"]::before,ai amor[v="28"]::before{width:28%}
ai corr[v="29"]::before,ai reb[v="29"]::before,ai int[v="29"]::before,ai dis[v="29"]::before,ai amor[v="29"]::before{width:29%}
ai corr[v="30"]::before,ai reb[v="30"]::before,ai int[v="30"]::before,ai dis[v="30"]::before,ai amor[v="30"]::before{width:30%}
ai corr[v="31"]::before,ai reb[v="31"]::before,ai int[v="31"]::before,ai dis[v="31"]::before,ai amor[v="31"]::before{width:31%}
ai corr[v="32"]::before,ai reb[v="32"]::before,ai int[v="32"]::before,ai dis[v="32"]::before,ai amor[v="32"]::before{width:32%}
ai corr[v="33"]::before,ai reb[v="33"]::before,ai int[v="33"]::before,ai dis[v="33"]::before,ai amor[v="33"]::before{width:33%}
ai corr[v="34"]::before,ai reb[v="34"]::before,ai int[v="34"]::before,ai dis[v="34"]::before,ai amor[v="34"]::before{width:34%}
ai corr[v="35"]::before,ai reb[v="35"]::before,ai int[v="35"]::before,ai dis[v="35"]::before,ai amor[v="35"]::before{width:35%}
ai corr[v="36"]::before,ai reb[v="36"]::before,ai int[v="36"]::before,ai dis[v="36"]::before,ai amor[v="36"]::before{width:36%}
ai corr[v="37"]::before,ai reb[v="37"]::before,ai int[v="37"]::before,ai dis[v="37"]::before,ai amor[v="37"]::before{width:37%}
ai corr[v="38"]::before,ai reb[v="38"]::before,ai int[v="38"]::before,ai dis[v="38"]::before,ai amor[v="38"]::before{width:38%}
ai corr[v="39"]::before,ai reb[v="39"]::before,ai int[v="39"]::before,ai dis[v="39"]::before,ai amor[v="39"]::before{width:39%}
ai corr[v="40"]::before,ai reb[v="40"]::before,ai int[v="40"]::before,ai dis[v="40"]::before,ai amor[v="40"]::before{width:40%}
ai corr[v="41"]::before,ai reb[v="41"]::before,ai int[v="41"]::before,ai dis[v="41"]::before,ai amor[v="41"]::before{width:41%}
ai corr[v="42"]::before,ai reb[v="42"]::before,ai int[v="42"]::before,ai dis[v="42"]::before,ai amor[v="42"]::before{width:42%}
ai corr[v="43"]::before,ai reb[v="43"]::before,ai int[v="43"]::before,ai dis[v="43"]::before,ai amor[v="43"]::before{width:43%}
ai corr[v="44"]::before,ai reb[v="44"]::before,ai int[v="44"]::before,ai dis[v="44"]::before,ai amor[v="44"]::before{width:44%}
ai corr[v="45"]::before,ai reb[v="45"]::before,ai int[v="45"]::before,ai dis[v="45"]::before,ai amor[v="45"]::before{width:45%}
ai corr[v="46"]::before,ai reb[v="46"]::before,ai int[v="46"]::before,ai dis[v="46"]::before,ai amor[v="46"]::before{width:46%}
ai corr[v="47"]::before,ai reb[v="47"]::before,ai int[v="47"]::before,ai dis[v="47"]::before,ai amor[v="47"]::before{width:47%}
ai corr[v="48"]::before,ai reb[v="48"]::before,ai int[v="48"]::before,ai dis[v="48"]::before,ai amor[v="48"]::before{width:48%}
ai corr[v="49"]::before,ai reb[v="49"]::before,ai int[v="49"]::before,ai dis[v="49"]::before,ai amor[v="49"]::before{width:49%}
ai corr[v="50"]::before,ai reb[v="50"]::before,ai int[v="50"]::before,ai dis[v="50"]::before,ai amor[v="50"]::before{width:50%}
ai corr[v="51"]::before,ai reb[v="51"]::before,ai int[v="51"]::before,ai dis[v="51"]::before,ai amor[v="51"]::before{width:51%}
ai corr[v="52"]::before,ai reb[v="52"]::before,ai int[v="52"]::before,ai dis[v="52"]::before,ai amor[v="52"]::before{width:52%}
ai corr[v="53"]::before,ai reb[v="53"]::before,ai int[v="53"]::before,ai dis[v="53"]::before,ai amor[v="53"]::before{width:53%}
ai corr[v="54"]::before,ai reb[v="54"]::before,ai int[v="54"]::before,ai dis[v="54"]::before,ai amor[v="54"]::before{width:54%}
ai corr[v="55"]::before,ai reb[v="55"]::before,ai int[v="55"]::before,ai dis[v="55"]::before,ai amor[v="55"]::before{width:55%}
ai corr[v="56"]::before,ai reb[v="56"]::before,ai int[v="56"]::before,ai dis[v="56"]::before,ai amor[v="56"]::before{width:56%}
ai corr[v="57"]::before,ai reb[v="57"]::before,ai int[v="57"]::before,ai dis[v="57"]::before,ai amor[v="57"]::before{width:57%}
ai corr[v="58"]::before,ai reb[v="58"]::before,ai int[v="58"]::before,ai dis[v="58"]::before,ai amor[v="58"]::before{width:58%}
ai corr[v="59"]::before,ai reb[v="59"]::before,ai int[v="59"]::before,ai dis[v="59"]::before,ai amor[v="59"]::before{width:59%}
ai corr[v="60"]::before,ai reb[v="60"]::before,ai int[v="60"]::before,ai dis[v="60"]::before,ai amor[v="60"]::before{width:60%}
ai corr[v="61"]::before,ai reb[v="61"]::before,ai int[v="61"]::before,ai dis[v="61"]::before,ai amor[v="61"]::before{width:61%}
ai corr[v="62"]::before,ai reb[v="62"]::before,ai int[v="62"]::before,ai dis[v="62"]::before,ai amor[v="62"]::before{width:62%}
ai corr[v="63"]::before,ai reb[v="63"]::before,ai int[v="63"]::before,ai dis[v="63"]::before,ai amor[v="63"]::before{width:63%}
ai corr[v="64"]::before,ai reb[v="64"]::before,ai int[v="64"]::before,ai dis[v="64"]::before,ai amor[v="64"]::before{width:64%}
ai corr[v="65"]::before,ai reb[v="65"]::before,ai int[v="65"]::before,ai dis[v="65"]::before,ai amor[v="65"]::before{width:65%}
ai corr[v="66"]::before,ai reb[v="66"]::before,ai int[v="66"]::before,ai dis[v="66"]::before,ai amor[v="66"]::before{width:66%}
ai corr[v="67"]::before,ai reb[v="67"]::before,ai int[v="67"]::before,ai dis[v="67"]::before,ai amor[v="67"]::before{width:67%}
ai corr[v="68"]::before,ai reb[v="68"]::before,ai int[v="68"]::before,ai dis[v="68"]::before,ai amor[v="68"]::before{width:68%}
ai corr[v="69"]::before,ai reb[v="69"]::before,ai int[v="69"]::before,ai dis[v="69"]::before,ai amor[v="69"]::before{width:69%}
ai corr[v="70"]::before,ai reb[v="70"]::before,ai int[v="70"]::before,ai dis[v="70"]::before,ai amor[v="70"]::before{width:70%}
ai corr[v="71"]::before,ai reb[v="71"]::before,ai int[v="71"]::before,ai dis[v="71"]::before,ai amor[v="71"]::before{width:71%}
ai corr[v="72"]::before,ai reb[v="72"]::before,ai int[v="72"]::before,ai dis[v="72"]::before,ai amor[v="72"]::before{width:72%}
ai corr[v="73"]::before,ai reb[v="73"]::before,ai int[v="73"]::before,ai dis[v="73"]::before,ai amor[v="73"]::before{width:73%}
ai corr[v="74"]::before,ai reb[v="74"]::before,ai int[v="74"]::before,ai dis[v="74"]::before,ai amor[v="74"]::before{width:74%}
ai corr[v="75"]::before,ai reb[v="75"]::before,ai int[v="75"]::before,ai dis[v="75"]::before,ai amor[v="75"]::before{width:75%}
ai corr[v="76"]::before,ai reb[v="76"]::before,ai int[v="76"]::before,ai dis[v="76"]::before,ai amor[v="76"]::before{width:76%}
ai corr[v="77"]::before,ai reb[v="77"]::before,ai int[v="77"]::before,ai dis[v="77"]::before,ai amor[v="77"]::before{width:77%}
ai corr[v="78"]::before,ai reb[v="78"]::before,ai int[v="78"]::before,ai dis[v="78"]::before,ai amor[v="78"]::before{width:78%}
ai corr[v="79"]::before,ai reb[v="79"]::before,ai int[v="79"]::before,ai dis[v="79"]::before,ai amor[v="79"]::before{width:79%}
ai corr[v="80"]::before,ai reb[v="80"]::before,ai int[v="80"]::before,ai dis[v="80"]::before,ai amor[v="80"]::before{width:80%}
ai corr[v="81"]::before,ai reb[v="81"]::before,ai int[v="81"]::before,ai dis[v="81"]::before,ai amor[v="81"]::before{width:81%}
ai corr[v="82"]::before,ai reb[v="82"]::before,ai int[v="82"]::before,ai dis[v="82"]::before,ai amor[v="82"]::before{width:82%}
ai corr[v="83"]::before,ai reb[v="83"]::before,ai int[v="83"]::before,ai dis[v="83"]::before,ai amor[v="83"]::before{width:83%}
ai corr[v="84"]::before,ai reb[v="84"]::before,ai int[v="84"]::before,ai dis[v="84"]::before,ai amor[v="84"]::before{width:84%}
ai corr[v="85"]::before,ai reb[v="85"]::before,ai int[v="85"]::before,ai dis[v="85"]::before,ai amor[v="85"]::before{width:85%}
ai corr[v="86"]::before,ai reb[v="86"]::before,ai int[v="86"]::before,ai dis[v="86"]::before,ai amor[v="86"]::before{width:86%}
ai corr[v="87"]::before,ai reb[v="87"]::before,ai int[v="87"]::before,ai dis[v="87"]::before,ai amor[v="87"]::before{width:87%}
ai corr[v="88"]::before,ai reb[v="88"]::before,ai int[v="88"]::before,ai dis[v="88"]::before,ai amor[v="88"]::before{width:88%}
ai corr[v="89"]::before,ai reb[v="89"]::before,ai int[v="89"]::before,ai dis[v="89"]::before,ai amor[v="89"]::before{width:89%}
ai corr[v="90"]::before,ai reb[v="90"]::before,ai int[v="90"]::before,ai dis[v="90"]::before,ai amor[v="90"]::before{width:90%}
ai corr[v="91"]::before,ai reb[v="91"]::before,ai int[v="91"]::before,ai dis[v="91"]::before,ai amor[v="91"]::before{width:91%}
ai corr[v="92"]::before,ai reb[v="92"]::before,ai int[v="92"]::before,ai dis[v="92"]::before,ai amor[v="92"]::before{width:92%}
ai corr[v="93"]::before,ai reb[v="93"]::before,ai int[v="93"]::before,ai dis[v="93"]::before,ai amor[v="93"]::before{width:93%}
ai corr[v="94"]::before,ai reb[v="94"]::before,ai int[v="94"]::before,ai dis[v="94"]::before,ai amor[v="94"]::before{width:94%}
ai corr[v="95"]::before,ai reb[v="95"]::before,ai int[v="95"]::before,ai dis[v="95"]::before,ai amor[v="95"]::before{width:95%}
ai corr[v="96"]::before,ai reb[v="96"]::before,ai int[v="96"]::before,ai dis[v="96"]::before,ai amor[v="96"]::before{width:96%}
ai corr[v="97"]::before,ai reb[v="97"]::before,ai int[v="97"]::before,ai dis[v="97"]::before,ai amor[v="97"]::before{width:97%}
ai corr[v="98"]::before,ai reb[v="98"]::before,ai int[v="98"]::before,ai dis[v="98"]::before,ai amor[v="98"]::before{width:98%}
ai corr[v="99"]::before,ai reb[v="99"]::before,ai int[v="99"]::before,ai dis[v="99"]::before,ai amor[v="99"]::before{width:99%}
ai corr[v="100"]::before,ai reb[v="100"]::before,ai int[v="100"]::before,ai dis[v="100"]::before,ai amor[v="100"]::before{width:100%}

/* ─── 星标 <hp f="X"> ─── */
ai hp {
  display: inline-block;
  position: relative;
  width: 76px;
  height: 14px;
  vertical-align: middle;
  margin-left: 6px;
}
ai hp::before {
  content: "★★★★★";
  position: absolute;
  top: 0; left: 0;
  color: rgba(201, 169, 97, 0.18);
  letter-spacing: 2px;
  font-size: 13px;
  line-height: 14px;
}
ai hp::after {
  content: "★★★★★";
  position: absolute;
  top: 0; left: 0;
  color: #f0c674;
  letter-spacing: 2px;
  font-size: 13px;
  line-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 0 0 6px rgba(240, 198, 116, 0.75);
}
ai hp[f="0"]::after { width: 0;    }
ai hp[f="1"]::after { width: 15px; }
ai hp[f="2"]::after { width: 30px; }
ai hp[f="3"]::after { width: 45px; }
ai hp[f="4"]::after { width: 60px; }
ai hp[f="5"]::after { width: 76px; }

/* ─── NPC 名录 ─── */
ai npc {
  display: block;
  padding: 10px 14px 10px 16px;
  margin: 8px 0;
  background: rgba(20, 16, 12, 0.55);
  border-left: 2px solid rgba(201, 169, 97, 0.45);
  border-radius: 0 3px 3px 0;
  transition: all 0.35s ease;
  position: relative;
}
ai npc:hover {
  background: rgba(35, 27, 20, 0.7);
  border-left-color: #d4b16a;
  transform: translateX(3px);
  box-shadow: 0 0 14px rgba(240, 198, 116, 0.12);
}
ai npc f {
  display: inline-block;
  color: #d4b16a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  vertical-align: middle;
}
ai npc d {
  display: block;
  color: #8a7a55;
  font-size: 12.5px;
  font-style: italic;
  margin-top: 4px;
  border-left: none;
  padding-left: 0;
  background: transparent;
}
ai npc d::before { display: none; }

/* ─── 私藏 / 记忆条目 ─── */
ai sec > d {
  display: block;
  padding: 7px 12px 7px 26px;
  margin: 5px 0;
  color: #b8a877;
  font-size: 13.5px;
  position: relative;
  border-left: 1px solid rgba(201, 169, 97, 0.18);
  line-height: 1.65;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 2px 2px 0;
}


/* ─── ACTIO 行动子折叠 ─── */
ai sec details {
  margin: 8px 0;
  border: 1px solid rgba(201, 169, 97, 0.22);
  border-radius: 3px;
  background: rgba(20, 16, 12, 0.55);
  transition: all 0.3s ease;
  overflow: hidden;
}
ai sec details:hover {
  border-color: rgba(240, 198, 116, 0.55);
  box-shadow: 0 0 14px rgba(240, 198, 116, 0.18);
}
ai sec details[open] {
  border-color: rgba(240, 198, 116, 0.45);
  background: rgba(30, 22, 16, 0.6);
}
ai sec details summary {
  padding: 10px 14px 10px 34px;
  cursor: pointer;
  list-style: none;
  color: #c9a961;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
  user-select: none;
}
ai sec details summary::-webkit-details-marker { display: none; }
ai sec details summary::before {
  content: "✦";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(201, 169, 97, 0.7);
  transition: all 0.3s ease;
  font-size: 12px;
}
ai sec details[open] summary::before {
  content: "✧";
  color: #f0c674;
  text-shadow: 0 0 8px rgba(240, 198, 116, 0.7);
}
ai sec details > d {
  padding: 4px 14px 12px 34px;
  color: #a8986a;
  font-size: 12.8px;
  font-style: italic;
  border-top: 1px dashed rgba(201, 169, 97, 0.15);
  margin: 0;
  border-left: none;
  background: transparent;
  border-radius: 0;
}
ai sec details > d::before { display: none; }

/* ─── 移动端适配 ─── */
@media (max-width: 480px) {
  ai { padding: 22px 14px 18px; font-size: 14px; }
  ai hd { font-size: 11px; letter-spacing: 2px; padding: 10px 12px; }
  ai txt p { font-size: 14.5px; }
  ai sec { padding: 14px 12px 12px; }
  ai row lb { min-width: 62px; font-size: 12px; }
  ai row v { font-size: 13px; }
  ai > details > summary { font-size: 12.5px; letter-spacing: 3px; }
  ai sec h2 { font-size: 11.5px; letter-spacing: 2.5px; }
  ai corr, ai reb, ai int, ai dis, ai amor { height: 22px; }
  ai corr::after, ai reb::after, ai int::after,
  ai dis::after, ai amor::after { font-size: 10.5px; letter-spacing: 2px; }
  ai hp { width: 65px; }
  ai hp[f="1"]::after { width: 13px; }
  ai hp[f="2"]::after { width: 26px; }
  ai hp[f="3"]::after { width: 39px; }
  ai hp[f="4"]::after { width: 52px; }
  ai hp[f="5"]::after { width: 65px; }
}

/* ─── 低动效偏好 ─── */
@media (prefers-reduced-motion: reduce) {
  ai corr, ai dis { animation-duration: 6s !important; }
  ai corr::before, ai reb::before, ai dis::before, ai amor::before {
    animation-duration: 6s !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   聊天框外观(独立于状态栏,平台 UI 层)
   ═══════════════════════════════════════════════════════════ */

[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] { display: none !important; }

.style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; }

.bg-gray-100\/90.relative.inline-block {
    position: relative !important;
    isolation: isolate !important;
    margin: 14px 0 !important;
    padding: 32px 26px 22px !important;
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400' preserveAspectRatio='none'><circle cx='40' cy='390' r='1' fill='%23f0c674'><animate attributeName='cy' values='390;-20' dur='9s' repeatCount='indefinite'/><animate attributeName='opacity' values='0;0.9;0.5;0' dur='9s' repeatCount='indefinite'/><animate attributeName='cx' values='40;46;42;44;40' dur='9s' repeatCount='indefinite'/></circle><circle cx='90' cy='400' r='0.8' fill='%23d4b16a'><animate attributeName='cy' values='400;-20' dur='11s' repeatCount='indefinite' begin='-2s'/><animate attributeName='opacity' values='0;0.8;0.6;0' dur='11s' repeatCount='indefinite' begin='-2s'/></circle><circle cx='150' cy='395' r='1.2' fill='%23f0c674'><animate attributeName='cy' values='395;-20' dur='8s' repeatCount='indefinite' begin='-4s'/><animate attributeName='opacity' values='0;0.9;0.4;0' dur='8s' repeatCount='indefinite' begin='-4s'/><animate attributeName='cx' values='150;146;154;150;150' dur='8s' repeatCount='indefinite' begin='-4s'/></circle><circle cx='210' cy='400' r='0.9' fill='%23c9a961'><animate attributeName='cy' values='400;-20' dur='12s' repeatCount='indefinite' begin='-6s'/><animate attributeName='opacity' values='0;0.85;0.5;0' dur='12s' repeatCount='indefinite' begin='-6s'/></circle><circle cx='260' cy='395' r='1' fill='%23f0c674'><animate attributeName='cy' values='395;-20' dur='10s' repeatCount='indefinite' begin='-3s'/><animate attributeName='opacity' values='0;0.7;0.6;0' dur='10s' repeatCount='indefinite' begin='-3s'/></circle><circle cx='70' cy='400' r='0.7' fill='%23d4b16a'><animate attributeName='cy' values='400;-20' dur='13s' repeatCount='indefinite' begin='-7s'/><animate attributeName='opacity' values='0;0.7;0.5;0' dur='13s' repeatCount='indefinite' begin='-7s'/></circle><circle cx='180' cy='400' r='0.8' fill='%23f0c674'><animate attributeName='cy' values='400;-20' dur='7.5s' repeatCount='indefinite' begin='-1s'/><animate attributeName='opacity' values='0;0.8;0.5;0' dur='7.5s' repeatCount='indefinite' begin='-1s'/></circle></svg>") center/cover no-repeat,
        radial-gradient(ellipse at 50% -10%, rgba(240, 198, 116, 0.14) 0%, transparent 50%),
        radial-gradient(ellipse at 20% 110%, rgba(139, 10, 10, 0.10) 0%, transparent 55%),
        linear-gradient(180deg, #14100c 0%, #0a0705 100%) !important;
    border: 1px solid #3a2e20 !important;
    border-radius: 4px !important;
    box-shadow:
        inset 0 0 60px rgba(0, 0, 0, 0.75),
        inset 0 1px 0 rgba(201, 169, 97, 0.20),
        0 6px 24px rgba(0, 0, 0, 0.6) !important;
    color: #d8c9a0 !important;
    font-family: "Georgia", "Times New Roman", "Songti SC", "Noto Serif SC", serif !important;
    overflow: hidden !important;
}
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    inset: 8px !important;
    border: 1px solid rgba(201, 169, 97, 0.22) !important;
    border-radius: 2px !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.bg-gray-100\/90.relative.inline-block::after {
    content: "✟" !important;
    position: absolute !important;
    top: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #d4b16a !important;
    font-size: 16px !important;
    line-height: 1 !important;
    background: #0a0705 !important;
    padding: 0 12px !important;
    pointer-events: none !important;
    z-index: 2 !important;
    text-shadow: 0 0 12px rgba(240, 198, 116, 0.65) !important;
}


.markdown-body {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    color: #d8c9a0 !important;
    font-family: "Georgia", "Times New Roman", "Songti SC", "Noto Serif SC", serif !important;
    font-size: 15.5px !important;
    line-height: 1.9 !important;
}
.markdown-body p { color: #d8c9a0 !important; margin: 0 0 12px !important; }
.markdown-body strong, .markdown-body b { color: #f0c674 !important; font-weight: bold !important; letter-spacing: 0.5px !important; }
.markdown-body em, .markdown-body i { color: #c9a961 !important; font-style: italic !important; }
.markdown-body a { color: #d4b16a !important; text-decoration: underline !important; text-decoration-color: rgba(201, 169, 97, 0.45) !important; text-underline-offset: 3px !important; transition: all 0.3s ease !important; }
.markdown-body a:hover { color: #f0c674 !important; text-decoration-color: #f0c674 !important; }
.markdown-body code { background: rgba(20, 16, 12, 0.75) !important; color: #f0c674 !important; padding: 2px 7px !important; border-radius: 2px !important; border: 1px solid rgba(201, 169, 97, 0.22) !important; font-family: "Consolas", "Menlo", monospace !important; font-size: 0.92em !important; }
.markdown-body pre { background: rgba(8, 6, 4, 0.85) !important; border: 1px solid rgba(201, 169, 97, 0.25) !important; border-left: 3px solid #d4b16a !important; border-radius: 3px !important; padding: 12px 14px !important; color: #d8c9a0 !important; overflow-x: auto !important; }
.markdown-body pre code { background: transparent !important; border: none !important; padding: 0 !important; color: #d8c9a0 !important; }
.markdown-body blockquote { border-left: 2px solid rgba(201, 169, 97, 0.5) !important; background: rgba(20, 16, 12, 0.55) !important; color: #b8a877 !important; padding: 8px 14px !important; margin: 10px 0 !important; font-style: italic !important; border-radius: 0 3px 3px 0 !important; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { color: #d4b16a !important; font-family: "Georgia", "Times New Roman", "Songti SC", serif !important; letter-spacing: 2px !important; border-bottom: 1px solid rgba(201, 169, 97, 0.28) !important; padding-bottom: 6px !important; text-shadow: 0 0 10px rgba(201, 169, 97, 0.35) !important; }
.markdown-body hr { border: none !important; border-top: 1px dashed rgba(201, 169, 97, 0.35) !important; margin: 16px 0 !important; }
.markdown-body ul li::marker, .markdown-body ol li::marker { color: #d4b16a !important; }

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #EAEAEA !important;
    background: rgba(20, 16, 12, 0.65) !important;
    border: 1px solid rgba(201, 169, 97, 0.30) !important;
    border-radius: 3px !important;
    font-family: "Georgia", "Times New Roman", serif !important;
    letter-spacing: 1.2px !important;
    font-size: 12.5px !important;
    padding: 4px 10px !important;
    text-transform: none !important;
    transition: all 0.35s ease !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: rgba(139, 10, 10, 0.28) !important;
    border-color: #d4b16a !important;
    color: #f0c674 !important;
    text-shadow: 0 0 10px rgba(240, 198, 116, 0.6) !important;
    box-shadow: 0 0 12px rgba(240, 198, 116, 0.20) !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #EAEAEA !important;
    font-family: "Georgia", "Times New Roman", serif !important;
    font-style: italic !important;
    letter-spacing: 1.5px !important;
    opacity: 0.78 !important;
    font-size: 12px !important;
}
.text-orange-500 {
    color: #d4b16a !important;
    font-family: "Georgia", "Times New Roman", serif !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    text-shadow: 0 0 6px rgba(212, 177, 106, 0.35) !important;
}

/* 加载动画:圣钟摇曳 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    padding: 12px 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 100% !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: relative !important;
    display: block !important;
    width: 52px !important;
    height: 49px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 66'><g fill='none' stroke-linecap='round'><path d='M 6 30 Q 1 32 3 37' stroke='%23f0c674' stroke-width='0.9' opacity='0'><animate attributeName='opacity' values='0;0.4;0.9;0.4;0;0' keyTimes='0;0.35;0.5;0.65;0.8;1' dur='1.4s' repeatCount='indefinite'/></path><path d='M 10 24 Q 5 26 7 32' stroke='%23c9a961' stroke-width='0.8' opacity='0'><animate attributeName='opacity' values='0;0.3;0.7;0.3;0;0' keyTimes='0;0.35;0.5;0.65;0.8;1' dur='1.4s' repeatCount='indefinite'/></path><path d='M 64 30 Q 69 32 67 37' stroke='%23f0c674' stroke-width='0.9' opacity='0'><animate attributeName='opacity' values='0.9;0.4;0;0;0.4;0.9' keyTimes='0;0.15;0.3;0.7;0.85;1' dur='1.4s' repeatCount='indefinite'/></path><path d='M 60 24 Q 65 26 63 32' stroke='%23c9a961' stroke-width='0.8' opacity='0'><animate attributeName='opacity' values='0.7;0.3;0;0;0.3;0.7' keyTimes='0;0.15;0.3;0.7;0.85;1' dur='1.4s' repeatCount='indefinite'/></path></g><g><animateTransform attributeName='transform' type='rotate' values='-18 35 4;18 35 4;-18 35 4' dur='1.4s' repeatCount='indefinite' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1'/><circle cx='35' cy='3' r='1.5' fill='%233a2e20'/><line x1='35' y1='4' x2='35' y2='13' stroke='%238a7a55' stroke-width='1.5' stroke-linecap='round'/><ellipse cx='35' cy='14' rx='3' ry='2' fill='none' stroke='%23c9a961' stroke-width='1.3'/><path d='M 21 45 Q 21 19 35 16 Q 49 19 49 45 Z' fill='%23d4b16a'/><path d='M 26 24 Q 26 34 29 43' stroke='%23f0c674' stroke-width='1.5' fill='none' opacity='0.85' stroke-linecap='round'/><path d='M 43 24 Q 43 34 40 43' stroke='%238a7a55' stroke-width='1' fill='none' opacity='0.45' stroke-linecap='round'/><ellipse cx='35' cy='45' rx='14' ry='2.8' fill='%23c9a961'/><ellipse cx='35' cy='45' rx='12.5' ry='1.5' fill='%233a2412' opacity='0.75'/><line x1='35' y1='18' x2='35' y2='43' stroke='%238a7a55' stroke-width='0.9'/><circle cx='35' cy='45' r='2.8' fill='%23f0c674'/><circle cx='35' cy='44.3' r='1' fill='%23fff5d0' opacity='0.85'/></g></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    filter: drop-shadow(0 0 6px rgba(240, 198, 116, 0.55)) !important;
    pointer-events: none !important;
    animation: sanctumBellChime 1.4s ease-in-out infinite !important;
}
@keyframes sanctumBellChime {
    0%, 100% { filter: drop-shadow(0 0 12px rgba(240, 198, 116, 0.85)); }
    25%      { filter: drop-shadow(0 0 5px rgba(240, 198, 116, 0.35)); }
    50%      { filter: drop-shadow(0 0 12px rgba(240, 198, 116, 0.85)); }
    75%      { filter: drop-shadow(0 0 5px rgba(240, 198, 116, 0.35)); }
}
@media (max-width: 480px) {
    .flex.items-center.justify-center.w-6.h-5 { min-height: 62px !important; padding: 10px 0 !important; }
    .flex.items-center.justify-center.w-6.h-5::before { width: 44px !important; height: 42px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before { animation-duration: 3s !important; }
}

ai row corr, ai row reb, ai row int, ai row dis, ai row amor {
  flex: 1;
  min-width: 0;
  height: 22px;
}

d {
    display: block;
    margin-bottom: 4px;
    line-height: 1.6;
}














/* ═══════════════════════════════════════════════════════════
   🕯️ SANCTUM NOIR · 圣殿夜烛  |  UI 层扩展 v1.0
   顶部栏 / 开场白 / 按钮栏 / 底部栏 / 分页栏 / 评论区
   ═══════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────
   ① 顶部栏 — 教堂横梁
   ─────────────────────────────────────────────── */
.sticky.w-full.top-0.flex.items-center {
    position: sticky !important;
    background:
        radial-gradient(ellipse at 50% -10%, rgba(240,198,116,0.10) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 120%, rgba(139,10,10,0.10) 0%, transparent 55%),
        linear-gradient(180deg, #14100c 0%, #0a0705 100%) !important;
    border-bottom: 1px solid rgba(201,169,97,0.35) !important;
    box-shadow:
        inset 0 -1px 0 rgba(201,169,97,0.18),
        inset 0 1px 0 rgba(201,169,97,0.10),
        0 3px 14px rgba(0,0,0,0.55) !important;
    font-family: "Georgia","Times New Roman","Songti SC","Noto Serif SC",serif !important;
}
.sticky.w-full.top-0.flex.items-center::before {
    content: "" !important;
    position: absolute !important;
    left: 0; right: 0; bottom: -1px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(240,198,116,0.7), transparent) !important;
    pointer-events: none !important;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
    background: rgba(20,16,12,0.75) !important;
    border: 1px solid rgba(201,169,97,0.35) !important;
    border-radius: 3px !important;
    padding: 4px 12px !important;
    transition: all .35s ease !important;
    box-shadow: inset 0 1px 0 rgba(201,169,97,0.12) !important;
}
#ai-model-selector .group.flex.items-center:hover {
    background: rgba(139,10,10,0.22) !important;
    border-color: #d4b16a !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.20),
        0 0 12px rgba(240,198,116,0.25) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
    color: #d4b16a !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.45) !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #c9a961 !important;
    filter: drop-shadow(0 0 4px rgba(240,198,116,0.5)) !important;
    transition: transform .35s ease !important;
}
#ai-model-selector .group.flex.items-center:hover svg {
    color: #f0c674 !important;
    transform: translateY(1px) !important;
}

/* 顶部裸 SVG 图标(历史/设置) */
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #c9a961 !important;
    filter: drop-shadow(0 0 6px rgba(240,198,116,0.45)) !important;
    transition: all .3s ease !important;
    cursor: pointer !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
    color: #f0c674 !important;
    filter: drop-shadow(0 0 10px rgba(240,198,116,0.85)) !important;
    transform: rotate(-8deg) scale(1.08) !important;
}

/* 历史未读小红点 → 血色烛芯 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background: radial-gradient(circle, #ff4050 0%, #7a0812 80%) !important;
    box-shadow:
        0 0 8px rgba(160,16,32,0.9),
        0 0 14px rgba(240,80,80,0.6) !important;
    animation: sanctumEmberBlink 1.6s ease-in-out infinite !important;
}
@keyframes sanctumEmberBlink {
    0%,100% { opacity: 1; transform: scale(1); }
    50%     { opacity: .55; transform: scale(0.85); }
}

/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
    background: rgba(20,16,12,0.6) !important;
    border: 1px solid rgba(201,169,97,0.28) !important;
    border-radius: 3px !important;
    transition: all .3s ease !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
    background: rgba(139,10,10,0.25) !important;
    border-color: #d4b16a !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
    color: #c9a961 !important;
    filter: drop-shadow(0 0 4px rgba(240,198,116,0.5)) !important;
}

/* 设置按钮 */
#header-setting-button {
    background: rgba(20,16,12,0.75) !important;
    border: 1px solid rgba(201,169,97,0.35) !important;
    border-radius: 3px !important;
    padding: 5px 8px !important;
    transition: all .35s ease !important;
    box-shadow: inset 0 1px 0 rgba(201,169,97,0.14) !important;
}
#header-setting-button:hover {
    background: rgba(139,10,10,0.30) !important;
    border-color: #f0c674 !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.22),
        0 0 14px rgba(240,198,116,0.35) !important;
}
#header-setting-button svg {
    color: #d4b16a !important;
    filter: drop-shadow(0 0 6px rgba(240,198,116,0.55)) !important;
    transition: transform .5s ease !important;
}
#header-setting-button:hover svg {
    color: #f0c674 !important;
    transform: rotate(60deg) !important;
}

/* ───────────────────────────────────────────────
   ② 开场白选择器 — 圣坛铭牌
   ─────────────────────────────────────────────── */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background:
        linear-gradient(90deg, transparent 0%, rgba(201,169,97,0.10) 50%, transparent 100%),
        linear-gradient(180deg, #14100c 0%, #0a0705 100%) !important;
    border: 1px solid rgba(201,169,97,0.40) !important;
    border-radius: 3px !important;
    box-shadow:
        inset 0 1px 0 rgba(201,169,97,0.18),
        inset 0 0 20px rgba(0,0,0,0.6),
        0 2px 10px rgba(0,0,0,0.5) !important;
    color: #d4b16a !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.45) !important;
    transition: all .4s ease !important;
    position: relative !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]::before {
    content: "✟" !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: rgba(240,198,116,0.6) !important;
    font-size: 11px !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.6) !important;
    pointer-events: none !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    border-color: #f0c674 !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.28),
        inset 0 0 20px rgba(139,10,10,0.20),
        0 0 16px rgba(240,198,116,0.30) !important;
    color: #f0c674 !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
    color: #c9a961 !important;
    filter: drop-shadow(0 0 5px rgba(240,198,116,0.55)) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: #c9a961 !important;
    filter: drop-shadow(0 0 5px rgba(240,198,116,0.55)) !important;
    transition: transform .35s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover svg {
    color: #f0c674 !important;
}

/* ───────────────────────────────────────────────
   ③ 按钮栏 — 圣殿铜牌
   ─────────────────────────────────────────────── */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(180deg, rgba(30,22,16,0.85) 0%, rgba(14,10,8,0.9) 100%) !important;
    border: 1px solid rgba(201,169,97,0.35) !important;
    border-radius: 3px !important;
    color: #d4b16a !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    letter-spacing: 1.5px !important;
    padding: 6px 14px !important;
    text-transform: none !important;
    text-shadow: 0 0 6px rgba(240,198,116,0.4) !important;
    box-shadow:
        inset 0 1px 0 rgba(201,169,97,0.16),
        inset 0 -1px 0 rgba(0,0,0,0.5),
        0 2px 6px rgba(0,0,0,0.5) !important;
    transition: all .35s ease !important;
    position: relative !important;
    overflow: hidden !important;
}
#ai-mod-button2 button.MuiButton-root::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: -100% !important;
    width: 100%; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(240,198,116,0.22), transparent) !important;
    transition: left .55s ease !important;
    pointer-events: none !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: linear-gradient(180deg, rgba(139,10,10,0.35) 0%, rgba(20,10,10,0.9) 100%) !important;
    border-color: #f0c674 !important;
    color: #f0c674 !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.28),
        inset 0 -1px 0 rgba(0,0,0,0.5),
        0 0 14px rgba(240,198,116,0.35) !important;
    transform: translateY(-1px) !important;
}
#ai-mod-button2 button.MuiButton-root:hover::before { left: 100% !important; }
#ai-mod-button2 button.MuiButton-root svg {
    color: #d4b16a !important;
    filter: drop-shadow(0 0 4px rgba(240,198,116,0.5)) !important;
    transition: all .35s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover svg {
    color: #f0c674 !important;
    filter: drop-shadow(0 0 8px rgba(240,198,116,0.85)) !important;
}

/* ───────────────────────────────────────────────
   ④ 底部栏 — 忏悔祭台
   ─────────────────────────────────────────────── */
.bg-gradient-to-t {
    background:
        linear-gradient(180deg, transparent 0%, rgba(20,16,12,0.85) 40%, #0a0705 100%) !important;
}

#ai-chat-bottom-input {
    background:
        radial-gradient(ellipse at 50% -20%, rgba(240,198,116,0.10) 0%, transparent 60%),
        linear-gradient(180deg, #14100c 0%, #0a0705 100%) !important;
    border: 1px solid rgba(201,169,97,0.40) !important;
    border-radius: 4px !important;
    box-shadow:
        inset 0 0 30px rgba(0,0,0,0.7),
        inset 0 1px 0 rgba(201,169,97,0.18),
        0 4px 18px rgba(0,0,0,0.55) !important;
    transition: all .4s ease !important;
    position: relative !important;
}
#ai-chat-bottom-input:focus-within {
    border-color: #d4b16a !important;
    box-shadow:
        inset 0 0 30px rgba(0,0,0,0.7),
        inset 0 1px 0 rgba(240,198,116,0.30),
        0 0 22px rgba(240,198,116,0.30) !important;
}

#ai-chat-input {
    background: transparent !important;
    color: #b8a070 !important;
    font-family: "Georgia","Times New Roman","Songti SC","Noto Serif SC",serif !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    text-shadow: none !important;
    caret-color: #f0c674 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}
#ai-chat-input::placeholder {
    color: rgba(201,169,97,0.65) !important;
    font-style: italic !important;
    letter-spacing: 1.2px !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    text-shadow: none !important;
}
#ai-chat-input::selection {
    background: rgba(139,10,10,0.65) !important;
    color: #fff5d0 !important;
    text-shadow: none !important;
}

/* ───────────────────────────────────────────────
   ⑤ 分页栏 — 圣书翻页
   ─────────────────────────────────────────────── */
.MuiPagination-ul {
    background:
        linear-gradient(90deg, transparent 0%, rgba(201,169,97,0.10) 50%, transparent 100%),
        linear-gradient(180deg, rgba(20,16,12,0.55) 0%, rgba(10,7,5,0.6) 100%) !important;
    border: 1px solid rgba(201,169,97,0.28) !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    box-shadow:
        inset 0 1px 0 rgba(201,169,97,0.15),
        inset 0 0 18px rgba(0,0,0,0.55),
        0 2px 10px rgba(0,0,0,0.4) !important;
    gap: 4px !important;
}

.MuiPaginationItem-root {
    color: #c9a961 !important;
    background: rgba(20,16,12,0.7) !important;
    border: 1px solid rgba(201,169,97,0.30) !important;
    border-radius: 3px !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    min-width: 30px !important;
    height: 30px !important;
    text-shadow: 0 0 5px rgba(240,198,116,0.35) !important;
    box-shadow: inset 0 1px 0 rgba(201,169,97,0.12) !important;
    transition: all .3s ease !important;
}
.MuiPaginationItem-root:hover {
    background: rgba(139,10,10,0.32) !important;
    border-color: #d4b16a !important;
    color: #f0c674 !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.22),
        0 0 12px rgba(240,198,116,0.35) !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.75) !important;
}
.MuiPaginationItem-root.Mui-selected {
    background: linear-gradient(180deg, rgba(240,198,116,0.32) 0%, rgba(139,10,10,0.42) 100%) !important;
    border-color: #f0c674 !important;
    color: #fff5d0 !important;
    text-shadow: 0 0 12px rgba(240,198,116,0.95) !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.4),
        0 0 16px rgba(240,198,116,0.55) !important;
}
.MuiPaginationItem-root.Mui-selected:hover {
    background: linear-gradient(180deg, rgba(240,198,116,0.42) 0%, rgba(160,16,32,0.5) 100%) !important;
}
.MuiPaginationItem-root.Mui-disabled {
    color: rgba(138,122,85,0.35) !important;
    background: rgba(10,7,5,0.5) !important;
    border-color: rgba(201,169,97,0.10) !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.MuiPaginationItem-root.Mui-disabled .MuiPaginationItem-icon {
    color: rgba(138,122,85,0.35) !important;
    filter: none !important;
}
.MuiPaginationItem-icon {
    color: #d4b16a !important;
    filter: drop-shadow(0 0 5px rgba(240,198,116,0.6)) !important;
    transition: transform .3s ease !important;
}
.MuiPaginationItem-root:hover .MuiPaginationItem-icon {
    color: #f0c674 !important;
    filter: drop-shadow(0 0 9px rgba(240,198,116,0.9)) !important;
}
.MuiPaginationItem-ellipsis {
    color: #c9a961 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: 0 0 6px rgba(240,198,116,0.5) !important;
    letter-spacing: 2px !important;
}

.MuiStack-root.css-1uwir8f {
    background:
        radial-gradient(ellipse at 50% -20%, rgba(240,198,116,0.08) 0%, transparent 60%),
        linear-gradient(180deg, rgba(20,16,12,0.75) 0%, rgba(10,7,5,0.85) 100%) !important;
    border: 1px solid rgba(201,169,97,0.35) !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    box-shadow:
        inset 0 0 20px rgba(0,0,0,0.65),
        inset 0 1px 0 rgba(201,169,97,0.16),
        0 2px 8px rgba(0,0,0,0.5) !important;
    position: relative !important;
    gap: 6px !important;
}
.MuiStack-root.css-1uwir8f::before {
    content: "✟" !important;
    position: absolute !important;
    left: -8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: rgba(240,198,116,0.6) !important;
    font-size: 12px !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.65) !important;
    pointer-events: none !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #d4b16a !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    font-size: 13px !important;
    text-shadow: 0 0 6px rgba(240,198,116,0.50) !important;
}

.MuiInputBase-input {
    background:
        linear-gradient(180deg, rgba(30,22,16,0.85) 0%, rgba(14,10,8,0.9) 100%) !important;
    color: #f0c674 !important;
    border: 1px solid rgba(201,169,97,0.45) !important;
    border-radius: 3px !important;
    padding: 4px 10px !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-align: center !important;
    text-shadow: none !important;
    caret-color: #f0c674 !important;
    box-shadow:
        inset 0 0 15px rgba(0,0,0,0.7),
        inset 0 1px 0 rgba(201,169,97,0.18) !important;
    transition: all .35s ease !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
.MuiInputBase-input:hover {
    border-color: #d4b16a !important;
    box-shadow:
        inset 0 0 15px rgba(0,0,0,0.7),
        inset 0 1px 0 rgba(240,198,116,0.28),
        0 0 12px rgba(240,198,116,0.25) !important;
}
.MuiInputBase-input:focus {
    border-color: #f0c674 !important;
    box-shadow:
        inset 0 0 15px rgba(0,0,0,0.7),
        inset 0 1px 0 rgba(240,198,116,0.35),
        0 0 18px rgba(240,198,116,0.45) !important;
    outline: none !important;
}

/* ───────────────────────────────────────────────
   ⑥ 评论区 — 忏悔录祭坛
   ─────────────────────────────────────────────── */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"],
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] > div,
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] .bg-white,
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] [class*="bg-white"],
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] [class*="bg-gray-50"],
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] [class*="bg-gray-100"] {
    background-color: transparent !important;
    background-image: none !important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(240,198,116,0.10) 0%, transparent 55%),
        radial-gradient(ellipse at 100% 100%, rgba(139,10,10,0.10) 0%, transparent 55%),
        linear-gradient(180deg, #14100c 0%, #0a0705 100%) !important;
    color: #d8c9a0 !important;
    font-family: "Georgia","Times New Roman","Songti SC","Noto Serif SC",serif !important;
    box-shadow:
        inset 0 0 60px rgba(0,0,0,0.72),
        inset 0 1px 0 rgba(201,169,97,0.20) !important;
    border-top: 1px solid rgba(201,169,97,0.35) !important;
    position: relative !important;
}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]::before {
    content: "✟" !important;
    position: absolute !important;
    top: 6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #d4b16a !important;
    font-size: 14px !important;
    background: #0a0705 !important;
    padding: 0 10px !important;
    text-shadow: 0 0 10px rgba(240,198,116,0.65) !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

div.text-lg.font-bold {
    color: #d4b16a !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    letter-spacing: 3px !important;
    font-size: 15px !important;
    text-shadow: 0 0 10px rgba(240,198,116,0.55) !important;
    position: relative !important;
}
div.text-lg.font-bold::before {
    content: "✟ " !important;
    color: rgba(240,198,116,0.7) !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.6) !important;
}

p.MuiTypography-body1.text-grey-600 {
    color: #c9a961 !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    letter-spacing: 1.5px !important;
    font-style: italic !important;
    text-shadow: 0 0 5px rgba(240,198,116,0.35) !important;
}

span.MuiRating-root {
    position: relative !important;
    padding: 6px 10px !important;
    background:
        radial-gradient(ellipse at 50% -15%, rgba(240,198,116,0.10) 0%, transparent 60%),
        linear-gradient(180deg, rgba(20,16,12,0.65) 0%, rgba(10,7,5,0.75) 100%) !important;
    border: 1px solid rgba(201,169,97,0.35) !important;
    border-radius: 4px !important;
    box-shadow:
        inset 0 0 20px rgba(0,0,0,0.6),
        inset 0 1px 0 rgba(201,169,97,0.16),
        0 2px 8px rgba(0,0,0,0.5) !important;
    transition: all .35s ease !important;
}
span.MuiRating-root::before {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border: 1px solid rgba(201,169,97,0.18) !important;
    border-radius: 2px !important;
    pointer-events: none !important;
}
span.MuiRating-root:hover {
    border-color: #d4b16a !important;
    box-shadow:
        inset 0 0 20px rgba(0,0,0,0.6),
        inset 0 1px 0 rgba(240,198,116,0.28),
        0 0 14px rgba(240,198,116,0.30) !important;
}

span.MuiRating-iconEmpty svg {
    color: rgba(201,169,97,0.30) !important;
    filter: drop-shadow(0 0 4px rgba(0,0,0,0.7)) !important;
    transition: all .35s ease !important;
}
span.MuiRating-iconEmpty:hover svg {
    color: rgba(240,198,116,0.55) !important;
    filter: drop-shadow(0 0 8px rgba(240,198,116,0.50)) !important;
    transform: scale(1.15) rotate(-8deg) !important;
}

span.MuiRating-iconFilled svg {
    color: #f0c674 !important;
    filter: drop-shadow(0 0 10px rgba(240,198,116,0.90)) !important;
    transition: all .35s ease !important;
}
span.MuiRating-iconFilled:hover svg {
    filter: drop-shadow(0 0 16px rgba(240,198,116,1)) !important;
    transform: scale(1.20) rotate(12deg) !important;
}

span.MuiRating-iconHover svg {
    color: #ff9d50 !important;
    filter:
        drop-shadow(0 0 12px rgba(255,157,80,0.95))
        drop-shadow(0 0 6px rgba(240,198,116,0.85)) !important;
    animation: sanctumStarPulse .6s ease-in-out infinite alternate !important;
}
@keyframes sanctumStarPulse {
    0%   { transform: scale(1.05); }
    100% { transform: scale(1.25) rotate(-5deg); }
}

span.text-orange-500 {
    display: inline-block !important;
    padding: 2px 8px !important;
    margin-left: 8px !important;
    background: rgba(20,16,12,0.6) !important;
    border: 1px solid rgba(240,198,116,0.35) !important;
    border-radius: 3px !important;
    color: #f0c674 !important;
    font-family: "Georgia","Times New Roman",serif !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    text-shadow: 0 0 10px rgba(240,198,116,0.75) !important;
    box-shadow: inset 0 1px 0 rgba(240,198,116,0.15) !important;
}

div.flex.flex-col.border-gray-200 {
    background:
        radial-gradient(ellipse at 50% -20%, rgba(240,198,116,0.08) 0%, transparent 60%),
        linear-gradient(180deg, rgba(20,16,12,0.85) 0%, rgba(10,7,5,0.9) 100%) !important;
    border: 1px solid rgba(201,169,97,0.35) !important;
    border-radius: 4px !important;
    box-shadow:
        inset 0 0 25px rgba(0,0,0,0.65),
        inset 0 1px 0 rgba(201,169,97,0.15) !important;
    transition: all .35s ease !important;
}
div.flex.flex-col.border-gray-200:focus-within {
    border-color: #d4b16a !important;
    box-shadow:
        inset 0 0 25px rgba(0,0,0,0.65),
        inset 0 1px 0 rgba(240,198,116,0.28),
        0 0 16px rgba(240,198,116,0.28) !important;
}

textarea.rc-textarea {
    background: transparent !important;
    color: #b8a070 !important;
    font-family: "Georgia","Times New Roman","Songti SC","Noto Serif SC",serif !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    caret-color: #f0c674 !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}
textarea.rc-textarea::placeholder {
    color: rgba(201,169,97,0.60) !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
    text-shadow: none !important;
}
textarea.rc-textarea::selection {
    background: rgba(139,10,10,0.65) !important;
    color: #fff5d0 !important;
    text-shadow: none !important;
}

div.bg-gray-100.text-gray-500 {
    background: rgba(20,16,12,0.6) !important;
    color: #8a7a55 !important;
    border: 1px solid rgba(201,169,97,0.22) !important;
    border-radius: 2px !important;
    font-family: "Georgia","Times New Roman",serif !important;
    letter-spacing: 1px !important;
    font-size: 11.5px !important;
}

div.cursor-pointer.group.flex.items-center.justify-center {
    background: linear-gradient(180deg, rgba(30,22,16,0.9) 0%, rgba(14,10,8,0.95) 100%) !important;
    border: 1px solid rgba(201,169,97,0.4) !important;
    border-radius: 3px !important;
    box-shadow:
        inset 0 1px 0 rgba(201,169,97,0.18),
        0 2px 8px rgba(0,0,0,0.5) !important;
    transition: all .35s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
    background: linear-gradient(180deg, rgba(139,10,10,0.4) 0%, rgba(20,10,10,0.95) 100%) !important;
    border-color: #f0c674 !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.28),
        0 0 16px rgba(240,198,116,0.4) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #d4b16a !important;
    filter: drop-shadow(0 0 5px rgba(240,198,116,0.6)) !important;
    transition: all .35s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover svg[data-icon="Send03"] {
    color: #f0c674 !important;
    filter: drop-shadow(0 0 10px rgba(240,198,116,0.9)) !important;
    transform: translateX(2px) rotate(-8deg) !important;
}

div.style_divider__mW0YX {
    background: linear-gradient(90deg, transparent, rgba(201,169,97,0.5), transparent) !important;
    height: 1px !important;
    border: none !important;
    position: relative !important;
}

button.MuiButton-outlinedPrimary {
    background: rgba(20,16,12,0.65) !important;
    color: #c9a961 !important;
    border: 1px solid rgba(201,169,97,0.35) !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: none !important;
    font-size: 12.5px !important;
    text-shadow: 0 0 5px rgba(240,198,116,0.35) !important;
    transition: all .35s ease !important;
}
button.MuiButton-outlinedPrimary:hover {
    background: rgba(139,10,10,0.28) !important;
    border-color: #d4b16a !important;
    color: #f0c674 !important;
    box-shadow: 0 0 12px rgba(240,198,116,0.30) !important;
}
button.MuiButton-containedPrimary {
    background: linear-gradient(180deg, rgba(240,198,116,0.28) 0%, rgba(139,10,10,0.4) 100%) !important;
    color: #fff5d0 !important;
    border: 1px solid #f0c674 !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: none !important;
    font-size: 12.5px !important;
    text-shadow: 0 0 10px rgba(240,198,116,0.85) !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.35),
        0 0 14px rgba(240,198,116,0.45) !important;
}

div.p-3.overflow-y-auto {
    background: transparent !important;
}
div.p-3.overflow-y-auto::-webkit-scrollbar { width: 6px !important; }
div.p-3.overflow-y-auto::-webkit-scrollbar-track {
    background: rgba(20,16,12,0.6) !important;
    border-radius: 3px !important;
}
div.p-3.overflow-y-auto::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d4b16a, #7a0812) !important;
    border-radius: 3px !important;
    box-shadow: 0 0 6px rgba(240,198,116,0.4) !important;
}
div.p-3.overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #f0c674, #a01020) !important;
}

div.group.ml-0 {
    position: relative !important;
    padding: 10px 12px !important;
    margin: 8px 0 !important;
    background: rgba(20,16,12,0.55) !important;
    border: 1px solid rgba(201,169,97,0.22) !important;
    border-left: 2px solid rgba(201,169,97,0.5) !important;
    border-radius: 0 3px 3px 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(201,169,97,0.12),
        0 2px 8px rgba(0,0,0,0.4) !important;
    transition: all .35s ease !important;
}
div.group.ml-0:hover {
    background: rgba(35,27,20,0.7) !important;
    border-left-color: #d4b16a !important;
    box-shadow:
        inset 0 1px 0 rgba(240,198,116,0.22),
        0 0 14px rgba(240,198,116,0.15) !important;
    transform: translateX(2px) !important;
}
div.group.ml-0::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 0 3px 3px 0 !important;
    box-shadow: inset 0 0 25px rgba(0,0,0,0.35) !important;
    pointer-events: none !important;
}

div.group img.rounded-full {
    border: 1.5px solid rgba(201,169,97,0.45) !important;
    box-shadow:
        0 0 8px rgba(240,198,116,0.35),
        inset 0 0 6px rgba(0,0,0,0.5) !important;
    transition: all .35s ease !important;
    filter: sepia(0.15) contrast(1.05) !important;
}
div.group:hover img.rounded-full {
    border-color: #f0c674 !important;
    box-shadow: 0 0 14px rgba(240,198,116,0.7) !important;
}

div.text-sm.text-grey-600 span.font-bold {
    color: #d4b16a !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    letter-spacing: 1.2px !important;
    font-weight: 700 !important;
    text-shadow: 0 0 6px rgba(240,198,116,0.45) !important;
}

span.text-\[10px\] {
    color: #7a0812 !important;
    background: rgba(240,198,116,0.15) !important;
    border: 1px solid rgba(240,198,116,0.4) !important;
    border-radius: 2px !important;
    padding: 1px 5px !important;
    font-family: "Georgia","Times New Roman",serif !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    text-shadow: 0 0 4px rgba(240,198,116,0.55) !important;
}

div.break-all {
    color: #d8c9a0 !important;
    font-family: "Georgia","Times New Roman","Songti SC","Noto Serif SC",serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
}

div.text-xs.text-grey-600 {
    color: #8a7a55 !important;
    font-family: "Georgia","Times New Roman",serif !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
    font-size: 11.5px !important;
}

button.text-gray-400 {
    color: #8a7a55 !important;
    background: transparent !important;
    transition: all .35s ease !important;
}
button.text-gray-400:hover {
    color: #f0c674 !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.7) !important;
}
button.text-gray-400 svg {
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.5)) !important;
    transition: all .35s ease !important;
}
button.text-gray-400:hover svg {
    color: #ff4050 !important;
    filter: drop-shadow(0 0 8px rgba(240,80,80,0.85)) !important;
    transform: scale(1.15) !important;
}

span.cursor-pointer {
    color: #c9a961 !important;
    font-family: "Georgia","Times New Roman","Songti SC",serif !important;
    letter-spacing: 1.2px !important;
    font-size: 12.5px !important;
    font-style: italic !important;
    transition: all .3s ease !important;
    border-bottom: 1px dotted transparent !important;
}
span.cursor-pointer:hover {
    color: #f0c674 !important;
    border-bottom-color: rgba(240,198,116,0.6) !important;
    text-shadow: 0 0 8px rgba(240,198,116,0.7) !important;
}

div.ml-8.border-l {
    border-left: 1px dashed rgba(201,169,97,0.4) !important;
    padding-left: 12px !important;
    margin-left: 20px !important;
    position: relative !important;
}
div.ml-8.border-l::before {
    content: "✦" !important;
    position: absolute !important;
    left: -6px !important;
    top: 0 !important;
    color: rgba(240,198,116,0.55) !important;
    font-size: 9px !important;
    background: #0a0705 !important;
    padding: 0 2px !important;
    text-shadow: 0 0 6px rgba(240,198,116,0.6) !important;
}

.sticky.w-full.top-0.flex.items-center::after {
    content: "" !important;
    position: absolute !important;
    top: 0; left: -30% !important;
    width: 30%; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(240,198,116,0.10), transparent) !important;
    animation: sanctumLightSweep 8s ease-in-out infinite !important;
    pointer-events: none !important;
}
@keyframes sanctumLightSweep {
    0%,100% { left: -30%; }
    50%     { left: 130%; }
}

@media (prefers-reduced-motion: reduce) {
    .sticky.w-full.top-0.flex.items-center::after {
        animation: none !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        animation-duration: 3s !important;
    }
}