/* =========================================
   《跨次元心跳》恋综专属 UI 特攻
   风格：夏日渐变 / 玻璃拟态 / 霓虹心跳
========================================= */

/* 1. 隐藏平台默认的无聊顶部彩条 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { 
  display: none !important; 
}

/* 2. AI 消息气泡（NPC与节目组的直播弹幕） - 玻璃拟态与粉蓝霓虹边框 */
.bg-gray-100\/90.relative.inline-block {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
  border-radius: 16px !important;
  box-shadow: 
    0 4px 15px rgba(143, 211, 244, 0.2), 
    inset 0 0 0 2px rgba(255, 126, 179, 0.3) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  overflow: visible !important;
  margin-top: 10px !important;
}

/* AI 气泡悬浮时的夸张发光特效（综艺高光时刻） */
.bg-gray-100\/90.relative.inline-block:hover {
  box-shadow: 
    0 8px 25px rgba(255, 126, 179, 0.4), 
    0 0 15px rgba(143, 211, 244, 0.5),
    inset 0 0 0 2px rgba(255, 126, 179, 0.6) !important;
  transform: translateY(-2px) !important;
}

/* 为 AI 气泡顶部添加“心跳恋综”专属渐变装饰条 */
.bg-gray-100\/90.relative.inline-block::before {
  content: '' !important;
  position: absolute !important;
  top: -2px !important;
  left: 10% !important;
  width: 80% !important;
  height: 4px !important;
  background: linear-gradient(90deg, #ff7eb3, #8fd3f4, #ff7eb3) !important;
  background-size: 200% auto !important;
  border-radius: 4px 4px 0 0 !important;
  z-index: 10 !important;
}

/* AI 气泡内的文字排版（高对比度深色） */
.bg-gray-100\/90.relative.inline-block .markdown-body {
  color: #2C2C2C !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif !important;
  line-height: 1.6 !important;
}

/* 3. 用户消息气泡（你作为主角的行动） - 强烈的夏日主角光环 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
  background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%) !important;
  border: none !important;
  box-shadow: 0 5px 15px rgba(255, 117, 140, 0.4) !important;
  border-radius: 16px 16px 4px 16px !important;
}

/* 用户气泡内的文字（纯白高亮） */
.chat-answer-container .bg-gray-100\/90.relative.inline-block .markdown-body {
  color: #FFFFFF !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* 4. 底部输入框（输入你的骚操作或沙雕选项） */
#ai-chat-input {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid rgba(143, 211, 244, 0.5) !important;
  border-radius: 20px !important;
  color: #333 !important;
  transition: all 0.3s ease !important;
}

/* 输入框聚焦时的霓虹呼吸感 */
#ai-chat-input:focus {
  background: #ffffff !important;
  border-color: #ff7eb3 !important;
  box-shadow: 0 0 15px rgba(255, 126, 179, 0.3) !important;
}

/* 5. 代码块美化（针对超维综合状态面板） */
.markdown-body pre {
  background: rgba(245, 247, 250, 0.8) !important;
  border-left: 4px solid #8fd3f4 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.02) !important;
}

.markdown-body pre code {
  color: #4a5568 !important;
  font-family: "Fira Code", Consolas, monospace !important;
}
/* =========================================
   《跨次元心跳》V2.0 容错增强版 CSS 引擎
   风格：夏日玻璃拟态 / 综艺感排版
========================================= */

/* 隐藏部分平台默认的无聊顶部彩条 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; }

/* 基础折叠面板容器 */
.lz-panel {
  margin-bottom: 14px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.lz-panel:hover {
  box-shadow: 0 8px 25px rgba(143, 211, 244, 0.25) !important;
  transform: translateY(-2px) !important;
}

/* 标题栏 (Summary) 通用样式 */
.lz-summary {
  padding: 12px 18px !important;
  font-weight: 700 !important;
  font-size: 1.05em !important;
  color: #ffffff !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  display: flex !important;
  align-items: center !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  transition: filter 0.3s !important;
}

.lz-summary:hover { filter: brightness(1.1) !important; }
.lz-summary::-webkit-details-marker { display: none !important; }

/* 动态展开/收起图标 */
.lz-summary::after {
  content: '➕' !important;
  margin-left: auto !important;
  font-size: 0.85em !important;
  transition: transform 0.3s ease !important;
}
.lz-panel[open] .lz-summary::after {
  content: '➖' !important;
  transform: rotate(180deg) !important;
}

/* 综艺感渐变色带 */
.lz-summary.bg-blue { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; }
.lz-summary.bg-pink { background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%) !important; }
.lz-summary.bg-purple { background: linear-gradient(135deg, #c471f5 0%, #fa71cd 100%) !important; }
.lz-summary.bg-orange { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%) !important; }
.lz-summary.bg-red { background: linear-gradient(135deg, #ff0844 0%, #ffb199 100%) !important; }
.lz-summary.bg-yellow { background: linear-gradient(135deg, #fccb90 0%, #d57eeb 100%) !important; }
.lz-summary.bg-dark { background: linear-gradient(135deg, #434343 0%, #1a1a1a 100%) !important; }

/* 内容展开区基础设定 */
.lz-content {
  padding: 16px !important;
  font-size: 0.95em !important;
  color: #2c3e50 !important;
  line-height: 1.6 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.6) !important;
}

/* 修复常规列表样式（去点化，加虚线） */
.lz-content ul {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
.lz-content > ul > li {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1) !important;
}
.lz-content > ul > li:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

/* 剧情正文排版优化 */
.lz-content.text-body p {
  font-size: 1em !important;
  line-height: 1.8 !important;
  text-align: justify !important;
  margin-bottom: 12px !important;
}

/* 弹幕 UI */
.lz-danmu {
  background: rgba(240, 242, 245, 0.9) !important;
  border-left: 4px solid #ff7eb3 !important;
  padding: 10px 14px !important;
  margin: 12px 0 !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 0.9em !important;
  color: #4a4a4a !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
}
.lz-danmu.highlight {
  background: linear-gradient(90deg, rgba(255, 235, 59, 0.2) 0%, rgba(255,255,255,0) 100%) !important;
  border-left-color: #ff9800 !important;
  color: #d84315 !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 10px rgba(255, 152, 0, 0.15) !important;
}

/* =========================================
   CSS 魔法：将 Markdown 列表渲染为选项面板
========================================= */
.lz-content.lz-options ul > li {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  padding: 12px 16px !important;
  margin-bottom: 10px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border-bottom: 1px solid #e2e8f0 !important; /* 覆盖基础虚线 */
}
.lz-content.lz-options ul > li:hover {
  border-color: #c471f5 !important;
  background: rgba(196, 113, 245, 0.05) !important;
  transform: translateX(6px) !important;
  box-shadow: -2px 4px 10px rgba(196, 113, 245, 0.1) !important;
}

/* =========================================
   CSS 魔法：将 Markdown 列表渲染为双列网格档案
========================================= */
.lz-content.lz-grid ul {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
}
.lz-content.lz-grid ul > li {
  background: rgba(0, 0, 0, 0.03) !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border-bottom: none !important; /* 覆盖基础虚线 */
  margin-bottom: 0 !important;
  font-size: 0.9em !important;
}
/* 自动识别最后两项（心理和Buff），让它们横跨两列 */
.lz-content.lz-grid ul > li:nth-last-child(1),
.lz-content.lz-grid ul > li:nth-last-child(2) {
  grid-column: 1 / -1 !important;
  background: rgba(255, 126, 179, 0.08) !important;
  border-left: 3px solid #ff7eb3 !important;
}

/* 响应式适配：手机端自动变单列 */
@media (max-width: 600px) {
  .lz-content.lz-grid ul {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================
   恋综导播室记忆区专属样式 (类名: lz)
   ========================================= */
details.lz {
    margin: 15px 0;
    border: 2px solid #ff7eb3;
    border-radius: 12px;
    background: #fff0f5;
    box-shadow: 0 4px 15px rgba(255, 126, 179, 0.2);
    overflow: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 标题栏样式 */
details.lz summary {
    padding: 12px 15px;
    background: linear-gradient(135deg, #ff7eb3 0%, #ff758c 100%);
    color: #ffffff;
    font-weight: bold;
    font-size: 0.95em;
    cursor: pointer;
    list-style: none; /* 隐藏默认三角 */
    display: flex;
    align-items: center;
    user-select: none;
    transition: background 0.3s ease;
}

details.lz summary:hover {
    background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%);
}

/* 自定义箭头动画 */
details.lz summary::-webkit-details-marker {
    display: none;
}
details.lz summary::before {
    content: "🔴";
    margin-right: 8px;
    font-size: 1.1em;
    transition: transform 0.3s ease;
    animation: blink 2s infinite; /* 录像红灯闪烁效果 */
}
details.lz[open] summary::before {
    transform: rotate(90deg);
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

/* 内容区容器 */
.lz-c {
    padding: 15px;
    background: #ffffff;
    font-size: 0.88em;
    line-height: 1.6;
    color: #333333;
}

/* 层级标题样式 */
.lz-c span.title, 
.lz-c strong,
.lz-c b {
    color: #ff477e;
}
.lz-c::first-line {
    font-weight: bold;
}

/* 伪表格式排版：利用换行和边框让文本块像表格一样清晰 */
.lz-c p {
    margin: 8px 0;
    padding: 10px;
    border-left: 4px solid #ff7eb3;
    background: #fdf6f9;
    border-radius: 0 6px 6px 0;
    white-space: pre-wrap; /* 保持换行 */
    word-break: break-word;
}

/* 区分长短期区域的视觉提示 */
.lz-c p:nth-of-type(n+7) { /* 假设长期区在下面，稍微改变背景色 */
    border-left-color: #7b2cbf;
    background: #f8f7ff;
}