/* ═══ B平台加载动画适配（自动注入）═══ */
.flex.items-center.justify-center.size-6 { opacity: 1 !important; }
.flex.items-center.justify-center.size-6 > .flex.gap-2 { display: none !important; }
.is-assistant.w-fit { width: 100% !important; }
.is-assistant > .border.border-muted:has(.flex.items-center.justify-center.size-6) {
  width: 100% !important; background: transparent !important;
  border: none !important; padding: 0 !important;
}
.is-assistant .space-y-3:has(.flex.items-center.justify-center.size-6) {
  display: flex; justify-content: center; width: 100%;
}

/* ═══ B平台表格修正（自动注入）═══ */
.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; }
.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; }
.rili-markdown-renderer thead { display:table-header-group!important; }
.rili-markdown-renderer tbody { display:table-row-group!important; }
.rili-markdown-renderer tr { display:table-row!important; }
.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; }

/* ═══ B平台按钮组保护（自动注入 — 防止按钮消失）═══
   原理：B平台消息操作按钮结构为：
   .flex.items-center.gap-1.ml-auto (hover显隐包装)
     └── .bg-muted.rounded.flex.p-0.5 (按钮组容器)
           └── button.rounded-full.size-7 (单个按钮)
   以下规则使用高specificity + !important确保按钮
   不被任何转换后/透传的CSS规则意外隐藏
   ═══════════════════════════════════════════════ */
/* 按钮组容器保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5,
.is-user .bg-muted.rounded.flex.p-0\.5,
.is-assistant .bg-muted.rounded.flex.p-0\.5 {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  clip: auto !important;
  clip-path: none !important;
}
/* 单个按钮保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5 > button,
.is-user .bg-muted.rounded.flex.p-0\.5 > button,
.is-assistant .bg-muted.rounded.flex.p-0\.5 > button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  clip: auto !important;
  clip-path: none !important;
}
/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */
.flex.items-center.gap-1.ml-auto.md\:opacity-0.group-hover\:opacity-100 {
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
/* 操作行保护 */
.flex.w-full.items-center.justify-between.gap-2.px-2 {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* ═══ B平台顶部栏适配说明（自动注入）═══
   A: div.sticky > div.flex.justify-between
      ├── 左侧空区
      ├── #ai-model-selector (居中)
      └── 右侧工具(设置按钮等)
   B: <header.flex.justify-between>
      ├── #nav-left (侧边栏开关)
      ├── #nav-middle (可能为空)
      └── #nav-right (通知/主题/语言)
   B平台模型按钮不在header内，选择器:
   button:has(> .flex-1.truncate.text-left)
   ═══════════════════════════════════════ */
header.flex.justify-between { position: relative; overflow: visible; }

/* =================================================================
   Douluo Dalu III Theme: Legend of the Dragon King (龙王传说)
   风格：金龙王(金红) + 银龙王(银紫) + 史莱克学院(墨绿) + 未来科技(霓虹蓝)
   ================================================================= */

/* --- 1. 核心容器 --- */
.xiuxian-ui {
    /* 背景：银龙王的白银质感与史莱克学院的深沉结合 */
    background: linear-gradient(135deg, #ffffff 0%, #f0f4f8 50%, #e8f5e9 100%);
    color: #263238; /* 现代深灰 */
    font-family: "PingFang SC", "Microsoft YaHei", "STKaiti", serif;
    border: 2px solid #2e7d32; /* 史莱克学院校色：墨绿 */
    border-radius: 16px;
    padding: 18px;
    margin: 15px 0;
    /* 复合阴影：金龙王血脉光晕 + 魂导科技投影 */
    box-shadow: 
        0 0 20px rgba(255, 215, 0, 0.15), 
        0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

/* 背景纹理：魂导阵法与龙鳞暗纹 */
.xiuxian-ui::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: 
        radial-gradient(circle at 2px 2px, rgba(46, 125, 50, 0.05) 1px, transparent 0),
        linear-gradient(45deg, rgba(255, 215, 0, 0.03) 25%, transparent 25%);
    background-size: 30px 30px, 100px 100px;
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
}

/* --- 2. 布局组件 --- */
.info-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 0.9em;
    gap: 8px;
    background: rgba(255, 255, 255, 0.6);
    padding: 8px;
    border-radius: 8px;
    border: 1px solid rgba(46, 125, 50, 0.2);
}

.dashed-line {
    border: 0;
    border-top: 2px dashed #ffd700; /* 金龙王金线 */
    margin: 12px 0;
    opacity: 0.6;
}

/* --- 3. 折叠栏 (未来科技感细节) --- */
.xiuxian-ui details {
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
}

.xiuxian-ui summary {
    cursor: pointer;
    font-weight: bold;
    color: #1b5e20; /* 史莱克深绿 */
    padding: 8px 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    list-style: none;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 6px;
}

.xiuxian-ui summary::before {
    content: "⬡"; /* 六角形魂导核心 */
    margin-right: 10px;
    color: #00e5ff; /* 科技蓝 */
    font-size: 1.2em;
    transition: all 0.3s;
}

.xiuxian-ui details[open] summary::before {
    content: "⬢";
    transform: rotate(180deg);
    color: #ffd700; /* 激活时变为金龙王金 */
    text-shadow: 0 0 8px #ffd700;
}

.xiuxian-ui summary:hover {
    background: rgba(46, 125, 50, 0.1);
    padding-left: 18px;
}

/* --- 4. 玩家档案头部 (机甲/斗铠风格) --- */
.profile-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 10px;
    background: linear-gradient(90deg, rgba(255,255,255,0.8), transparent);
    border-left: 4px solid #ffd700;
}

.profile-avatar {
    width: 50px;
    height: 50px;
    background: radial-gradient(circle, #2e7d32, #1b5e20);
    border-radius: 10px; /* 菱角分明，科技感 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border: 2px solid #ffd700;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}

.sect-emblem {
    color: #ffd700;
    font-weight: bold;
    font-size: 22px;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.rank-tag {
    background: #1b5e20;
    color: #ffd700;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
    border: 1px solid #ffd700;
    box-shadow: 0 0 5px rgba(255, 215, 0, 0.2);
}

/* --- 龙王传说·斗铠全息状态面板 --- */
.lw-panel {
    padding: 15px;
    background: rgba(10, 15, 25, 0.85);
    border: 1px solid rgba(0, 191, 255, 0.3);
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(0, 191, 255, 0.1);
    backdrop-filter: blur(10px);
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    max-width: 400px;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
}

/* 装饰性转角 - 模拟机甲外壳 */
.lw-panel::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 10px; height: 10px;
    border-top: 2px solid #00bfff;
    border-left: 2px solid #00bfff;
}

.lw-bar-item {
    margin-bottom: 15px;
}

.lw-bar-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4px;
    padding: 0 2px;
}

.lw-label {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.lw-value {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
}

/* 轨道背景：深邃合金感 */
.lw-track {
    height: 20px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5);
}

/* 基础填充样式 */
.lw-fill {
    height: 100%;
    position: relative;
    transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

/* 魂力：史莱克蓝 */
.soul-text { color: #00e5ff; text-shadow: 0 0 8px rgba(0, 229, 255, 0.6); }
.soul-power {
    background: linear-gradient(90deg, #0051ff 0%, #00e5ff 100%);
    box-shadow: 0 0 15px rgba(0, 176, 255, 0.4);
}

/* 精神：银龙王紫银 */
.mental-text { color: #e1bee7; text-shadow: 0 0 8px rgba(225, 190, 231, 0.6); }
.mental-power {
    background: linear-gradient(90deg, #6a1b9a 0%, #e1bee7 50%, #6a1b9a 100%);
    background-size: 200% 100%;
}

/* 气血：金龙王金红 */
.blood-text { color: #ffd700; text-shadow: 0 0 8px rgba(255, 215, 0, 0.6); }
.body-power {
    background: linear-gradient(90deg, #d32f2f 0%, #ffea00 100%);
    box-shadow: 0 0 15px rgba(211, 47, 47, 0.4);
}

/* 动态流光效果 */
.lw-glare {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.2) 50%, 
        transparent 100%);
    animation: lw-scan 3s infinite linear;
}

@keyframes lw-scan {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}

/* 条内文字 */
.lw-overlay-text {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    pointer-events: none;
}

/* 移动端适配 */
@media (max-width: 600px) {
    .lw-panel { width: 92%; padding: 12px; }
    .lw-track { height: 18px; }
    .lw-overlay-text { line-height: 18px; font-size: 10px; }
}

/* --- 6. 羁绊列表美化 (Card-Style) --- */
.scroll-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.scroll-box li {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(46, 125, 50, 0.15);
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 10px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.scroll-box li::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: #ffd700; /* 金色侧边 */
}

.scroll-box li:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    background: white;
    border-color: #2e7d32;
}

.relation-tag {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 1px 6px;
    border-radius: 10px;
    font-size: 0.8em;
    border: 1px solid #c8e6c9;
    float: right;
}

/* --- 8. 战术行动列表 (机甲操作面板风格) --- */
.action-list {
    background: #263238; /* 深色金属面板 */
    color: #cfd8dc;
    border: 2px solid #455a64;
    border-radius: 12px;
    padding: 15px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
}

.action-header {
    color: #00e5ff;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
    border-bottom: 1px solid #00e5ff;
}

.action-list li {
    padding: 6px 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 6px;
    border: 1px solid transparent;
}

.action-list li:hover {
    background: rgba(0, 229, 255, 0.15);
    border-color: #00e5ff;
    color: #fff;
    transform: scale(1.02);
}

.key {
    background: #ffd700;
    color: #1b5e20;
    padding: 0 5px;
    border-radius: 3px;
    margin-right: 8px;
}

/* --- 9. 女性探测 & 精神扫描 (银龙王银紫色) --- */
.fem-attr-box {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(243, 229, 245, 0.9) 100%);
    border-left: 4px solid #9c27b0;
    box-shadow: 0 2px 10px rgba(156, 39, 176, 0.1);
}

.fem-attr-title {
    color: #7b1fa2;
    text-shadow: 0 0 5px rgba(156, 39, 176, 0.2);
}

/* 滚动条：魂导能量管风格 */
.scroll-box::-webkit-scrollbar { width: 6px; }
.scroll-box::-webkit-scrollbar-thumb { 
    background: linear-gradient(#ffd700, #2e7d32); 
    border-radius: 10px; 
}

/* 
   ================================================================
   ★ 龙王传说·龙神之心柔化悬浮窗 (Dragon God Heart Interface) ★
   ================================================================
*/

/* 1. 触发点 - 更加隐秘且柔和的神力波动 */
.tooltip {
    position: relative;
    display: inline-block;
    /* 底部线条改为柔和的渐变光带 */
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, transparent, #000000, #e1bee7, transparent) 1;
    color: #000000;
    cursor: help;
    transition: all 0.4s ease;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.3);
    font-weight: 600;
    padding-bottom: 2px;
}

/* 触发点悬停 - 金银双色交织 */
.tooltip:hover {
    color: #fff;
    text-shadow: 
        0 0 10px rgba(255, 215, 0, 0.8),
        0 0 20px rgba(156, 39, 176, 0.6);
    border-image: linear-gradient(90deg, transparent, #ff5252, #9c27b0, transparent) 1;
}

/* 2. 悬浮窗主体 - 彻底打破方形,采用"龙鳞/护盾"形态 */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 280px;
    max-width: 85vw;
    max-height: 70vh;
    overflow-y: auto;

    /* 核心形态：上宽下窄的柔和盾形/龙鳞形 */
    border-radius: 24px 24px 40px 40px;
    
    /* 背景：极光般的流动感,融合金龙王的金红与银龙王的紫银 */
    background: linear-gradient(135deg, 
        rgba(20, 10, 30, 0.95) 0%, 
        rgba(45, 15, 50, 0.92) 50%,
        rgba(30, 20, 10, 0.95) 100%);

    color: #f0f0f0;
    text-align: left;
    padding: 20px 24px;
    
    /* 【核心修改：左右居中 + 上下跟随元素,打破平台外层限制】 */
    position: fixed !important;
    left: 50% !important;
    top: anchor(top) !important;
    transform: translate(-50%, 8px) scale(0.9) !important;
    z-index: 100000 !important;
    opacity: 0;

    /* 柔和边界：移除硬边框,使用光影界定轮廓 */
    border: 1px solid rgba(255, 255, 255, 0.08);
    
    /* 复合光晕：
       第一层：内部高光
       第二层：金龙王霸道金光
       第三层：银龙王精神紫光
    */
    box-shadow: 
        inset 0 0 20px rgba(255, 215, 0, 0.05),
        0 0 25px rgba(255, 215, 0, 0.15),
        0 10px 40px rgba(123, 31, 162, 0.25);

    /* 材质质感 */
    backdrop-filter: blur(20px) saturate(180%);
    
    /* 字体优化 */
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.5px;
    
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

/* 3. 顶部装饰 - 模拟龙神核心的能量溢出 (金龙王侧) */
.tooltip .tooltiptext::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 20%;
    right: 20%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffd700, transparent);
    box-shadow: 0 0 15px #ffd700;
    opacity: 0.8;
    border-radius: 100%;
}

/* 4. 底部装饰 - 模拟元素汇聚 (银龙王侧) */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    border-radius: 24px 24px 40px 40px;
    /* 银色与七彩元素的流光边框 */
    box-shadow: inset 0 -10px 30px rgba(156, 39, 176, 0.15);
    pointer-events: none;
    z-index: -1;
}

/* 5. 内部标题与内容修饰 */
.dragon-core-header {
    text-align: center;
    color: #ffd700;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 215, 0, 0.2);
    /* 标题文字发光 */
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}

/* 6. 悬停激活状态 - 龙神苏醒 */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    /* 同步强化激活时的居中缩放状态 */
    transform: translate(-50%, 8px) scale(1) !important;
    /* 激活时增强光晕,模拟气血翻涌 */
    box-shadow: 
        inset 0 0 30px rgba(255, 215, 0, 0.1),
        0 0 30px rgba(255, 215, 0, 0.25),
        0 15px 50px rgba(123, 31, 162, 0.4);
}

/* 7. 滚动条美化 - 极其细微的能量流 */
.tooltip .tooltiptext::-webkit-scrollbar {
    width: 4px;
}
.tooltip .tooltiptext::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    margin: 10px 0; /* 避开圆角 */
}
.tooltip .tooltiptext::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, rgba(255, 215, 0, 0.5), rgba(156, 39, 176, 0.5));
    border-radius: 10px;
}

/* 8. 响应式适配 */
@media (max-width: 768px) {
    .tooltip .tooltiptext {
        width: 88vw;
        padding: 18px;
        /* 移动端稍微减小圆角以获得更多阅读空间 */
        border-radius: 20px; 
    }
}

/* 
   ================================================================
   ★ 斗罗魂环·屏幕中心固定版 (Fixed Center Interface) ★
   ================================================================
*/

.soul-context {
    line-height: 2.2;
    color: #333;
}

/* 触发器 */
.sk-trig {
    position: relative;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    margin: 0 2px;
    padding: 0 4px;
    border-radius: 4px;
    background: rgba(0,0,0,0.03);
    transition: all 0.3s ease;
}

/* 核心：屏幕中心悬浮窗 */
.sk-pop {
    visibility: hidden;
    opacity: 0;
    
    /* 【核心修改：左右居中 + 上下跟随元素,抵御外部框架污染】 */
    position: fixed !important;
    left: 50% !important;
    top: anchor(top) !important;
    transform: translate(-50%, 8px) scale(0.8) !important;
    z-index: 99999 !important;
    
    width: 280px;
    max-width: 80vw;
    padding: 20px;
    border-radius: 12px;
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* 玻璃拟态质感 */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.1);
    text-align: center;
    line-height: 1.6;
}

/* 内容排版 */
.r-tag {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    background: rgba(255,255,255,0.1);
}

.sk-name {
    display: block;
    font-size: 18px;
    margin-bottom: 12px;
    font-family: "Microsoft YaHei", sans-serif;
}

.sk-desc {
    display: block;
    font-size: 13px;
    text-align: left;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 12px;
}

/* --- 全阶位配色逻辑 --- */

/* 十年 - 白 */
.r-10 { color: #7f8c8d; border-bottom: 2px solid #bdc3c7; }
.r-10 .sk-pop { background: rgba(255, 255, 255, 0.95); color: #2c3e50; border: 2px solid #bdc3c7; }
.r-10 .sk-desc { color: #7f8c8d; }

/* 百年 - 黄 */
.r-100 { color: #f39c12; border-bottom: 2px solid #f1c40f; }
.r-100 .sk-pop { background: rgba(40, 35, 10, 0.95); color: #f1c40f; border: 2px solid #f1c40f; }

/* 千年 - 紫 */
.r-1000 { color: #8e44ad; border-bottom: 2px solid #9b59b6; }
.r-1000 .sk-pop { background: rgba(30, 15, 40, 0.95); color: #dcdde1; border: 2px solid #9b59b6; }
.r-1000 .sk-name { color: #e040fb; }

/* 万年 - 黑 */
.r-10000 { color: #2c3e50; border-bottom: 2px solid #34495e; }
.r-10000 .sk-pop { background: rgba(15, 15, 15, 0.98); color: #ecf0f1; border: 2px solid #34495e; }
.r-10000 .sk-name { color: #bdc3c7; }

/* 十万年 - 红 */
.r-100000 { color: #c0392b; border-bottom: 2px solid #e74c3c; text-shadow: 0 0 5px rgba(231,76,60,0.3); }
.r-100000 .sk-pop { background: rgba(40, 10, 10, 0.98); color: #ff7675; border: 2px solid #e74c3c; box-shadow: 0 0 30px rgba(192,57,43,0.4); }
.r-100000 .sk-name { color: #ff1744; text-shadow: 0 0 10px rgba(255,23,68,0.5); }

/* 百万年 - 金 */
.r-1000000 { color: #d35400; border-bottom: 2px solid #f39c12; }
.r-1000000 .sk-pop { background: rgba(35, 25, 5, 0.98); color: #f1c40f; border: 2px solid #f39c12; box-shadow: 0 0 35px rgba(243,156,18,0.4); }
.r-1000000 .sk-name { color: #ffd700; text-shadow: 0 0 15px rgba(255,215,0,0.6); }

/* 激活交互 */
.sk-trig:hover, .sk-trig:focus {
    background: rgba(0,0,0,0.1);
    outline: none;
}

.sk-trig:hover .sk-pop, .sk-trig:focus .sk-pop {
    visibility: visible;
    opacity: 1;
    /* 同步强化激活状态居中 */
    transform: translate(-50%, 8px) scale(1) !important;
}

/* 针对手机端的额外保护 */
@media (max-width: 480px) {
    .sk-pop {
        width: 85vw;
        padding: 15px;
    }
    .sk-name { font-size: 16px; }
    .sk-desc { font-size: 12px; }
}

/* === 龙王传说 (Legend of The Dragon King) 风格思维链样式 === */
/* 融合了金龙王的气血之力与银龙王的元素掌控，呈现神界遗留的威严 */

.cot-container details {
    /* -- 核心配色板 (金银龙王适配) -- */
    --gold-dragon-shine: #fff8e1;   /* 金龙王·黄金龙枪高光 */
    --gold-dragon-main: #ffd700;    /* 金龙王·破灭金身 */
    --gold-dragon-blood: #d50000;   /* 金龙王·气血狂暴红 */
    
    --silver-dragon-light: #f5f5f5; /* 银龙王·白银龙枪闪烁 */
    --silver-dragon-main: #c0c0c0;  /* 银龙王·元素之银 */
    --elemental-chaos: #7c4dff;     /* 银龙王·元素剥离紫 */
    
    --dragon-domain-bg: #0a0a0f;    /* 龙墓深处/精神识海背景 */
    --spirit-metal-card: #15151a;   /* 魂锻金属底色 */

    background-color: rgba(10, 10, 15, 0.9); /* 深邃的龙鳞黑底 */
    backdrop-filter: blur(8px);     /* 拟态：精神力实体化 */
    
    /* 边框：金龙王的坚不可摧，左侧象征黄金龙枪的锋锐 */
    border: 1px solid rgba(192, 192, 192, 0.3);
    border-left: 4px solid var(--gold-dragon-main); 
    border-radius: 4px; /* 硬朗的金属切角，如同斗铠 */
    
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    color: #e0e0e0;
    line-height: 1.6;
    margin: 18px 0;
    position: relative;
    overflow: hidden;
    
    /* 阴影：金银双色交织的光辉 */
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.7), 
        0 0 10px rgba(255, 215, 0, 0.15), /* 金色光晕 */
        inset 0 0 30px rgba(192, 192, 192, 0.05); /* 内部银色冷光 */
        
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 悬停时：气血翻涌，龙威释放 */
.cot-container details:hover {
    border-color: var(--gold-dragon-main);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.8), 
        0 0 20px var(--gold-dragon-main), /* 黄金光芒增强 */
        inset 0 0 15px var(--gold-dragon-blood); /* 隐约透出血色杀气 */
}

/* 顶部流光装饰 - 模拟“龙神变”的融合能量 */
.cot-container details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    /* 渐变：从金龙王的暴烈到银龙王的神秘 */
    background: linear-gradient(90deg, 
        transparent, 
        var(--gold-dragon-main), 
        var(--silver-dragon-light), 
        var(--elemental-chaos), 
        transparent
    );
    opacity: 0.9;
}

/* === 标题栏 (龙鳞护盾) === */
.cot-container summary {
    /* 背景：暗金与秘银的交错 */
    background: linear-gradient(135deg, rgba(20, 20, 25, 0.95) 0%, rgba(40, 40, 45, 0.95) 100%);
    color: var(--gold-dragon-shine);
    padding: 16px 24px;
    font-weight: 600;
    font-size: 1.1em;
    cursor: pointer;
    list-style: none;
    user-select: none;
    border-bottom: 1px solid rgba(255, 215, 0, 0.2);
    position: relative;
    transition: all 0.3s ease;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    text-transform: uppercase; /* 威严感 */
}

/* 标题栏悬停 */
.cot-container summary:hover {
    background: linear-gradient(135deg, rgba(30, 30, 35, 0.95) 0%, rgba(50, 50, 60, 0.95) 100%);
    color: #fff;
    text-shadow: 0 0 10px var(--gold-dragon-main);
}

/* 展开/折叠标记 - 龙核/逆鳞 */
.cot-container summary::before {
    content: '❖'; /* 龙鳞符号 */
    color: var(--silver-dragon-main); /* 默认状态：沉静的银色 */
    margin-right: 12px;
    font-size: 1.3em;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
    line-height: 1;
}

/* 展开状态下的标记 - 激发的黄金龙吼 */
.cot-container details[open] summary::before {
    transform: rotate(180deg) scale(1.2);
    color: var(--gold-dragon-main);
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.8);
}

/* 标题高亮装饰 - 底部流动的元素潮汐 */
.cot-container summary::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    /* 渐变色条：金银双辉 */
    background: linear-gradient(90deg, var(--gold-dragon-main), var(--silver-dragon-light));
    box-shadow: 0 0 8px var(--silver-dragon-main);
    transition: width 0.5s ease;
}

.cot-container details[open] summary::after {
    width: 100%;
}

/* === 内容区域 (精神识海) === */
.cot-container details > div, 
.cot-container .cot-content {
    padding: 24px 28px;
    /* 极淡的金属纹理背景 */
    background: linear-gradient(to bottom, rgba(255, 215, 0, 0.02), transparent);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* 分割线 - 龙神界限 */
.cot-container hr {
    border: 0;
    height: 1px;
    /* 金银交汇的能量线 */
    background: linear-gradient(90deg, 
        transparent, 
        var(--gold-dragon-blood), 
        var(--gold-dragon-main), 
        var(--silver-dragon-main), 
        transparent
    );
    margin: 25px 0;
    opacity: 0.7;
}

/* 段落样式 */
.cot-container p {
    margin-bottom: 1.2em;
    text-align: justify;
    color: #cfd8dc;
}

/* 强调文字 - 核心法则 */
.cot-container strong {
    color: var(--gold-dragon-main);
    font-weight: bold;
    text-shadow: 0 0 2px rgba(0,0,0,0.5);
}

/* 首字下沉 - 远古龙文 */
.cot-container p:first-of-type::first-letter {
    font-family: 'Times New Roman', serif;
    font-size: 2.2em;
    color: #fff;
    float: left;
    line-height: 0.8;
    margin-right: 8px;
    margin-top: 4px;
    padding: 4px 8px;
    /* 银龙王的元素掌控背景 */
    background: linear-gradient(135deg, var(--silver-dragon-main), var(--elemental-chaos));
    border: 1px solid var(--gold-dragon-main);
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* 列表样式 */
.cot-container ul, .cot-container ol {
    padding-left: 10px;
    margin: 15px 0;
}

.cot-container li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

/* 列表项标记 - 黄金龙枪枪尖 */
.cot-container ul li::before {
    content: '⚔'; /* 战斗符号 */
    color: var(--gold-dragon-blood);
    position: absolute;
    left: 0;
    font-size: 0.8em;
    top: 4px;
    text-shadow: 0 0 5px rgba(213, 0, 0, 0.6);
}

/* 代码块 - 魂导法阵解析 */
.cot-container pre, .cot-container code {
    font-family: 'Consolas', monospace;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(192, 192, 192, 0.2); /* 秘银微边框 */
    border-radius: 2px;
    padding: 2px 6px;
    color: var(--gold-dragon-main); /* 代码高亮用金色 */
    font-size: 0.9em;
}

.cot-container pre {
    padding: 16px;
    overflow-x: auto;
    margin: 20px 0;
    border-left: 3px solid var(--elemental-chaos);
    /* 科技感网格背景 */
    background: repeating-linear-gradient(
        45deg,
        rgba(20, 20, 25, 0.8),
        rgba(20, 20, 25, 0.8) 10px,
        rgba(30, 30, 35, 0.8) 10px,
        rgba(30, 30, 35, 0.8) 20px
    );
}

/* 链接样式 - 精神链接 */
.cot-container a {
    color: var(--silver-dragon-main);
    text-decoration: none;
    border-bottom: 1px dashed var(--gold-dragon-main);
    transition: all 0.2s;
}

.cot-container a:hover {
    color: var(--gold-dragon-main);
    border-bottom-color: var(--gold-dragon-blood);
    text-shadow: 0 0 5px var(--gold-dragon-main);
}

/* 移除WebKit默认箭头 */
.cot-container summary::-webkit-details-marker {
    display: none;
}

/* 移动设备适配 */
@media (max-width: 768px) {
    .cot-container details {
        margin: 15px 0;
        border-radius: 4px;
    }
    .cot-container summary {
        padding: 14px 18px;
    }
}

/* =================================================================
   Douluo Dalu III: The Legend of the Dragon King Theme (Golden & Silver Dragon King)
   斗罗大陆三龙王传说主题：金龙王 · 银龙王
   核心配色：金龙王霸道金 (聊天气泡、按钮) + 银龙王深邃银 (背景、加载动画) + 龙神核心彩
   ================================================================= */

/* --- 1. 顶部栏净化 --- */
header.flex.justify-between.w-full.top-0 [class*="bg-[#F1CBCB]"],
header.flex.justify-between.w-full.top-0 [class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 1. 顶部栏 (龙神核心/龙王领域风格) --- */
/* 顶部栏容器 - 模拟龙王领域深邃与威严 */
header.flex.justify-between {
    /* 深邃的龙神领域背景：银蓝过渡到暗金 */
    background: linear-gradient(90deg, rgba(30, 40, 50, 0.98), rgba(60, 70, 80, 0.95), rgba(80, 70, 60, 0.95)) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 2px solid #a7a7a7 !important; /* 银龙王鳞片光泽 */
    box-shadow: 0 0 20px rgba(160, 160, 160, 0.3) !important;
}

/* 模型名称 - 模拟龙王意志的凝视 */
#nav-middle button:has(> .flex-1.truncate.text-left) .flex-1.truncate.text-left {
    color: #e0e0e0 !important;
    text-shadow: 0 0 8px rgba(224, 224, 224, 0.9);
    font-weight: bold !important;
    font-family: "Microsoft YaHei", sans-serif !important;
    letter-spacing: 1.5px !important;
}

#nav-middle button:has(> .flex-1.truncate.text-left) .flex-1.truncate.text-left::before {
    content: "【: "; /* 龙王传说特色的龙神契约 */
    color: #ffd700 !important; /* 金龙王金 */
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.6);
}

#nav-middle button:has(> .flex-1.truncate.text-left) .flex-1.truncate.text-left::after {
    content: "】";
    color: #ffd700 !important;
    opacity: 0.8;
}

/* --- 2. 聊天气泡 (核心需求：金龙王霸道金) --- */
.is-user > .border.border-muted,
.is-assistant > .border.border-muted {
    /* 背景：金龙王龙鳞的霸道金光 */
    background: linear-gradient(165deg, #fceb9f 0%, #f7d75a 40%, #f0c200 100%) !important;
    /* 边框：金龙王纹路 */
    border: 1px solid #e6b300 !important;
    border-radius: 12px 12px 12px 2px !important; /* 龙鳞的坚硬感 */
    /* 阴影：霸道金光外溢 */
    box-shadow:
        0 4px 15px rgba(255, 193, 7, 0.3),
        inset 0 0 15px rgba(255, 255, 255, 0.8) !important;
    color: #4a3800 !important; /* 深褐金文字，保证在淡金背景下的阅读体验 */
}

/* 气泡文字 */
.is-user > .border.border-muted,
.is-assistant > .border.border-muted .rili-markdown-renderer {
    color: #37474f !important; /* 沉稳的深灰蓝，对比金背景 */
    font-family: "Segoe UI", sans-serif !important;
}

/* 强调文字 (银龙王银/龙神核心彩) */
.is-user > .border.border-muted,
.is-assistant > .border.border-muted .rili-markdown-renderer strong {
    /* 银龙王银色或龙神核心七彩光芒 */
    color: #a7a7a7 !important;
    text-shadow: 0px 0px 1px rgba(167, 167, 167, 0.3) !important;
    font-weight: 800 !important;
}

/* 代码块背景适配 */
.is-user > .border.border-muted,
.is-assistant > .border.border-muted pre {
    background-color: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid #ffe082 !important;
}

/* --- 3. 按钮组 (龙鳞/斗铠金属风格) --- */
/* 顶部功能按钮 - 模拟龙鳞或斗铠金属 */
button, .menu_button {
    background: linear-gradient(135deg, #a7a7a7, #808080) !important; /* 银龙王鳞片银 */
    color: #2c3e50 !important;
    border: 1px solid #757575 !important;
    border-bottom: 2px solid #5a5a5a !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

button, .menu_button {
    background: linear-gradient(135deg, #c0c0c0, #a0a0a0) !important;
    color: #ffd700 !important; /* 激活时的金龙王金光 */
    border-color: #ffd700 !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4) !important;
}

/* 分页按钮 */
.MuiPaginationItem-root.Mui-selected {
    background-color: #ffd700 !important; /* 金龙王金选中态 */
    color: #3e2723 !important;
    box-shadow: 0 0 8px rgba(255, 215, 0, 0.6) !important;
}

/* --- 4. 底部输入框 (银龙王领域风格) --- */
textarea, input[type="text"] {
    background-color: rgba(245, 245, 245, 0.95) !important; /* 银龙王领域光泽 */
    color: #1a2a3a !important;
    border: 1px solid #b0c4de !important;
    border-left: 4px solid #a7a7a7 !important; /* 银龙王之威 */
    border-radius: 4px !important;
}
textarea, input[type="text"]:focus {
    box-shadow: 0 0 15px rgba(167, 167, 167, 0.25) !important;
    border-color: #a7a7a7 !important;
    background-color: #fff !important;
}
textarea, input[type="text"]::placeholder {
    color: rgba(26, 42, 58, 0.4) !important;
}

/* --- 6. 评论区 (海神湖或龙神岛风格) --- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: linear-gradient(to top, #e0f2f7, #ffffff) !important; /* 银龙王领域下的海神湖面 */
    border-top: 2px solid #a7a7a7 !important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] div.cursor-pointer.group.flex.items-center.justify-center {
    background: linear-gradient(135deg, #ffd700, #ffc107) !important; /* 金龙王之力凝聚的按钮 */
    box-shadow: 0 2px 5px rgba(255, 193, 7, 0.3) !important;
}

/* --- 7. 系统日志文字注入 (龙王传说版) --- */
.system-log-1 .loading-text::before { content: '[龙神感应] 正在解析龙神血脉波动...' !important; }
.system-log-2 .loading-text::before { content: '[龙王领域] 正在模拟金银龙王之力...' !important; }

/* ========================================================================= */
/* --- ★★★ 龙王传说风格・金银龙核血脉共鸣加载框 (斗铠核心终极版) ★★★ --- */
/* ========================================================================= */

/* 1. 隐藏默认加载点 */
.flex.items-center.justify-center.size-6 > .flex.gap-2 { display: none !important; }

/* 2. 容器重构：自适应高度 + 强制盒模型 (斗铠金属质感与血脉光晕 - 实体防透版) */
.flex.items-center.justify-center.size-6 {
    /* 布局重置 */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 130px !important; /* 增加最小高度容纳旋转斗铠龙核 */
    margin: 8px 0 !important;
    padding: 0 !important;
    
    /* 龙王传说风格外观：秘银合金底色 + 顶部SVG系统警告文字(血脉同步预警) */
    /* ★★★ 优化修复：增加 !important 强制覆盖平台透明背景，改为纯实体秘银质感 ★★★ */
    background: 
        /* 顶部系统警告文字（SVG文本，背景块改为不透明秘银灰防止顶部脏污） */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='22' viewBox='0 0 400 22'><rect width='400' height='22' fill='%23cbd5e1'/><text x='8' y='15' font-family='Courier New,monospace' font-size='10' font-weight='bold' fill='%23d97706' letter-spacing='1.2'>✧ DRAGON_CORE::BLOODLINE_SYNC //</text></svg>") top left / 100% 22px no-repeat,
        /* 金龙王与蓝银皇血脉交融晕染氛围 */
        radial-gradient(ellipse 80px 50px at 50% 70px, rgba(255, 69, 0, 0.15) 0%, rgba(65, 105, 225, 0.12) 50%, transparent 75%),
        /* 主底色：斗铠秘银质感（纯实色渐变，彻底拒绝透明） */
        linear-gradient(135deg, #ffffff 0%, #f4f7fb 40%, #e2e8f0 100%) !important;
    
    background-color: #f4f7fb !important; /* 终极防透明保底色 */
    background-repeat: no-repeat !important;
    opacity: 1 !important; /* 强制完全不透明 */
    backdrop-filter: blur(12px) !important; /* 防止被父级强制透明时的毛玻璃兜底方案 */
    
    border: 1px solid #cbd5e1;
    border-left: 3px solid #ff4500; /* 左侧金龙王赤金血脉条 */
    border-radius: 4px;
    
    /* 关键：防止溢出 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: inset 0 0 15px rgba(65, 105, 225, 0.08), 0 2px 8px rgba(255, 69, 0, 0.15);
    
    /* 容器自身呼吸动画：血脉律动 */
    animation: dragon-border-pulse 2.5s infinite ease-in-out;
    
    /* 确保容器不会被外部样式影响 */
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* ========== ★ 核心：::before 改造为持续旋转的斗铠龙核徽记 ★ ========== */
.flex.items-center.justify-center.size-6::before {
    content: "";
    position: absolute !important;
    top: 32px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    
    /* 斗铠龙核：内置SVG，六边形斗铠外壳 + 元素环绕 + 龙族竖瞳核心 */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<defs>\
<linearGradient id='gold_aura' x1='0%25' y1='0%25' x2='100%25' y2='100%25'>\
<stop offset='0%25' stop-color='%23ffd700'/>\
<stop offset='50%25' stop-color='%23ff8c00'/>\
<stop offset='100%25' stop-color='%23dc143c'/>\
</linearGradient>\
<radialGradient id='dragon_eye' cx='50%25' cy='50%25' r='50%25'>\
<stop offset='0%25' stop-color='%23ff0000'/>\
<stop offset='50%25' stop-color='%23ff8c00'/>\
<stop offset='100%25' stop-color='%238b0000' stop-opacity='0.6'/>\
</radialGradient>\
</defs>\
<g transform='translate(50 50)'>\
<polygon points='0,-40 34.6,-20 34.6,20 0,40 -34.6,20 -34.6,-20' fill='none' stroke='url(%23gold_aura)' stroke-width='3'/>\
<polygon points='0,-32 27.7,-16 27.7,16 0,32 -27.7,16 -27.7,-16' fill='none' stroke='%234169e1' stroke-width='2' opacity='0.85'/>\
<path d='M-20,0 Q0,-15 20,0 Q0,15 -20,0' fill='url(%23dragon_eye)'/>\
<ellipse cx='0' cy='0' rx='2.5' ry='12' fill='%23fff'/>\
<path d='M 0 -45 A 45 45 0 0 1 45 0' fill='none' stroke='%2300ff7f' stroke-width='1.5' stroke-dasharray='4 4'/>\
<path d='M 0 45 A 45 45 0 0 1 -45 0' fill='none' stroke='%2300bfff' stroke-width='1.5' stroke-dasharray='4 4'/>\
</g>\
</svg>") center / contain no-repeat;
    
    /* 龙血与海神之光高光晕滤镜 */
    filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.6)) drop-shadow(0 0 12px rgba(65, 105, 225, 0.4));
    
    /* 关键：旋转动画 + 血脉脉动 */
    animation: 
        dragon-crest-spin 6s linear infinite,
        dragon-crest-glow 2s ease-in-out infinite alternate;
    
    z-index: 2;
    pointer-events: none;
    transform-origin: center center;
}

/* 3. 龙核徽记旋转动画 */
@keyframes dragon-crest-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 4. 龙核光晕脉动 (金龙王赤金与银龙王湛蓝交替) */
@keyframes dragon-crest-glow {
    0% { 
        filter: drop-shadow(0 0 4px rgba(255, 140, 0, 0.5)) drop-shadow(0 0 8px rgba(65, 105, 225, 0.3));
    }
    100% { 
        filter: drop-shadow(0 0 10px rgba(255, 69, 0, 1)) drop-shadow(0 0 20px rgba(255, 215, 0, 0.7)) drop-shadow(0 0 30px rgba(65, 105, 225, 0.4));
    }
}

/* 5. 核心：动态台词区 */
.flex.items-center.justify-center.size-6::after {
    content: ""; 
    display: block;
    width: 100%;
    /* 关键：上边距留出 100px 给系统提示栏(22px) + 龙核徽记(60px) + 间距(18px) */
    padding: 100px 12px 12px 12px;
    
    /* 字体与排版 */
    font-family: 'Georgia', 'Songti SC', serif !important;
    font-size: 13.5px;
    line-height: 1.6;
    color: #1e293b; /* 斗铠秘银上的深邃灰蓝 */
    text-align: left !important;
    font-style: italic;
    
    /* ★★★ 优化修复：加粗字重与强化白边发光，无惧复杂背景吃字 ★★★ */
    font-weight: 500 !important; 
    text-shadow: 
        0 1px 1px rgba(255, 255, 255, 1),
        0 0 4px rgba(255, 255, 255, 0.9),
        0 0 10px rgba(255, 255, 255, 0.7) !important;
    
    /* 关键修复：强制换行 */
    white-space: normal !important; 
    word-wrap: break-word !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    
    /* 防止被外部样式覆盖 */
    text-transform: none !important;
    letter-spacing: normal !important;
    
    position: relative;
    z-index: 3;
    
    /* 双重动画：台词轮播 + 文字呼吸 */
    animation: 
        douluo-quote-cycle 32s infinite step-end,
        dragon-text-breath 3s ease-in-out infinite;
}

/* 6. 添加轻微的文字闪烁效果，增强精神力共鸣感 */
@keyframes dragon-text-breath {
    0%, 100% { 
        opacity: 1; 
        text-shadow: 0 1px 1px rgba(255, 255, 255, 1), 0 0 6px rgba(255, 255, 255, 0.9), 0 0 8px rgba(65, 105, 225, 0.3); 
    }
    50% { 
        opacity: 0.88; 
        text-shadow: 0 1px 1px rgba(255, 255, 255, 1), 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 69, 0, 0.3); 
    }
}

/* 7. 台词内容轮播动画 (龙王传说经典金句回溯) */
@keyframes douluo-quote-cycle {
    0%   { content: "「不管你是人还是魂兽，你都是我的傻瓜，我唯一的傻瓜。」 ——古月娜"; }
    12.5% { content: "「我欲为龙，谁可阻挡！金龙狂暴，血脉觉醒！」 ——唐舞麟"; }
    25%  { content: "「哪怕全世界都与你为敌，我也一定会站在你身边，为你对抗整个世界。」 ——古月娜"; }
    37.5% { content: "「你赢，我陪你君临天下；你输，我陪你东山再起！」 ——史莱克七怪"; }
    50%  { content: "「我的心好小，小到只装得下你一个人；我的心好大，大到为了你，可以装下整个世界。」 ——唐舞麟"; }
    62.5% { content: "「龙神陨落，金银交汇。当毁灭与生命交织，那是新生的奇迹。」 ——银龙王"; }
    75%  { content: "「这不仅是四字斗铠的骄傲，更是守护你的誓言。金龙月语，银龙舞麟。」 ——唐舞麟"; }
    87.5% { content: "「我不是来毁灭这世界的，因为这个世界里有你。我愿为你，化身最后的守护。」 ——古月"; }
}

/* 8. 边框呼吸动画 (血脉之力脉冲) */
@keyframes dragon-border-pulse {
    0% { 
        border-bottom: 2px solid rgba(255, 69, 0, 0.3); 
        box-shadow: inset 0 0 15px rgba(65, 105, 225, 0.08), 0 2px 8px rgba(255, 69, 0, 0.15);
    }
    50% { 
        border-bottom: 2px solid rgba(255, 215, 0, 0.8); 
        box-shadow: 
            inset 0 0 25px rgba(255, 69, 0, 0.15), 
            0 4px 18px rgba(255, 140, 0, 0.35),
            inset 0 40px 50px -25px rgba(65, 105, 225, 0.2);
    }
    100% { 
        border-bottom: 2px solid rgba(255, 69, 0, 0.3); 
        box-shadow: inset 0 0 15px rgba(65, 105, 225, 0.08), 0 2px 8px rgba(255, 69, 0, 0.15);
    }
}

/* 9. 移动端字体微调 */
@media (max-width: 768px) {
    .flex.items-center.justify-center.size-6 {
        min-height: 120px !important;
        margin: 6px 0 !important;
    }
    
    .flex.items-center.justify-center.size-6::before {
        top: 30px;
        width: 52px;
        height: 52px;
        margin-left: -26px;
    }
    
    .flex.items-center.justify-center.size-6::after {
        font-size: 12.5px;
        line-height: 1.5;
        padding: 92px 10px 10px 10px;
    }
}

/* 10. 超小屏幕设备适配 */
@media (max-width: 480px) {
    .flex.items-center.justify-center.size-6 {
        min-height: 110px !important;
    }
    .flex.items-center.justify-center.size-6::before {
        top: 28px;
        width: 46px;
        height: 46px;
        margin-left: -23px;
    }
    .flex.items-center.justify-center.size-6::after {
        font-size: 11.5px;
        line-height: 1.4;
        padding: 82px 10px 10px 10px;
    }
}

/* 11. 高对比度模式适配 */
@media (prefers-contrast: high) {
    .flex.items-center.justify-center.size-6::after {
        color: #000000 !important;
        text-shadow: none !important;
    }
}

/* 12. 减少动画偏好用户的关怀模式 */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.size-6::before {
        animation: dragon-crest-spin 30s linear infinite, dragon-crest-glow 4s ease-in-out infinite alternate;
    }
}