/* =====================================================================
   【咒术回战主题：虚式「茈」与樱花结界】 (适配全新前端DOM架构版)
   ===================================================================== */

/* =========================================
   1. 基础净化与全局背景透明化 (适配新版前端)
   ========================================= */
body, #app, #__next, .bg-white, .dark\:bg-gray-900, main { 
    background-color: transparent !important; 
    background-image: none !important;
}
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; }
header, .sticky.w-full.top-0, [class*="bg-gradient-to-t"] {
    background: transparent !important; background-color: transparent !important;
    backdrop-filter: none !important; box-shadow: none !important; border: none !important; background-image: none !important;
}

/* 顶部栏/设置图标：淡紫咒力光晕 */
.sticky.w-full.top-0 svg, #header-setting-button svg {
    color: #d8bfd8 !important; filter: drop-shadow(0 0 2px rgba(216, 191, 216, 0.8)) !important; transition: all 0.3s ease !important;
}
.sticky.w-full.top-0 svg:hover, #header-setting-button svg:hover {
    filter: drop-shadow(0 0 6px #ffb6c1) !important; transform: scale(1.1) !important;
}

/* 模型选择器：半透明暗紫底色 */
div[class*="model-selector"], select, .group.flex.items-center.cursor-pointer {
    background: rgba(30, 20, 45, 0.6) !important; backdrop-filter: blur(8px) !important;
    border-radius: 12px !important; padding: 4px 12px !important; 
    border: 1px solid rgba(216, 191, 216, 0.4) !important;
    color: #e6e6fa !important; font-weight: bold !important;
    box-shadow: 0 0 8px rgba(147, 112, 219, 0.2) !important; transition: all 0.3s ease !important;
}
div[class*="model-selector"]:hover, .group.flex.items-center.cursor-pointer:hover {
    box-shadow: 0 0 12px rgba(216, 191, 216, 0.6) !important;
}

/* =========================================
   2. 底部栏：樱花粉输入框与咒力发送按钮
   ========================================= */
div[class*="fixed bottom-0"], form, .absolute.bottom-0 { background: transparent !important; border: none !important; }

/* 主输入框 */
textarea {
    background-color: rgba(255, 228, 225, 0.9) !important; /* 淡樱花粉 */
    color: #4a148c !important; /* 深紫文字 */
    border: 1px solid rgba(255, 182, 193, 0.8) !important; backdrop-filter: blur(8px) !important; 
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(255, 182, 193, 0.2) !important; transition: all 0.3s ease !important;
}
textarea:focus { box-shadow: 0 0 15px rgba(255, 182, 193, 0.6) !important; outline: none !important; }
textarea::placeholder { color: #b38b97 !important; }

/* 发送按钮 - 替换为淡紫咒力填充 */
button[aria-label*="send" i], button[aria-label*="发送" i], form button[type="submit"] { 
    background-color: rgba(225, 190, 231, 0.85) !important; border: 1px solid #ce93d8 !important;
    border-radius: 10px !important; backdrop-filter: blur(4px) !important; transition: all 0.3s ease !important;
}
button[aria-label*="send" i] svg, button[aria-label*="发送" i] svg, form button[type="submit"] svg {
    color: #4a148c !important; width: 24px !important; height: 24px !important;
}
button[aria-label*="send" i]:hover, button[aria-label*="发送" i]:hover, form button[type="submit"]:hover { 
    background-color: #ce93d8 !important; box-shadow: 0 0 10px rgba(206, 147, 216, 0.8) !important; transform: translateY(-2px) !important; 
}
button[aria-label*="send" i]:hover svg, form button[type="submit"]:hover svg { color: #ffffff !important; }


/* =========================================
   3. 咒术回战：单侧沉浸式对话框 (架构重置版)
   ========================================= */
.rili-markdown-renderer, .rili-markdown-renderer * {
    font-size: 1.05rem !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; 
    line-height: 1.6 !important;
}

/* 消息容器重构为JJK排版 */
.npc-msg {
    display: flex !important; align-items: flex-start !important; width: 100% !important;
    max-width: 720px !important; margin: 18px auto !important; gap: 14px !important; box-sizing: border-box !important;
}
.npc-msg.right { flex-direction: row-reverse !important; }
.msg-wrap { display: flex !important; flex-direction: column !important; max-width: calc(100% - 130px) !important; }

/* 名字排版 */
.n-name { font-size: 1rem !important; font-weight: bold !important; margin-bottom: 6px !important; text-shadow: none !important; }
.npc-msg:not(.right) .n-name { text-align: left !important; margin-left: 4px !important; }
.npc-msg.right .n-name { text-align: right !important; margin-right: 4px !important; }

/* 默认基础气泡：黑边框白底 */
.n-bubble {
    position: relative !important; padding: 12px 18px !important; border-radius: 16px !important;
    border: 2px solid #000000 !important; color: #000000 !important; font-size: 1.05rem !important; 
    line-height: 1.6 !important; box-shadow: 2px 3px 0px rgba(0,0,0,0.2) !important;
    word-break: break-word !important; background-color: #ffffff !important;
}
.npc-msg:not(.right) .n-bubble { border-top-left-radius: 4px !important; text-align: left !important; }
.npc-msg.right .n-bubble { border-top-right-radius: 4px !important; text-align: left !important; }

/* --- 气泡黑边外箭头 --- */
.n-bubble::before {
    content: '' !important; position: absolute !important; top: 18px !important;
    border-style: solid !important; display: block !important; width: 0 !important; height: 0 !important; z-index: 1 !important;
}
.npc-msg:not(.right) .n-bubble::before { left: -16px !important; border-width: 10px 14px 10px 0 !important; border-color: transparent #000000 transparent transparent !important; }
.npc-msg.right .n-bubble::before { right: -16px !important; border-width: 10px 0 10px 14px !important; border-color: transparent transparent transparent #000000 !important; }

/* --- 气泡底色内箭头 (覆盖在黑箭头上方，偏移2px露出边框) --- */
.n-bubble::after {
    content: '' !important; position: absolute !important; top: 20px !important;
    border-style: solid !important; display: block !important; width: 0 !important; height: 0 !important; z-index: 2 !important;
}

/* --- 性别底色控制 (绝不乱动你的蓝粉底色) --- */
/* 男性：清澈蓝 */
.npc-msg.male .n-bubble { background-color: rgba(33, 150, 243, 0.3) !important; }
.npc-msg.male .n-name { color: #1565c0 !important; }
.npc-msg.male .avt { border-color: #1976d2 !important; }
.npc-msg.male:not(.right) .n-bubble::after { left: -11px !important; border-width: 8px 11px 8px 0 !important; border-color: transparent rgba(33, 150, 243, 0.3) transparent transparent !important; }
.npc-msg.male.right .n-bubble::after { right: -11px !important; border-width: 8px 0 8px 11px !important; border-color: transparent transparent transparent rgba(33, 150, 243, 0.3) !important; }

/* 女性：明亮粉 */
.npc-msg.female .n-bubble { background-color: rgba(233, 30, 99, 0.3) !important; }
.npc-msg.female .n-name { color: #c2185b !important; }
.npc-msg.female .avt { border-color: #d81b60 !important; }
.npc-msg.female:not(.right) .n-bubble::after { left: -11px !important; border-width: 8px 11px 8px 0 !important; border-color: transparent rgba(233, 30, 99, 0.3) transparent transparent !important; }
.npc-msg.female.right .n-bubble::after { right: -11px !important; border-width: 8px 0 8px 11px !important; border-color: transparent transparent transparent rgba(233, 30, 99, 0.3) !important; }


/* =========================================
   4. 咒术回战：角色头像触发字典 (架构转接)
   ========================================= */
.avt {
    display: none !important; 
    width: 96px !important; height: 96px !important; min-width: 96px !important;
    border-radius: 50% !important; border: 2px solid #000000 !important; 
    background-size: 105% !important; /* 彻底消灭边缘黑缝 */
    background-position: center !important; background-repeat: no-repeat !important; 
    background-color: #ffffff !important; flex-shrink: 0 !important; box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;
}

/* 角色映射 */
.npc-msg[data-name*="虎杖"] .avt, .npc-msg[data-name*="悠仁"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/hhOJqSnT.png') !important; }
.npc-msg[data-name*="伏黑"] .avt, .npc-msg[data-name*="惠"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/q0mlbKvl.png') !important; }
.npc-msg[data-name*="钉崎"] .avt, .npc-msg[data-name*="野蔷薇"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/kwh79jxC.png') !important; }
.npc-msg[data-name*="真希"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/ZVIxPoH1.png') !important; }
.npc-msg[data-name*="狗卷"] .avt, .npc-msg[data-name*="棘"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/f93BNouU.png') !important; }
.npc-msg[data-name*="熊猫"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/IpmnGmvH.png') !important; }
.npc-msg[data-name*="乙骨"] .avt, .npc-msg[data-name*="忧太"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/pAGeIW5f.png') !important; }
.npc-msg[data-name*="秤"] .avt, .npc-msg[data-name*="金次"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/UBOwLmQK.png') !important; }
.npc-msg[data-name*="星绮罗罗"] .avt, .npc-msg[data-name*="绮罗罗"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/NIBdRFoQ.png') !important; }
.npc-msg[data-name*="五条"] .avt, .npc-msg[data-name*="悟"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/Dtm5KPpb.png') !important; }
.npc-msg[data-name*="夜蛾"] .avt, .npc-msg[data-name*="正道"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/WG255hRq.png') !important; }
.npc-msg[data-name*="日下部"] .avt, .npc-msg[data-name*="笃也"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/17NvSXQF.png') !important; }
.npc-msg[data-name*="家入"] .avt, .npc-msg[data-name*="硝子"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/9rYnp6D2.png') !important; }
.npc-msg[data-name*="伊地知"] .avt, .npc-msg[data-name*="洁高"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/RfD5H2Wn.png') !important; }
.npc-msg[data-name*="新田明"] .avt, .npc-msg[data-name*="新田新"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/s6n6wV7c.png') !important; }
.npc-msg[data-name*="真依"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/jG2Ius6N.png') !important; }
.npc-msg[data-name*="三轮"] .avt, .npc-msg[data-name*="霞"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/9sX2oIAB.png') !important; }
.npc-msg[data-name*="与幸吉"] .avt, .npc-msg[data-name*="机械丸"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/GNLOjjJf.png') !important; }
.npc-msg[data-name*="东堂"] .avt, .npc-msg[data-name*="葵"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/VfttinV7.png') !important; }
.npc-msg[data-name*="加茂宪纪"] .avt, .npc-msg[data-name*="宪纪"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/iGeT41Fp.png') !important; }
.npc-msg[data-name*="西宫"] .avt, .npc-msg[data-name*="桃"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/v74oJ44f.png') !important; }
.npc-msg[data-name*="乐岩寺"] .avt, .npc-msg[data-name*="嘉伸"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/9yteOKVG.png') !important; }
.npc-msg[data-name*="庵歌姬"] .avt, .npc-msg[data-name*="歌姬"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/pzkLqhZ2.png') !important; }
.npc-msg[data-name*="七海"] .avt, .npc-msg[data-name*="建人"] .avt, .npc-msg[data-name*="娜娜明"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/CikTfUXA.png') !important; }
.npc-msg[data-name*="冥冥"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/nM4r79kW.png') !important; }
.npc-msg[data-name*="忧忧"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/U66uNTMz.png') !important; }
.npc-msg[data-name*="猪野"] .avt, .npc-msg[data-name*="琢真"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/qLDfT9O9.png') !important; }
.npc-msg[data-name*="九十九"] .avt, .npc-msg[data-name*="由基"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/lymUfuj2.png') !important; }
.npc-msg[data-name*="直毘人"] .avt, .npc-msg[data-name*="直毗人"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/s7OBZtRd.png') !important; }
.npc-msg[data-name*="直哉"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/Eu7Eg2bh.png') !important; }
.npc-msg[data-name*="甚尔"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/dPWxSD5X.png') !important; }
.npc-msg[data-name*="日车"] .avt, .npc-msg[data-name*="宽见"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/6vI6watM.png') !important; }
.npc-msg[data-name*="高羽"] .avt, .npc-msg[data-name*="史彦"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/mChHnQEN.png') !important; }
.npc-msg[data-name*="查理"] .avt, .npc-msg[data-name*="贝尔纳"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/L4de2Q5I.png') !important; }
.npc-msg[data-name*="鹿紫云"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/v4pAFT5G.png') !important; }
.npc-msg[data-name*="来栖"] .avt, .npc-msg[data-name*="华"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/SSo4ulfw.png') !important; }
.npc-msg[data-name*="夏油"] .avt, .npc-msg[data-name*="杰"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/WvMupB2H.png') !important; }
.npc-msg[data-name*="羂索"] .avt, .npc-msg[data-name*="脑花"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/37zv8fq2.png') !important; }
.npc-msg[data-name*="加茂宪伦"] .avt, .npc-msg[data-name*="宪伦"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/37zv8fq2.png') !important; }
.npc-msg[data-name*="里梅"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/pwyVIgEV.png') !important; }
.npc-msg[data-name*="美美子"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/W5AMBpXx.png') !important; }
.npc-msg[data-name*="菜菜子"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/gYbKaANz.png') !important; }
.npc-msg[data-name*="重面"] .avt, .npc-msg[data-name*="春太"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/bYTGaQhk.png') !important; }
.npc-msg[data-name*="宿傩"] .avt, .npc-msg[data-name*="两面宿傩"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/dgyJGhO3.png') !important; }
.npc-msg[data-name*="里香"] .avt, .npc-msg[data-name*="祈本里香"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/psYYMzI5.png') !important; }
.npc-msg[data-name*="真人"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/n6b9ABrV.png') !important; }
.npc-msg[data-name*="漏瑚"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/DRUfhiGT.png') !important; }
.npc-msg[data-name*="花御"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/xvW3TnxM.png') !important; }
.npc-msg[data-name*="陀艮"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/JVkhkI5e.png') !important; }
.npc-msg[data-name*="胀相"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/HsD22lP6.png') !important; }
.npc-msg[data-name*="津美纪"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/Uc4dS2TM.png') !important; }
.npc-msg[data-name*="顺平"] .avt, .npc-msg[data-name*="吉野顺平"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/23WDHMsR.png') !important; }
.npc-msg[data-name*="吉野凪"] .avt, .npc-msg[data-name*="凪"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/tqqUJAU5.png') !important; }
.npc-msg[data-name*="理子"] .avt, .npc-msg[data-name*="天内理子"] .avt { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/BDExQFBQ.png') !important; }


/* =========================================
   5. 青春明亮版 UI美化包 (面板/代码块/信息网格)
   ========================================= */
.rili-markdown-renderer pre, div[class*="prose"] pre {
  border-radius: 12px !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important; overflow: hidden !important; background: #ffffff !important;
}
.rili-markdown-renderer pre > div > div.flex.justify-between.h-8, .rili-markdown-renderer pre > div > div.border-b {
  background: linear-gradient(90deg, #dbeafe 0%, #dcfce7 33%, #fef9c3 66%, #fce7f3 100%) !important; border-bottom: 1px solid #cbd5e1 !important;
}
.rili-markdown-renderer pre > div > div.flex.justify-between > div { color: #333333 !important; font-weight: 700 !important; letter-spacing: 1px !important; }
.rili-markdown-renderer pre > div > div[node] { background: #f8fafc !important; color: #333333 !important; padding: 1.2em !important; }

/* 折叠面板 (手账卡片) */
.theme-details {
  background: #ffffff !important; border: 1px solid #94a3b8 !important; border-radius: 12px !important; margin-bottom: 16px !important; overflow: hidden !important; box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}
.theme-details.locked-card { border-left: 4px solid #f59e0b !important; background: #fffbeb !important; }
.fold-header {
  padding: 14px 16px !important; font-weight: 900 !important; font-size: 1.15em !important; color: #000000 !important; 
  background: linear-gradient(90deg, #dbeafe 0%, #dcfce7 33%, #ffedd5 66%, #fce7f3 100%) !important; cursor: pointer !important; border-bottom: 1px solid #cbd5e1 !important;
}
.locked-card .fold-header { color: #9a3412 !important; background: linear-gradient(90deg, #ffedd5 0%, #fed7aa 100%) !important; }
.fold-content { padding: 16px !important; background: #f8fafc !important; color: #222222 !important; font-size: 1.05em !important; line-height: 1.75 !important; }

/* 信息网格与子面板 */
.info-grid {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; gap: 14px !important;
  margin: 14px 0 !important; background: #ffffff !important; padding: 14px !important; border-radius: 8px !important; border: 1px solid #cbd5e1 !important;
}
.info-grid span { font-size: 1em !important; color: #444444 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }
.info-grid b { color: #000000 !important; font-size: 1.1em !important; }
.sub-details { margin: 14px 0 !important; border: 1px solid #94a3b8 !important; border-radius: 8px !important; background: #ffffff !important; }
.sub-details summary { padding: 12px 16px !important; cursor: pointer !important; color: #000000 !important; font-weight: 800 !important; background: #f1f5f9 !important; border-radius: 8px !important; transition: background 0.3s !important; }
.sub-details[open] summary { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 1px solid #cbd5e1 !important; }
.sub-body { padding: 16px !important; color: #222222 !important; }

/* =========================================
   6. 悬浮词(Tooltip) 与 状态血条化
   ========================================= */
.hover-item { position: relative !important; display: inline-block !important; color: #2563eb !important; border-bottom: 1px dashed #3b82f6 !important; cursor: help !important; font-weight: 600 !important; }
.item-desc {
  visibility: hidden !important; opacity: 0 !important; width: max-content !important; max-width: 280px !important; background: #ffffff !important; color: #333333 !important;
  border-radius: 8px !important; padding: 10px 14px !important; position: absolute !important; z-index: 100 !important; bottom: 130% !important; left: 50% !important;
  transform: translateX(-50%) translateY(10px) !important; transition: all 0.3s ease !important; border: 1px solid #93c5fd !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important; pointer-events: none !important;
}
.hover-item:hover .item-desc { visibility: visible !important; opacity: 1 !important; transform: translateX(-50%) translateY(0) !important; }

.bar-wrap { width: 100% !important; height: 24px !important; background-color: #e2e8f0 !important; border-radius: 12px !important; position: relative !important; overflow: hidden !important; border: 1px solid #cbd5e1 !important; margin: 12px 0 !important; }
.bar-fill.mp-bar { height: 100% !important; background: linear-gradient(90deg, #93c5fd 0%, #86efac 33%, #fde047 66%, #f9a8d4 100%) !important; border-radius: 12px !important; transition: width 0.6s ease-in-out !important; }
.bar-text { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; color: #000000 !important; font-size: 13px !important; font-weight: 900 !important; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff !important; white-space: nowrap !important; z-index: 2 !important; pointer-events: none !important; }

/* ==================================
   7. 纯CSS海报卡片 (无散光名字栏)
   ================================== */
.npc-card { position: relative !important; width: 100% !important; border-radius: 12px !important; overflow: hidden !important; background: #ffffff !important; border: 1px solid #94a3b8 !important; margin-bottom: 16px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; display: flex !important; flex-direction: column !important; }
.npc-banner { width: 100% !important; overflow: hidden !important; position: relative !important; display: block !important; }

.npc-name-bar { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 340px !important; padding: 16px 20px !important; background: transparent !important; display: flex !important; justify-content: space-between !important; align-items: flex-end !important; box-sizing: border-box !important; pointer-events: none !important; z-index: 10 !important; }
.npc-name-bar span { color: #000000 !important; font-size: 1.4em !important; font-weight: 900 !important; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff, 0px 2px 4px rgba(0,0,0,0.3) !important; }
.npc-name-bar span:last-child { font-size: 1.05em !important; font-weight: 800 !important; }

.npc-card .sub-details { margin: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.npc-card .sub-details summary { background: #f8fafc !important; color: #000000 !important; font-weight: 900 !important; font-size: 1.05em !important; text-align: right !important; padding: 16px 24px !important; border-radius: 0 !important; border-top: 1px solid #cbd5e1 !important; transition: background 0.3s !important; }
.npc-card .sub-details summary:hover { background: #e2e8f0 !important; }
.npc-card .sub-body { padding: 18px !important; font-size: 1em !important; background: #ffffff !important; border-top: 2px dashed #94a3b8 !important; line-height: 1.7 !important; }

.npc-banner img { box-sizing: border-box !important; width: 100% !important; height: 0 !important; padding-top: 340px !important; overflow: hidden !important; background-size: cover !important; background-position: top center !important; background-repeat: no-repeat !important; background-image: linear-gradient(45deg, #dbeafe 0%, #fce7f3 100%) !important; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }
.npc-card:hover .npc-banner img { transform: scale(1.03) !important; }

/* 海报精准映射库 (通过Alt标签解析) */
.rili-markdown-renderer .npc-banner img[alt*="虎杖"] { background-image: url("https://s3.bmp.ovh/2026/07/14/t5Zua9hy.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="伏黑惠"] { background-image: url("https://s3.bmp.ovh/2026/07/14/NSTVMwyK.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="钉崎"], .rili-markdown-renderer .npc-banner img[alt*="野蔷薇"] { background-image: url("https://s3.bmp.ovh/2026/07/14/Ni1SQtkJ.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="真希"] { background-image: url("https://s3.bmp.ovh/2026/07/14/S0F2edbX.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="狗卷"] { background-image: url("https://s3.bmp.ovh/2026/07/14/1a8MsiXM.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="熊猫"] { background-image: url("https://s3.bmp.ovh/2026/07/15/qaSDNl6V.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="乙骨"] { background-image: url("https://s3.bmp.ovh/2026/07/14/Ju99P7X6.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="秤金次"] { background-image: url("https://s3.bmp.ovh/2026/07/15/tfFcXTjs.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="绮罗罗"] { background-image: url("https://s3.bmp.ovh/2026/07/15/71Y26g7I.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="五条"] { background-image: url("https://s3.bmp.ovh/2026/07/14/CNxvQpor.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="夜蛾"] { background-image: url("https://s3.bmp.ovh/2026/07/14/sfc61xRD.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="日下部"] { background-image: url("https://s3.bmp.ovh/2026/07/14/qVxREBwu.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="硝子"] { background-image: url("https://s3.bmp.ovh/2026/07/14/dTkU3Gre.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="伊地知"] { background-image: url("https://s3.bmp.ovh/2026/07/14/82gRldWR.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="新田"] { background-image: url("https://s3.bmp.ovh/2026/07/15/taPGa41s.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="真依"] { background-image: url("https://s3.bmp.ovh/2026/07/14/4uCXl3G6.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="三轮"] { background-image: url("https://s3.bmp.ovh/2026/07/14/k8YYqyUa.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="与幸吉"], .rili-markdown-renderer .npc-banner img[alt*="机械丸"] { background-image: url("https://s3.bmp.ovh/2026/07/14/SBymn6bS.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="东堂"] { background-image: url("https://s3.bmp.ovh/2026/07/14/HP7HpB7W.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="加茂宪纪"] { background-image: url("https://s3.bmp.ovh/2026/07/14/OZ1JH3qr.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="西宫"] { background-image: url("https://s3.bmp.ovh/2026/07/14/Pf8pLR6g.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="乐岩寺"] { background-image: url("https://s3.bmp.ovh/2026/07/14/DVnr3pWU.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="歌姬"] { background-image: url("https://s3.bmp.ovh/2026/07/15/KMj1mRwD.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="七海"] { background-image: url("https://s3.bmp.ovh/2026/07/14/3mTj1D7O.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="冥冥"] { background-image: url("https://s3.bmp.ovh/2026/07/14/nt6PCR2d.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="忧忧"] { background-image: url("https://s3.bmp.ovh/2026/07/15/N4TraHez.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="猪野"] { background-image: url("https://s3.bmp.ovh/2026/07/15/zI51nOJu.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="九十九"] { background-image: url("https://s3.bmp.ovh/2026/07/15/ymqE8WZn.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="直毘人"] { background-image: url("https://s3.bmp.ovh/2026/07/14/9V3BCpYQ.jpg") !important; }
.rili-markdown-renderer .npc-banner img[alt*="直哉"] { background-image: url("https://s3.bmp.ovh/2026/07/15/7EW63I2o.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="甚尔"] { background-image: url("https://s3.bmp.ovh/2026/07/14/ScfEFoNo.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="日车"] { background-image: url("https://s3.bmp.ovh/2026/07/15/18e1Eph6.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="高羽"] { background-image: url("https://s3.bmp.ovh/2026/07/15/if8Bb157.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="查理"] { background-image: url("https://s3.bmp.ovh/2026/07/14/0WYGY1AE.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="鹿紫云"] { background-image: url("https://s3.bmp.ovh/2026/07/15/9oOHXaz5.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="来栖华"] { background-image: url("https://s3.bmp.ovh/2026/07/15/Cn4s0f8k.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="夏油"] { background-image: url("https://s3.bmp.ovh/2026/07/14/KhrIlUue.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="羂索"] { background-image: url("https://s3.bmp.ovh/2026/07/14/Q5dCfKZg.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="里梅"] { background-image: url("https://s3.bmp.ovh/2026/07/14/DEuU7sNQ.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="美美子"] { background-image: url("https://s3.bmp.ovh/2026/07/15/dtjgtSlz.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="菜菜子"] { background-image: url("https://s3.bmp.ovh/2026/07/15/JOvKoywk.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="重面"] { background-image: url("https://s3.bmp.ovh/2026/07/14/LrbL8bkU.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="加茂宪伦"] { background-image: url("https://s3.bmp.ovh/2026/07/15/RNY1TYJn.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="宿傩"] { background-image: url("https://s3.bmp.ovh/2026/07/14/BqFohqOo.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="里香"] { background-image: url("https://s3.bmp.ovh/2026/07/15/JOvKoywk.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="真人"] { background-image: url("https://s3.bmp.ovh/2026/07/14/QUcoDkGZ.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="漏瑚"] { background-image: url("https://s3.bmp.ovh/2026/07/14/HwrHvRzI.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="花御"] { background-image: url("https://s3.bmp.ovh/2026/07/14/pGeDSEa5.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="陀艮"] { background-image: url("https://s3.bmp.ovh/2026/07/14/zxJkgJFy.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="胀相"] { background-image: url("https://s3.bmp.ovh/2026/07/14/Lihb1lWy.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="津美纪"] { background-image: url("https://s3.bmp.ovh/2026/07/15/hATdxJ0t.jpg") !important; }
.rili-markdown-renderer .npc-banner img[alt*="顺平"] { background-image: url("https://s3.bmp.ovh/2026/07/14/uAeUcblq.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="吉野凪"] { background-image: url("https://s3.bmp.ovh/2026/07/15/yjiWTn2n.png") !important; }
.rili-markdown-renderer .npc-banner img[alt*="天内"] { background-image: url("https://s3.bmp.ovh/2026/07/15/9UJ1901I.png") !important; }

/* =========================================
   8. 移动端完美适配
   ========================================= */
@media (max-width: 768px) {
  .avt { width: 72px !important; height: 72px !important; min-width: 72px !important; }
  .n-bubble { font-size: 1rem !important; padding: 10px 14px !important; }
  .n-name { font-size: 0.95rem !important; }
  
  .info-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 10px !important; padding: 10px !important; }
  .npc-banner img { padding-top: 280px !important; }
  .npc-name-bar { height: 280px !important; padding: 12px 16px !important; }
  .npc-name-bar span { font-size: 1.25em !important; }
  .npc-name-bar span:last-child { font-size: 0.95em !important; }
  .fold-header, .npc-card .sub-details summary, .sub-details summary { font-size: 1em !important; padding: 12px 16px !important; }
}
/* ============================================
   0. 全局透明化与外部文字调整
============================================ */
/* 强制清除酒馆(前端)自带的黄色/灰色消息底色，保持100%透明 */
.mes, .mes_bg {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 1. 外部普通正文字号 (保持稍微缩小的精致感) */
p, .mes_text, .text_block {
    font-size: 1.02rem !important; 
    line-height: 1.6 !important;
}

/* ============================================
   咒术回战：单侧沉浸式对话框 (纯CSS驱动完整版)
============================================ */

/* 基础布局容器 (完全透明) */
.jjk-chat {
    display: flex !important;
    align-items: center !important; 
    gap: 14px !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 18px auto !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    
    /* 彻底透明，不加任何底色和边框，完全融入背景图 */
    background-color: transparent !important; 
    backdrop-filter: none !important; 
    -webkit-backdrop-filter: none !important;
    border: none !important; 
    box-shadow: none !important;
    padding: 10px 0 !important;
}

/* 2. 头像样式（恢复大尺寸，图片微微放大填满黑缝） */
.jjk-avatar {
    display: none !important; 
    width: 96px !important;   /* 恢复到 96px 的大尺寸 */
    height: 96px !important;
    border-radius: 50% !important;
    border: 2px solid #000000 !important; 
    
    /* 【核心修复】：将内部图片放大到 105%，完美撑满圆框，彻底消灭边缘黑缝 */
    background-size: 105% !important; 
    
    background-position: center !important;
    background-repeat: no-repeat !important; 
    background-color: #ffffff !important; 
    flex-shrink: 0 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;
}

/* 内容与气泡区域 */
.jjk-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* 名字字号 (保持不变) */
.jjk-name {
    font-size: 1rem !important; 
    font-weight: bold !important;
    margin-bottom: 6px !important;
    text-shadow: none !important;
}

/* 3. 对话框内文字 (保持不变) */
.jjk-bubble {
    position: relative !important; 
    padding: 12px 18px !important;
    border-radius: 16px !important;
    border: 2px solid #000000 !important;
    color: #000000 !important; 
    font-size: 1.05rem !important; 
    line-height: 1.6 !important;
    box-shadow: 2px 3px 0px rgba(0,0,0,0.2) !important;
    word-break: break-word !important;
    max-width: fit-content !important;
}

/* 左右排版控制 & 小箭头生成 */
.jjk-bubble::before, .jjk-bubble::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-style: solid !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
}

/* --- 左侧对话 (NPC默认) --- */
.jjk-chat[data-align="left"] { flex-direction: row !important; }
.jjk-chat[data-align="left"] .jjk-content { align-items: flex-start !important; }
.jjk-chat[data-align="left"] .jjk-bubble { border-top-left-radius: 4px !important; text-align: left !important; }
/* 左侧黑色外箭头边框 */
.jjk-chat[data-align="left"] .jjk-bubble::before {
    left: -14px !important; border-width: 10px 14px 10px 0 !important; border-color: transparent #000000 transparent transparent !important;
}
/* 左侧内箭头颜色 (绝对保留) */
.jjk-chat[data-align="left"][data-gender="m"] .jjk-bubble::after {
    left: -10px !important; border-width: 8px 11px 8px 0 !important; border-color: transparent rgba(33, 150, 243, 0.3) transparent transparent !important;
}
.jjk-chat[data-align="left"][data-gender="f"] .jjk-bubble::after {
    left: -10px !important; border-width: 8px 11px 8px 0 !important; border-color: transparent rgba(233, 30, 99, 0.3) transparent transparent !important;
}

/* --- 右侧对话 (玩家/对立NPC) --- */
.jjk-chat[data-align="right"] { flex-direction: row-reverse !important; }
.jjk-chat[data-align="right"] .jjk-content { align-items: flex-end !important; }
.jjk-chat[data-align="right"] .jjk-bubble { 
    border-top-right-radius: 4px !important; 
    text-align: left !important; 
}
/* 右侧黑色外箭头边框 */
.jjk-chat[data-align="right"] .jjk-bubble::before {
    right: -14px !important; border-width: 10px 0 10px 14px !important; border-color: transparent transparent transparent #000000 !important;
}
/* 右侧内箭头颜色 (绝对保留) */
.jjk-chat[data-align="right"][data-gender="m"] .jjk-bubble::after {
    right: -10px !important; border-width: 8px 0 8px 11px !important; border-color: transparent transparent transparent rgba(33, 150, 243, 0.3) !important;
}
.jjk-chat[data-align="right"][data-gender="f"] .jjk-bubble::after {
    right: -10px !important; border-width: 8px 0 8px 11px !important; border-color: transparent transparent transparent rgba(233, 30, 99, 0.3) !important;
}

/* 性别底色控制 (完美保留你的蓝粉底色，绝不动它) */
/* 男性：清澈蓝 */
.jjk-chat[data-gender="m"] .jjk-bubble { background-color: rgba(33, 150, 243, 0.3) !important; }
.jjk-chat[data-gender="m"] .jjk-name { color: #1565c0 !important; }
.jjk-chat[data-gender="m"] .jjk-avatar { border-color: #1976d2 !important; }
/* 女性：明亮粉 */
.jjk-chat[data-gender="f"] .jjk-bubble { background-color: rgba(233, 30, 99, 0.3) !important; }
.jjk-chat[data-gender="f"] .jjk-name { color: #c2185b !important; }
.jjk-chat[data-gender="f"] .jjk-avatar { border-color: #d81b60 !important; }

/* ============================================
   角色头像触发字典
============================================ */
.jjk-avatar[data-char*="虎杖"], .jjk-avatar[data-char*="悠仁"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/hhOJqSnT.png') !important; }
.jjk-avatar[data-char*="伏黑"], .jjk-avatar[data-char*="惠"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/q0mlbKvl.png') !important; }
.jjk-avatar[data-char*="钉崎"], .jjk-avatar[data-char*="野蔷薇"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/kwh79jxC.png') !important; }
.jjk-avatar[data-char*="真希"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/ZVIxPoH1.png') !important; }
.jjk-avatar[data-char*="狗卷"], .jjk-avatar[data-char*="棘"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/f93BNouU.png') !important; }
.jjk-avatar[data-char*="熊猫"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/IpmnGmvH.png') !important; }
.jjk-avatar[data-char*="乙骨"], .jjk-avatar[data-char*="忧太"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/pAGeIW5f.png') !important; }
.jjk-avatar[data-char*="秤"], .jjk-avatar[data-char*="金次"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/UBOwLmQK.png') !important; }
.jjk-avatar[data-char*="星绮罗罗"], .jjk-avatar[data-char*="绮罗罗"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/NIBdRFoQ.png') !important; }
.jjk-avatar[data-char*="五条"], .jjk-avatar[data-char*="悟"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/Dtm5KPpb.png') !important; }
.jjk-avatar[data-char*="夜蛾"], .jjk-avatar[data-char*="正道"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/WG255hRq.png') !important; }
.jjk-avatar[data-char*="日下部"], .jjk-avatar[data-char*="笃也"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/17NvSXQF.png') !important; }
.jjk-avatar[data-char*="家入"], .jjk-avatar[data-char*="硝子"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/9rYnp6D2.png') !important; }
.jjk-avatar[data-char*="伊地知"], .jjk-avatar[data-char*="洁高"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/RfD5H2Wn.png') !important; }
.jjk-avatar[data-char*="新田明"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/bOQBcX5i.png') !important; }
.jjk-avatar[data-char*="新天新"], .jjk-avatar[data-char*="新田新"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/s6n6wV7c.png') !important; }
.jjk-avatar[data-char*="真依"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/jG2Ius6N.png') !important; }
.jjk-avatar[data-char*="三轮"], .jjk-avatar[data-char*="霞"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/9sX2oIAB.png') !important; }
.jjk-avatar[data-char*="与幸吉"], .jjk-avatar[data-char*="机械丸"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/GNLOjjJf.png') !important; }
.jjk-avatar[data-char*="东堂"], .jjk-avatar[data-char*="葵"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/VfttinV7.png') !important; }
.jjk-avatar[data-char*="加茂宪纪"], .jjk-avatar[data-char*="宪纪"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/iGeT41Fp.png') !important; }
.jjk-avatar[data-char*="西宫"], .jjk-avatar[data-char*="桃"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/v74oJ44f.png') !important; }
.jjk-avatar[data-char*="乐岩寺"], .jjk-avatar[data-char*="嘉伸"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/9yteOKVG.png') !important; }
.jjk-avatar[data-char*="庵歌姬"], .jjk-avatar[data-char*="歌姬"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/pzkLqhZ2.png') !important; }
.jjk-avatar[data-char*="七海"], .jjk-avatar[data-char*="建人"], .jjk-avatar[data-char*="娜娜明"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/CikTfUXA.png') !important; }
.jjk-avatar[data-char*="冥冥"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/nM4r79kW.png') !important; }
.jjk-avatar[data-char*="忧忧"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/U66uNTMz.png') !important; }
.jjk-avatar[data-char*="猪野"], .jjk-avatar[data-char*="琢真"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/qLDfT9O9.png') !important; }
.jjk-avatar[data-char*="九十九"], .jjk-avatar[data-char*="由基"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/lymUfuj2.png') !important; }
.jjk-avatar[data-char*="直毘人"], .jjk-avatar[data-char*="直毗人"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/s7OBZtRd.png') !important; }
.jjk-avatar[data-char*="直哉"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/Eu7Eg2bh.png') !important; }
.jjk-avatar[data-char*="甚尔"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/dPWxSD5X.png') !important; }
.jjk-avatar[data-char*="日车"], .jjk-avatar[data-char*="宽见"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/6vI6watM.png') !important; }
.jjk-avatar[data-char*="高羽"], .jjk-avatar[data-char*="史彦"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/mChHnQEN.png') !important; }
.jjk-avatar[data-char*="查理"], .jjk-avatar[data-char*="贝尔纳"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/L4de2Q5I.png') !important; }
.jjk-avatar[data-char*="鹿紫云"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/v4pAFT5G.png') !important; }
.jjk-avatar[data-char*="来栖"], .jjk-avatar[data-char*="华"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/SSo4ulfw.png') !important; }
.jjk-avatar[data-char*="夏油"], .jjk-avatar[data-char*="杰"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/WvMupB2H.png') !important; }
.jjk-avatar[data-char*="羂索"], .jjk-avatar[data-char*="脑花"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/37zv8fq2.png') !important; }
.jjk-avatar[data-char*="加茂宪伦"], .jjk-avatar[data-char*="宪伦"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/37zv8fq2.png') !important; }
.jjk-avatar[data-char*="里梅"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/pwyVIgEV.png') !important; }
.jjk-avatar[data-char*="美美子"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/W5AMBpXx.png') !important; }
.jjk-avatar[data-char*="菜菜子"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/gYbKaANz.png') !important; }
.jjk-avatar[data-char*="重面"], .jjk-avatar[data-char*="春太"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/bYTGaQhk.png') !important; }
.jjk-avatar[data-char*="宿傩"], .jjk-avatar[data-char*="两面宿傩"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/dgyJGhO3.png') !important; }
.jjk-avatar[data-char*="里香"], .jjk-avatar[data-char*="祈本里香"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/psYYMzI5.png') !important; }
.jjk-avatar[data-char*="真人"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/n6b9ABrV.png') !important; }
.jjk-avatar[data-char*="漏瑚"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/DRUfhiGT.png') !important; }
.jjk-avatar[data-char*="花御"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/xvW3TnxM.png') !important; }
.jjk-avatar[data-char*="陀艮"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/JVkhkI5e.png') !important; }
.jjk-avatar[data-char*="胀相"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/HsD22lP6.png') !important; }
.jjk-avatar[data-char*="津美纪"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/Uc4dS2TM.png') !important; }
.jjk-avatar[data-char*="顺平"], .jjk-avatar[data-char*="吉野顺平"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/23WDHMsR.png') !important; }
.jjk-avatar[data-char*="吉野凪"], .jjk-avatar[data-char*="凪"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/tqqUJAU5.png') !important; }
.jjk-avatar[data-char*="理子"], .jjk-avatar[data-char*="天内理子"] { display: block !important; background-image: url('https://s3.bmp.ovh/2026/07/15/BDExQFBQ.png') !important; }

/* 移动端适配 (同步恢复大尺寸) */
@media (max-width: 480px) {
    .jjk-avatar { width: 72px !important; height: 72px !important; }
    .jjk-bubble { font-size: 1rem !important; padding: 10px 14px !important; }
    .jjk-name { font-size: 0.95rem !important; }
}
/* ============================================
   动态玩家头像专属原生标签 (彻底绕过安全拦截)
============================================ */
.jjk-player-img {
    display: block !important;
    width: 96px !important;
    height: 96px !important;
    border-radius: 50% !important;
    border: 2px solid #000000 !important;
    /* object-fit 相当于 img 标签的 background-size: cover */
    object-fit: cover !important; 
    object-position: center !important;
    background-color: #ffffff !important;
    flex-shrink: 0 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;
}

/* 移动端适配同步缩小 */
@media (max-width: 480px) {
    .jjk-player-img { width: 72px !important; height: 72px !important; }
}