/* 顶部栏加一道流转的「昊天神辉」底线 */
.sticky.w-full.top-0.flex.items-center::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0; left: 0;
  width: 100%; height: 1px;
  background: linear-gradient(90deg, transparent, #e8c96a, transparent) !important;
  animation: haotian-flow 4s linear infinite !important;
}
@keyframes haotian-flow {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}

/* ==========【将夜 · 永夜昊天】========== */

/* ---------- 顶部栏 · 天启夜幕 ---------- */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(180deg, #0b1026 0%, #131a35 60%, #1a2140 100%) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 4px 18px rgba(5, 8, 20, 0.6), inset 0 -1px 0 rgba(212, 175, 55, 0.15) !important;
}

/* 模型选择器 · 通天符匣 */
#ai-model-selector .group.flex.items-center {
  background: rgba(20, 27, 54, 0.85) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  border-color: #e8c96a !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.35) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #e8d9a8 !important;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  letter-spacing: 0.5px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #d4af37 !important;
  transition: transform 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {
  transform: rotate(180deg) !important;
}

/* 历史记录图标（移动端）· 光阴钟 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #c9b46b !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: #e05c4b !important;
  box-shadow: 0 0 6px rgba(224, 92, 75, 0.8) !important;
}

/* 音乐按钮 · 神国梵音 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  transition: all 0.3s ease !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #c9b46b !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: rgba(212, 175, 55, 0.12) !important;
}

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

/* 设置按钮 · 书院山门 */
#header-setting-button {
  background: rgba(20, 27, 54, 0.85) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 8px !important;
  color: #e8d9a8 !important;
  transition: all 0.3s ease !important;
}
#header-setting-button:hover {
  background: rgba(212, 175, 55, 0.15) !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}
#header-setting-button svg {
  color: #d4af37 !important;
  transition: transform 0.5s ease !important;
}
#header-setting-button:hover svg {
  transform: rotate(90deg) !important;
}

/* ---------- 开场白选择器 · 惊神阵眼 ---------- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(135deg, #141b36 0%, #1c2444 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  color: #e8d9a8 !important;
  transition: all 0.3s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  border-color: #e8c96a !important;
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.3) !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;
}

/* ---------- 按钮栏 · 符师刻痕 ---------- */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(180deg, rgba(28, 36, 68, 0.95), rgba(15, 20, 42, 0.95)) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  border-radius: 10px !important;
  color: #e8d9a8 !important;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
#ai-mod-button2 button.MuiButton-root::before {
  content: "" !important;
  position: absolute !important;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(232, 201, 106, 0.18), transparent) !important;
  transition: left 0.5s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover::before {
  left: 100% !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  border-color: #e8c96a !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.35) !important;
  transform: translateY(-1px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: #d4af37 !important;
}

/* ---------- 底部栏 · 人间灯火 ---------- */
.bg-gradient-to-t {
  background: linear-gradient(180deg, rgba(11, 16, 38, 0) 0%, #0b1026 45%, #0b1026 100%) !important;
}
#ai-chat-bottom-input {
  background: rgba(20, 27, 54, 0.92) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(5, 8, 20, 0.55), inset 0 1px 0 rgba(232, 201, 106, 0.1) !important;
  transition: all 0.3s ease !important;
}
#ai-chat-bottom-input:focus-within {
  border-color: #e8c96a !important;
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.35) !important;
}
#ai-chat-input {
  color: #f0e6c8 !important;
  caret-color: #e8c96a !important;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
}
#ai-chat-input::placeholder {
  color: rgba(201, 180, 107, 0.55) !important;
  font-style: italic !important;
}
#ai-chat-input::selection {
  background: rgba(212, 175, 55, 0.4) !important;
  color: #fff8e1 !important;
}

/* ---------- 分页栏 · 天书页码（仅视觉） ---------- */
.MuiPaginationItem-root {
  color: #c9b46b !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  background: rgba(20, 27, 54, 0.8) !important;
  transition: all 0.3s ease !important;
}
.MuiPaginationItem-root:hover {
  background: rgba(212, 175, 55, 0.15) !important;
  border-color: #e8c96a !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #d4af37, #b8912e) !important;
  color: #14172e !important;
  font-weight: 700 !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  color: rgba(201, 180, 107, 0.3) !important;
  border-color: rgba(212, 175, 55, 0.12) !important;
}
.MuiPaginationItem-icon {
  color: #d4af37 !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #c9b46b !important;
}
.MuiInputBase-input {
  color: #f0e6c8 !important;
}

/* ---------- 评论区 · 书院问道 ---------- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(180deg, #10162e 0%, #151c3a 100%) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* 标题 · 「评论」题匾 */
div.text-lg.font-bold {
  color: #e8c96a !important;
  letter-spacing: 2px !important;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.35) !important;
}

/* 评分区 · 观星台 */
p.MuiTypography-body1.text-grey-600 {
  color: #c9b46b !important;
}
span.MuiRating-iconEmpty svg {
  color: rgba(201, 180, 107, 0.35) !important;
}
span.MuiRating-iconFilled svg {
  color: #e8c96a !important;
  filter: drop-shadow(0 0 4px rgba(232, 201, 106, 0.7)) !important;
}
span.text-orange-500 {
  color: #e8c96a !important;
  text-shadow: 0 0 8px rgba(232, 201, 106, 0.5) !important;
}

/* 评论输入框 · 落笔天书 */
div.flex.flex-col.border-gray-200 {
  background: rgba(20, 27, 54, 0.85) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  border-radius: 12px !important;
  transition: border-color 0.3s ease !important;
}
div.flex.flex-col.border-gray-200:focus-within {
  border-color: #e8c96a !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.25) !important;
}
textarea.rc-textarea {
  background: transparent !important;
  color: #f0e6c8 !important;
  caret-color: #e8c96a !important;
}
textarea.rc-textarea::placeholder {
  color: rgba(201, 180, 107, 0.5) !important;
}
div.bg-gray-100.text-gray-500 {
  background: rgba(212, 175, 55, 0.12) !important;
  color: #c9b46b !important;
  border-radius: 6px !important;
}

/* 发送按钮 · 一箭破空 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(135deg, #d4af37, #b8912e) !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.55) !important;
  transform: translateY(-1px) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #14172e !important;
}

/* 分割线 · 天维界线 */
div.style_divider__mW0YX {
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.5), transparent) !important;
  border: none !important;
  height: 1px !important;
}

/* 排序按钮 */
button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #d4af37, #b8912e) !important;
  color: #14172e !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}
button.MuiButton-outlinedPrimary {
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  color: #c9b46b !important;
  background: transparent !important;
  border-radius: 8px !important;
}
button.MuiButton-outlinedPrimary:hover {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: #e8c96a !important;
}

/* 评论项 · 夜话 */
div.group.ml-0 {
  border-radius: 10px !important;
  transition: background 0.3s ease !important;
}
div.group.ml-0:hover {
  background: rgba(212, 175, 55, 0.06) !important;
}
div.group img.rounded-full {
  border: 2px solid rgba(212, 175, 55, 0.5) !important;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.25) !important;
}
div.text-sm.text-grey-600 span.font-bold {
  color: #e8d9a8 !important;
}
span.text-\[10px\] {
  color: #14172e !important;
  background: #d4af37 !important;
  border-radius: 4px !important;
  padding: 0 4px !important;
}
div.break-all {
  color: #dcd3b8 !important;
  line-height: 1.7 !important;
}
div.text-xs.text-grey-600 {
  color: rgba(201, 180, 107, 0.6) !important;
}

/* 点赞 & 回复 */
button.text-gray-400 {
  color: rgba(201, 180, 107, 0.6) !important;
  transition: all 0.3s ease !important;
}
button.text-gray-400:hover {
  color: #e8c96a !important;
}
button.text-gray-400 svg {
  transition: transform 0.3s ease !important;
}
button.text-gray-400:hover svg {
  transform: scale(1.15) !important;
}
span.cursor-pointer {
  color: #c9b46b !important;
  transition: color 0.3s ease !important;
}
span.cursor-pointer:hover {
  color: #e8c96a !important;
}
div.ml-8.border-l {
  border-left: 2px solid rgba(212, 175, 55, 0.35) !important;
}

/* ========== 七鉴·墨韵青瓷主题 · 完整合并精简版 by UI设计 ========== */
guide{display:none !important;}
.jy-pair{display:block;}
.jy-time,.jy-self,.jy-npc,.jy-news,.jy-mem,.jy-choice,.jy-main{
  position:relative;margin:14px 0;padding:13px 15px;border-radius:4px;
  color:#2b2824;overflow:hidden;
  font-family:'Songti SC','STSong','PingFang SC','Microsoft YaHei',serif;
  line-height:1.75;letter-spacing:.2px;
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23p)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,rgba(150,130,90,.025) 0 1px,transparent 1px 3px);
  background-color:#f5f1e8;border:1px solid #cdc4ae;
  box-shadow:0 4px 16px rgba(60,50,30,.11),inset 0 0 0 1px rgba(255,255,255,.45),
    inset 0 0 0 3px rgba(201,164,74,.15),inset 0 0 30px rgba(160,140,100,.07);
  animation:jyIn .45s ease both;
}
@keyframes jyIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.jy-time::before,.jy-self::before,.jy-npc::before,.jy-news::before,
.jy-mem::before,.jy-choice::before{
  content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;
  border:1px solid rgba(184,150,90,.4);border-radius:2px;pointer-events:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.3);
  -webkit-mask:linear-gradient(#000 0 0) 0 0/13px 1px no-repeat,linear-gradient(#000 0 0) 0 0/1px 13px no-repeat,linear-gradient(#000 0 0) 100% 0/13px 1px no-repeat,linear-gradient(#000 0 0) 100% 0/1px 13px no-repeat,linear-gradient(#000 0 0) 0 100%/13px 1px no-repeat,linear-gradient(#000 0 0) 0 100%/1px 13px no-repeat,linear-gradient(#000 0 0) 100% 100%/13px 1px no-repeat,linear-gradient(#000 0 0) 100% 100%/1px 13px no-repeat;
}
/* 标签精简：更小药丸、更窄间距 */
.jy-tag{display:inline-block;min-width:0;margin-right:5px;padding:.5px 6px;
  border-radius:3px;background:linear-gradient(160deg,#4a7d70,#2f5a4f);
  color:#fdfaf2;font-size:11px;font-weight:600;letter-spacing:.5px;
  box-shadow:0 1px 2px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2);}

/* 折叠面板 */
details{margin:12px 0;border-radius:4px;overflow:hidden;}
summary{cursor:pointer;list-style:none;position:relative;
  padding:9px 14px 9px 34px;font-size:14px;font-weight:700;letter-spacing:1.5px;
  color:#5a4420;font-family:'Songti SC','STSong',serif;
  background:linear-gradient(100deg,#efe6cf,#f7f0dd 50%,#efe6cf);
  border:1px solid #d8c79c;border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 5px rgba(120,90,40,.1);transition:.3s;}
summary::-webkit-details-marker{display:none;}
summary::before{content:"❖";position:absolute;left:13px;top:50%;
  transform:translateY(-50%);color:#b8862f;font-size:12px;transition:transform .4s;}
details[open] summary::before{transform:translateY(-50%) rotate(180deg);color:#3d6e63;}
summary::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:linear-gradient(90deg,transparent,#c9a44a,transparent);transition:.5s;}
summary:hover{color:#8a5a1f;letter-spacing:2.5px;}
summary:hover::after{width:100%;}

/* ===== 天时鉴 ===== */
.jy-time{background-color:#eaf2ee;border-color:#b3cec3;}
.jy-time-quote{text-align:center;font-size:15px;font-weight:600;color:#1f5c4d;
  padding:2px 22px 10px;margin-bottom:10px;font-style:italic;position:relative;
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent,#9fc2b6,transparent) 1;}
.jy-time-quote::before{content:"“";position:absolute;left:2px;top:0;color:#8fb7a9;font-size:20px;opacity:.6;}
.jy-time-quote::after{content:"”";position:absolute;right:2px;top:0;color:#8fb7a9;font-size:20px;opacity:.6;}
.jy-time-grid{display:grid;grid-template-columns:1fr;gap:5px;font-size:13px;}
.jy-atmo{margin:10px 0 0;padding:8px 12px;font-size:12.5px;font-style:italic;
  color:#3f4a44;border-radius:2px;line-height:1.8;
  background:linear-gradient(90deg,rgba(61,110,99,.1),rgba(255,255,255,.5));border-left:3px solid #3d6e63;}
.jy-map{margin-top:10px;padding:10px;border-radius:4px;position:relative;
  background:radial-gradient(circle at center,#fdfdfb,#f0f4f1);
  border:1px solid #c2d8cf;box-shadow:inset 0 0 14px rgba(120,160,140,.12);}
.jy-map::before{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  border:1px dashed rgba(61,110,99,.3);animation:jySpin 30s linear infinite;}
@keyframes jySpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.jy-map-title{text-align:center;font-size:11.5px;color:#1f5c4d;font-weight:700;margin-bottom:9px;letter-spacing:1.5px;}
.jy-map-title::before{content:"❉ ";color:#7fa898;}
.jy-map-grid{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;font-size:12px;row-gap:9px;align-items:center;}
.jy-map-nw{grid-column:1;grid-row:1;}.jy-map-n{grid-column:2;grid-row:1;}.jy-map-ne{grid-column:3;grid-row:1;}
.jy-map-w{grid-column:1;grid-row:2;}
.jy-map-c{grid-column:2;grid-row:2;font-weight:700;color:#c0392b;font-size:13px;
  text-shadow:0 0 8px rgba(192,57,43,.3);animation:jyPulse 2s ease-in-out infinite;}
@keyframes jyPulse{0%,100%{opacity:1}50%{opacity:.65}}
.jy-map-e{grid-column:3;grid-row:2;}
.jy-map-sw{grid-column:1;grid-row:3;}.jy-map-s{grid-column:2;grid-row:3;}.jy-map-se{grid-column:3;grid-row:3;}
.jy-map-grid span:not(.jy-map-c){color:#4a6b60;transition:.25s;font-size:11px;}
.jy-map-grid span:not(.jy-map-c):hover{color:#1f5c4d;text-shadow:0 0 6px rgba(61,110,99,.4);}
.jy-map-legend{margin-top:9px;text-align:center;font-size:10px;color:#7a8c84;
  letter-spacing:1px;padding-top:7px;border-top:1px dashed rgba(61,110,99,.2);}

/* ===== 正文 ===== */
.jy-main{background-color:#fcfaf4;border-color:#e0d8c6;font-size:15px;line-height:1.95;}
.jy-chapter{display:inline-block;margin-bottom:10px;padding:2px 12px;border-radius:10px;
  font-size:11.5px;font-weight:700;letter-spacing:1px;color:#7a6a4a;
  background:linear-gradient(160deg,rgba(201,164,74,.16),rgba(255,255,255,.5));
  border:1px solid rgba(201,164,74,.3);}
.jy-chapter::before{content:"§ ";color:#b8862f;}
.jy-main p{margin:.55em 0;text-indent:2em;}

/* ===== 己身鉴 ===== */
.jy-self{background-color:#fbf3e2;border-color:#e3d2a8;}
.jy-self::after{content:"";position:absolute;right:-28px;top:-28px;width:100px;height:100px;
  background:radial-gradient(circle,rgba(184,134,47,.14),transparent 70%);pointer-events:none;}
.jy-self-name{font-size:16px;font-weight:700;color:#8a5a1f;margin-bottom:8px;
  padding-bottom:5px;display:inline-block;
  border-bottom:2px solid;border-image:linear-gradient(90deg,#c9a44a,transparent) 1;}
.jy-self-name::before{content:"⟡ ";color:#b8862f;}
.jy-self-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;font-size:13px;}
.jy-self-grid .jy-tag{background:linear-gradient(160deg,#cda048,#a8761f);}
.jy-self-status{margin-top:10px;padding:6px 11px;border-radius:3px;font-size:12.5px;color:#6a4f24;
  background:linear-gradient(90deg,rgba(184,134,47,.1),rgba(255,255,255,.6));border-left:3px solid #b8862f;}
.jy-self-items,.jy-self-skills{margin-top:6px;font-size:12.5px;color:#6a522c;
  padding:5px 9px;background:rgba(255,255,255,.45);border-radius:3px;}

/* ===== 众生鉴 ===== */
.jy-npc{background-color:#edf0fa;border-color:#bfc9ec;margin-bottom:10px;}
.jy-npc-name{font-size:15px;font-weight:700;color:#3a4a9c;margin-bottom:7px;
  padding-bottom:4px;display:inline-block;
  border-bottom:2px solid;border-image:linear-gradient(90deg,#6376c4,transparent) 1;}
.jy-npc-name::before{content:"☵ ";color:#5266b8;}
.jy-npc-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;font-size:13px;}
.jy-npc-grid .jy-tag{background:linear-gradient(160deg,#6376c4,#3e4f9e);}
.jy-npc-trait{margin-top:8px;padding:8px 11px;border-radius:3px;font-size:12px;color:#3f3c52;line-height:1.8;
  background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(232,236,250,.5));border:1px solid rgba(82,102,184,.2);}
.jy-npc-trait b{color:#3a4a9c;font-weight:700;margin-right:3px;}
.jy-npc-status{margin-top:6px;font-size:12px;color:#5a5678;padding:4px 9px;
  background:rgba(99,118,196,.1);border-radius:3px;letter-spacing:.5px;}
.jy-npc-rel{margin-top:6px;font-size:12.5px;color:#4a4660;padding:5px 9px;background:rgba(255,255,255,.4);border-radius:3px;}
.jy-npc-think{margin-top:5px;font-size:12.5px;font-style:italic;color:#6a6680;padding:6px 12px;
  background:linear-gradient(90deg,rgba(106,102,128,.08),transparent);border-left:2px dotted #9b96b4;border-radius:0 4px 4px 0;}
.jy-npc-think::before{content:"心 ";font-style:normal;color:#8a86a8;font-size:11px;}
.jy-npc-combat{margin-top:6px;padding:6px 11px;border-radius:3px;font-size:12px;color:#9c3a3a;
  background:linear-gradient(90deg,rgba(200,80,80,.12),rgba(255,255,255,.4));border-left:3px solid #c05050;}
.jy-npc-combat::before{content:"⚔ ";}
.jy-npc-empty{text-align:center;font-size:12.5px;color:#8a8276;padding:16px 0;font-style:italic;letter-spacing:1px;}
.jy-npc-bg{margin-top:8px;font-size:12px;color:#4a4f8a;padding:6px 10px;
  background:rgba(106,102,128,.07);border-radius:3px;border-left:2px dashed #9b96b4;}
.jy-npc-bg::before{content:"⋯ ";color:#9b96b4;}

/* ===== 人间鉴 ===== */
.jy-news{background-color:#fbedec;border-color:#e6bfbf;}
.jy-news-sub{font-size:12px;font-weight:700;color:#a04545;margin:11px 0 4px;letter-spacing:1px;padding-left:15px;position:relative;}
.jy-news-sub::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;
  background:radial-gradient(circle,#c05050,#8a3030);box-shadow:0 0 5px rgba(192,80,80,.5);}
.jy-news-sub:first-child{margin-top:0;}
.jy-news ul{margin:0 0 5px;padding-left:20px;font-size:12.5px;line-height:1.8;}
.jy-news li{margin:2px 0;}.jy-news li::marker{color:#c08a8a;}
.jy-news p{margin:0 0 5px;font-size:12.5px;}
.jy-rel-dormant,.jy-rel-fame{font-size:11px;color:#9c8888;margin:7px 0 0;padding:5px 9px;background:rgba(255,255,255,.4);border-radius:3px;}
.jy-rel-fame{color:#a06060;}

/* ===== 青史鉴 ===== */
.jy-mem{background-color:#edeff5;border-color:#c2cadd;}
.jy-mem-sub{font-size:12px;font-weight:700;color:#4a5380;margin:11px 0 4px;letter-spacing:1px;padding-left:17px;position:relative;}
.jy-mem-sub::before{content:"卷";position:absolute;left:0;top:0;font-size:10px;color:#fff;
  background:linear-gradient(160deg,#5b6595,#3a4270);width:14px;height:14px;line-height:14px;text-align:center;border-radius:2px;}
.jy-mem-sub:first-of-type{margin-top:0;}

/* ===== 表格升级（人间·青史共用） ===== */
.jy-rel-table,.jy-mem-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11.5px;margin:5px 0;
  border-radius:6px;overflow:hidden;box-shadow:0 2px 9px rgba(80,60,30,.12),0 0 0 1px rgba(180,150,90,.18);}
.jy-rel-table th,.jy-rel-table td,.jy-mem-table th,.jy-mem-table td{padding:6px 8px;text-align:left;vertical-align:top;
  border-bottom:1px solid rgba(160,140,100,.22);border-right:1px solid rgba(160,140,100,.12);}
.jy-rel-table td:last-child,.jy-mem-table td:last-child,.jy-rel-table th:last-child,.jy-mem-table th:last-child{border-right:none;}
.jy-rel-table tr:last-child td,.jy-mem-table tr:last-child td{border-bottom:none;}
.jy-rel-table th{background:linear-gradient(165deg,#eecccc,#e0acac);color:#7a2e2e;font-weight:700;box-shadow:inset 0 2px 0 rgba(192,80,80,.5);}
.jy-mem-table th{background:linear-gradient(165deg,#dde1ee,#c8cfe6);color:#34406e;font-weight:700;box-shadow:inset 0 2px 0 rgba(82,102,184,.45);}
.jy-rel-table tr:nth-child(even) td{background:rgba(255,252,250,.55);}
.jy-rel-table tr:nth-child(odd) td{background:rgba(248,228,228,.32);}
.jy-mem-table tr:nth-child(even) td{background:rgba(252,253,255,.55);}
.jy-mem-table tr:nth-child(odd) td{background:rgba(228,232,246,.32);}
.jy-rel-table tr:hover td{background:rgba(240,200,200,.5);transition:.2s;}
.jy-mem-table tr:hover td{background:rgba(210,216,240,.55);transition:.2s;}
.jy-rel-table tr:hover td:first-child{box-shadow:inset 3px 0 0 #c05050;}
.jy-mem-table tr:hover td:first-child{box-shadow:inset 3px 0 0 #5266b8;}

/* ===== 抉择鉴 ===== */
.jy-choice{background-color:#fdf6e6;border-color:#e6d199;}
.jy-choice-q{text-align:center;font-size:13.5px;font-style:italic;color:#7a5e1f;margin:0 0 12px;padding:0 18px;font-weight:600;}
.jy-choice-q::before,.jy-choice-q::after{content:"※";color:#c9a44a;margin:0 7px;font-style:normal;}
.jy-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.jy-choice-grid span{display:block;padding:9px 13px;border-radius:3px;font-size:13px;color:#5a4a1f;cursor:pointer;
  position:relative;overflow:hidden;background:linear-gradient(100deg,#fffdf6,#f8f0db);border:1px solid #e6d199;transition:.3s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
.jy-choice-grid span::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#c9a44a,#a8761f);transition:.3s;}
.jy-choice-grid span::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at left center,rgba(201,164,74,.18),transparent 60%);opacity:0;transition:.4s;}
.jy-choice-grid span:hover{transform:translateX(4px);color:#8a5a1f;border-color:#c9a44a;box-shadow:0 3px 9px rgba(168,118,31,.2);}
.jy-choice-grid span:hover::before{width:5px;}
.jy-choice-grid span:hover::after{opacity:1;}

/* ===== 气海·灵力点阵条（精简加宽刻度） ===== */
.jy-qihai{display:inline-flex;align-items:center;position:relative;vertical-align:middle;font-size:12.5px;color:#6a4f24;}
.jy-qihai::before{content:"";display:inline-block;width:119px;height:8px;border-radius:4px;margin-right:5px;
  background:repeating-linear-gradient(90deg,#d8c79c 0 5px,transparent 5px 7px),#efe6cf;box-shadow:inset 0 0 3px rgba(120,90,40,.3);}
.jy-qihai::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:8px;border-radius:4px;pointer-events:none;
  background:repeating-linear-gradient(90deg,#f4d97a 0 5px,transparent 5px 7px);box-shadow:0 0 6px rgba(244,217,122,.6);animation:jyQiGlow 2.4s ease-in-out infinite;width:0;}
@keyframes jyQiGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
.jy-qihai[data-fill="0"]::after{width:0}.jy-qihai[data-fill="1"]::after{width:7px}.jy-qihai[data-fill="2"]::after{width:14px}
.jy-qihai[data-fill="3"]::after{width:21px}.jy-qihai[data-fill="4"]::after{width:28px}.jy-qihai[data-fill="5"]::after{width:35px}
.jy-qihai[data-fill="6"]::after{width:42px}.jy-qihai[data-fill="7"]::after{width:49px}.jy-qihai[data-fill="8"]::after{width:56px}
.jy-qihai[data-fill="9"]::after{width:63px}.jy-qihai[data-fill="10"]::after{width:70px}.jy-qihai[data-fill="11"]::after{width:77px}
.jy-qihai[data-fill="12"]::after{width:84px}.jy-qihai[data-fill="13"]::after{width:91px}.jy-qihai[data-fill="14"]::after{width:98px}
.jy-qihai[data-fill="15"]::after{width:105px}.jy-qihai[data-fill="16"]::after{width:112px}.jy-qihai[data-fill="17"]::after{width:119px}

/* ===== 境界·流光徽章 ===== */
.jy-realm{display:inline-block;padding:1px 11px;border-radius:11px;font-weight:700;font-size:12px;letter-spacing:.5px;position:relative;background:rgba(255,255,255,.5);}
.jy-realm::before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  background:linear-gradient(120deg,transparent,var(--rc,#999),transparent);background-size:220% 100%;animation:jyFlow 3.5s linear infinite;}
@keyframes jyFlow{to{background-position:-220% 0}}

/* —— 主修仙境界（原有四阶） —— */
.jy-realm[data-tier="初识"]{--rc:#8a9c92;color:#4a5b52;}
.jy-realm[data-tier="不惑"]{--rc:#5b9c7a;color:#2f6b4f;}
.jy-realm[data-tier="洞玄"]{--rc:#5266b8;color:#3a4a9c;text-shadow:0 0 5px rgba(82,102,184,.3);}
.jy-realm[data-tier="知命"]{--rc:#c9a44a;color:#8a5a1f;text-shadow:0 0 6px rgba(201,164,74,.45);animation:jyFlow 2.5s linear infinite;}
.jy-realm[data-tier="知命"]::before{background:linear-gradient(120deg,transparent,#f4d97a 40%,#fff8e0 50%,#f4d97a 60%,transparent);background-size:220% 100%;}

/* —— 西陵教典 · 天启（教派至高，赤金圣辉） —— */
.jy-realm[data-tier="天启"]{--rc:#d4762e;color:#a8451a;text-shadow:0 0 7px rgba(212,118,46,.5);animation:jyFlow 2.2s linear infinite;}
.jy-realm[data-tier="天启"]::before{background:linear-gradient(120deg,transparent,#f0a040 38%,#fff0d8 50%,#e8851f 62%,transparent);background-size:220% 100%;}

/* —— 道门 · 无距 / 清静（青玄道韵） —— */
.jy-realm[data-tier="无距"]{--rc:#3d9e9c;color:#236b69;text-shadow:0 0 5px rgba(61,158,156,.35);}
.jy-realm[data-tier="清静"]{--rc:#7fc4b8;color:#2f6b62;text-shadow:0 0 6px rgba(127,196,184,.4);animation:jyFlow 3s linear infinite;}
.jy-realm[data-tier="清静"]::before{background:linear-gradient(120deg,transparent,#a8e0d4 40%,#f0fffb 50%,#7fc4b8 60%,transparent);background-size:220% 100%;}

/* —— 佛家 · 无量 / 寂灭（檀金禅光） —— */
.jy-realm[data-tier="无量"]{--rc:#c79a4a;color:#8a6420;text-shadow:0 0 5px rgba(199,154,74,.35);}
.jy-realm[data-tier="寂灭"]{--rc:#b8862f;color:#7a4f15;text-shadow:0 0 7px rgba(184,134,47,.5);animation:jyFlow 2.4s linear infinite;}
.jy-realm[data-tier="寂灭"]::before{background:linear-gradient(120deg,transparent,#e8c060 38%,#fff6dc 50%,#c79a4a 62%,transparent);background-size:220% 100%;}

/* —— 魔宗 · 天魔（玄紫魔焰） —— */
.jy-realm[data-tier="天魔"]{--rc:#8e4fb8;color:#5e2f8a;text-shadow:0 0 8px rgba(142,79,184,.55);animation:jyFlow 2s linear infinite;}
.jy-realm[data-tier="天魔"]::before{background:linear-gradient(120deg,transparent,#b070dc 38%,#f0d8ff 50%,#7a3fa8 62%,transparent);background-size:220% 100%;}

/* —— 修武道 · 五阶（青铜 → 玄铁 → 赤金）—— */
.jy-realm[data-tier="筑基"]{--rc:#9c8a72;color:#5e503c;}
.jy-realm[data-tier="凝劲"]{--rc:#a87f4a;color:#6e4f24;}
.jy-realm[data-tier="破势"]{--rc:#b85f3a;color:#7a3a20;text-shadow:0 0 5px rgba(184,95,58,.3);}
.jy-realm[data-tier="通神"]{--rc:#5b78c4;color:#34468a;text-shadow:0 0 6px rgba(91,120,196,.4);}
.jy-realm[data-tier="武道宗师"]{--rc:#c9a44a;color:#8a5a1f;text-shadow:0 0 8px rgba(201,164,74,.5);animation:jyFlow 2.3s linear infinite;}
.jy-realm[data-tier="武道宗师"]::before{background:linear-gradient(120deg,transparent,#f4d97a 40%,#fffae6 50%,#d4af4a 60%,transparent);background-size:220% 100%;}

/* ===== 阶段/上下境小点 ===== */
.jy-dots{display:inline-flex;align-items:center;gap:6px;margin-left:6px;vertical-align:middle;}
.jy-dots::before{content:"";width:30px;height:7px;
  --d:radial-gradient(circle,#c9a44a 60%,transparent 62%);--o:radial-gradient(circle,rgba(180,150,90,.25) 60%,transparent 62%);background-repeat:no-repeat;}
.jy-dots[data-stage="初"]::before{background:var(--d) 0/7px,var(--o) 11px/7px,var(--o) 22px/7px;background-repeat:no-repeat;}
.jy-dots[data-stage="中"]::before{background:var(--d) 0/7px,var(--d) 11px/7px,var(--o) 22px/7px;background-repeat:no-repeat;}
.jy-dots[data-stage="巅"]::before{background:var(--d) 0/7px,var(--d) 11px/7px,var(--d) 22px/7px;background-repeat:no-repeat;filter:drop-shadow(0 0 3px rgba(201,164,74,.6));}
.jy-dots::after{font-size:9.5px;font-weight:700;padding:0 5px;border-radius:8px;line-height:14px;}
.jy-dots[data-sub="上"]::after{content:"上境";color:#fff;background:linear-gradient(160deg,#c9a44a,#a8761f);box-shadow:0 0 5px rgba(201,164,74,.5);}
.jy-dots[data-sub="中"]::after{content:"中境";color:#6a4f24;background:rgba(201,164,74,.28);}
.jy-dots[data-sub="下"]::after{content:"下境";color:#7a6a4a;background:rgba(160,140,100,.2);}
.jy-dots[data-sub="无"]::after{display:none;}

/* ===== 修为·积累进度条（50格，境阶积累感，碧绿仙气） ===== */
.jy-xiuwei{display:inline-flex;align-items:center;position:relative;vertical-align:middle;font-size:12.5px;color:#2f6b62;}
.jy-xiuwei::before{content:"";display:inline-block;width:150px;height:8px;border-radius:4px;margin-right:5px;
  background:repeating-linear-gradient(90deg,#b3cec3 0 2px,transparent 2px 3px),#e8f3f0;box-shadow:inset 0 0 3px rgba(47,107,98,.25);}
.jy-xiuwei::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:8px;border-radius:4px;pointer-events:none;
  background:repeating-linear-gradient(90deg,#5ec4b0 0 2px,transparent 2px 3px);box-shadow:0 0 6px rgba(94,196,176,.55);animation:jyXiuGlow 3s ease-in-out infinite;width:0;}
@keyframes jyXiuGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.4)}}
.jy-xiuwei[data-fill="0"]::after{width:0}.jy-xiuwei[data-fill="1"]::after{width:3px}.jy-xiuwei[data-fill="2"]::after{width:6px}
.jy-xiuwei[data-fill="3"]::after{width:9px}.jy-xiuwei[data-fill="4"]::after{width:12px}.jy-xiuwei[data-fill="5"]::after{width:15px}
.jy-xiuwei[data-fill="6"]::after{width:18px}.jy-xiuwei[data-fill="7"]::after{width:21px}.jy-xiuwei[data-fill="8"]::after{width:24px}
.jy-xiuwei[data-fill="9"]::after{width:27px}.jy-xiuwei[data-fill="10"]::after{width:30px}.jy-xiuwei[data-fill="11"]::after{width:33px}
.jy-xiuwei[data-fill="12"]::after{width:36px}.jy-xiuwei[data-fill="13"]::after{width:39px}.jy-xiuwei[data-fill="14"]::after{width:42px}
.jy-xiuwei[data-fill="15"]::after{width:45px}.jy-xiuwei[data-fill="16"]::after{width:48px}.jy-xiuwei[data-fill="17"]::after{width:51px}
.jy-xiuwei[data-fill="18"]::after{width:54px}.jy-xiuwei[data-fill="19"]::after{width:57px}.jy-xiuwei[data-fill="20"]::after{width:60px}
.jy-xiuwei[data-fill="21"]::after{width:63px}.jy-xiuwei[data-fill="22"]::after{width:66px}.jy-xiuwei[data-fill="23"]::after{width:69px}
.jy-xiuwei[data-fill="24"]::after{width:72px}.jy-xiuwei[data-fill="25"]::after{width:75px}.jy-xiuwei[data-fill="26"]::after{width:78px}
.jy-xiuwei[data-fill="27"]::after{width:81px}.jy-xiuwei[data-fill="28"]::after{width:84px}.jy-xiuwei[data-fill="29"]::after{width:87px}
.jy-xiuwei[data-fill="30"]::after{width:90px}.jy-xiuwei[data-fill="31"]::after{width:93px}.jy-xiuwei[data-fill="32"]::after{width:96px}
.jy-xiuwei[data-fill="33"]::after{width:99px}.jy-xiuwei[data-fill="34"]::after{width:102px}.jy-xiuwei[data-fill="35"]::after{width:105px}
.jy-xiuwei[data-fill="36"]::after{width:108px}.jy-xiuwei[data-fill="37"]::after{width:111px}.jy-xiuwei[data-fill="38"]::after{width:114px}
.jy-xiuwei[data-fill="39"]::after{width:117px}.jy-xiuwei[data-fill="40"]::after{width:120px}.jy-xiuwei[data-fill="41"]::after{width:123px}
.jy-xiuwei[data-fill="42"]::after{width:126px}.jy-xiuwei[data-fill="43"]::after{width:129px}.jy-xiuwei[data-fill="44"]::after{width:132px}
.jy-xiuwei[data-fill="45"]::after{width:135px}.jy-xiuwei[data-fill="46"]::after{width:138px}.jy-xiuwei[data-fill="47"]::after{width:141px}
.jy-xiuwei[data-fill="48"]::after{width:144px}.jy-xiuwei[data-fill="49"]::after{width:147px}.jy-xiuwei[data-fill="50"]::after{width:150px}

/* ===== 本命物 · 契合度徽章（粗浅契合→渐入佳境→心意相通→完全共鸣，四档由冷转暖） ===== */
.jy-bmw{display:inline-block;padding:1px 11px;border-radius:11px;font-weight:700;font-size:12px;letter-spacing:.5px;position:relative;background:rgba(255,255,255,.5);}
.jy-bmw::before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  background:linear-gradient(120deg,transparent,var(--bc,#999),transparent);background-size:220% 100%;animation:jyFlow 3.5s linear infinite;}
.jy-bmw[data-bond="粗浅契合"]{--bc:#8a9c92;color:#4a5b52;}
.jy-bmw[data-bond="渐入佳境"]{--bc:#5b9c7a;color:#2f6b4f;}
.jy-bmw[data-bond="心意相通"]{--bc:#5266b8;color:#3a4a9c;text-shadow:0 0 5px rgba(82,102,184,.3);}
.jy-bmw[data-bond="完全共鸣"]{--bc:#c9a44a;color:#8a5a1f;text-shadow:0 0 6px rgba(201,164,74,.45);animation:jyFlow 2.5s linear infinite;}
.jy-bmw[data-bond="完全共鸣"]::before{background:linear-gradient(120deg,transparent,#f4d97a 40%,#fff8e0 50%,#f4d97a 60%,transparent);background-size:220% 100%;}

/* ===== 响应式 ===== */
@media (max-width:480px){
  .jy-self-grid,.jy-npc-grid,.jy-choice-grid{grid-template-columns:1fr;}
  .jy-time,.jy-self,.jy-npc,.jy-news,.jy-mem,.jy-choice,.jy-main{padding:11px 12px;}
  summary{letter-spacing:1px;}
}