/* ============ 顶部场景栏 ============ */
topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;margin:8px 0;background:linear-gradient(100deg,#0a0e27 0%,#1a1f4a 50%,#0d1b3a 100%);border:1px solid #2a3a7a;border-radius:10px;box-shadow:0 0 18px rgba(79,140,255,.25),inset 0 0 30px rgba(40,60,140,.2);position:relative;overflow:hidden;font-family:"Segoe UI","Microsoft YaHei",sans-serif;}
topbar::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,180,255,.12),transparent);animation:scan 4s linear infinite;}
@keyframes scan{0%{left:-100%}100%{left:200%}}
scene{display:flex;align-items:center;gap:8px;z-index:1;}
dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#00ffaa;box-shadow:0 0 8px #00ffaa,0 0 14px #00ffaa;animation:pulse 1.4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
name{display:inline;font-size:16px;font-weight:700;color:#e8f0ff;letter-spacing:1px;text-shadow:0 0 10px rgba(100,160,255,.6);}
diff{display:inline-block;padding:2px 10px;font-size:12px;font-weight:700;color:#ff4d6d;border:1px solid #ff4d6d;border-radius:4px;background:rgba(255,77,109,.12);text-shadow:0 0 6px rgba(255,77,109,.5);}
env{display:flex;gap:14px;flex-wrap:wrap;z-index:1;}
env item{display:flex;align-items:center;gap:5px;font-size:13px;color:#9db4e8;}
ic{display:inline;font-size:14px;}
val{display:inline;color:#cdd9f5;}

/* ============ 折叠容器通用 ============ */
details{margin:10px 0;background:linear-gradient(160deg,#0c1129 0%,#141a3d 100%);border:1px solid #283566;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.4);}
summary{cursor:pointer;padding:12px 16px;font-size:15px;font-weight:700;color:#a9c4ff;letter-spacing:1px;background:linear-gradient(90deg,rgba(40,60,140,.4),rgba(20,30,80,.1));border-left:3px solid #4f8cff;list-style:none;transition:all .25s;text-shadow:0 0 8px rgba(79,140,255,.4);}
summary::-webkit-details-marker{display:none;}
summary:hover{background:linear-gradient(90deg,rgba(79,140,255,.35),rgba(40,60,140,.1));border-left-color:#00ffaa;color:#e8f0ff;padding-left:20px;}
details[open] summary{border-bottom:1px solid #283566;color:#fff;}

/* ============ 档案头部 ============ */
profile,npc{display:block;padding:14px 16px;}
phead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #2a3a7a;}
pname{display:inline;font-size:17px;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(120,180,255,.7);}
ptitle{display:inline;font-size:12px;color:#8fa8d8;font-style:italic;}
pcamp{display:inline-block;padding:2px 10px;font-size:11px;font-weight:700;border-radius:12px;}
pcamp.守序{color:#4fd6ff;background:rgba(79,214,255,.15);border:1px solid #4fd6ff;}
pcamp.邪恶{color:#ff4d6d;background:rgba(255,77,109,.15);border:1px solid #ff4d6d;}
pcamp.灰色{color:#b0b0c0;background:rgba(176,176,192,.15);border:1px solid #b0b0c0;}
pcamp.凡人{color:#90d890;background:rgba(144,216,144,.15);border:1px solid #90d890;}

/* ============ 信息行 ============ */
prow{display:flex;gap:10px;padding:5px 0;font-size:13px;border-bottom:1px solid rgba(40,53,102,.3);}
pl{display:inline-block;min-width:70px;color:#6f86c0;font-weight:600;flex-shrink:0;}
pv{display:inline;color:#d4ddf2;line-height:1.6;}
ptag{display:inline-block;padding:1px 7px;font-size:11px;color:#ffd479;background:rgba(255,212,121,.12);border:1px solid rgba(255,212,121,.4);border-radius:3px;margin-left:4px;}
rune{display:block;margin-top:8px;padding:8px 12px;font-size:12px;color:#c9a8ff;background:linear-gradient(90deg,rgba(150,100,255,.15),transparent);border-left:2px solid #9664ff;border-radius:4px;font-style:italic;}

/* ============ 经验条 ============ */
exp{display:block;margin:12px 0;padding:10px 14px;background:rgba(20,30,70,.4);border-radius:8px;}
ehead{display:flex;justify-content:space-between;font-size:12px;color:#8fa8d8;margin-bottom:6px;}
el,elv{display:inline;}
ebar{display:block;height:10px;background:#0a0e27;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 6px rgba(0,0,0,.6);}
efill{display:block;height:100%;background:linear-gradient(90deg,#4f8cff,#00ffaa);border-radius:5px;box-shadow:0 0 10px rgba(0,255,170,.6);position:relative;animation:flow 2s linear infinite;background-size:200% 100%;}
@keyframes flow{0%{background-position:0 0}100%{background-position:200% 0}}
eval{display:block;text-align:right;font-size:11px;color:#9db4e8;margin-top:4px;}
enext{display:block;font-size:11px;color:#6f86c0;margin-top:2px;}

/* ============ 属性条 HP/MP/战意 ============ */
stat{display:block;margin:12px 0;}
sline{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12px;}
sl{display:inline-block;min-width:54px;color:#8fa8d8;flex-shrink:0;}
bar{display:block;flex:1;height:12px;background:#0a0e27;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 5px rgba(0,0,0,.7);}
bar fill{display:block;height:100%;border-radius:6px;transition:width .4s;}
bar.hp fill{background:linear-gradient(90deg,#ff3355,#ff6b88);box-shadow:0 0 8px rgba(255,51,85,.6);}
bar.mp fill{background:linear-gradient(90deg,#3388ff,#5fc8ff);box-shadow:0 0 8px rgba(51,136,255,.6);}
bar.will fill{background:linear-gradient(90deg,#aa44ff,#dd88ff);box-shadow:0 0 8px rgba(170,68,255,.6);}
sv{display:inline-block;min-width:70px;text-align:right;color:#cdd9f5;flex-shrink:0;}

/* ============ 技能 / 装备 ============ */
skills,gears{display:block;margin:12px 0;}
skh{display:block;font-size:13px;font-weight:700;color:#4fd6ff;margin-bottom:8px;padding-left:8px;border-left:3px solid #4fd6ff;text-shadow:0 0 6px rgba(79,214,255,.4);}
sk,gear{display:block;margin:6px 0;padding:8px 12px;background:rgba(30,42,90,.4);border-radius:6px;border:1px solid rgba(79,140,255,.15);transition:all .2s;}
sk:hover,gear:hover{background:rgba(40,60,140,.5);border-color:#4f8cff;transform:translateX(4px);}
skn,gn{display:block;font-size:13px;font-weight:700;color:#ffd479;margin-bottom:3px;}
skd,gd{display:block;font-size:12px;color:#aebdda;line-height:1.5;}

/* ============ 信仰之力 ============ */
faith{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 14px;background:linear-gradient(90deg,rgba(255,212,121,.12),rgba(150,100,255,.08));border:1px solid rgba(255,212,121,.3);border-radius:8px;}
fl{display:inline-block;font-size:13px;font-weight:700;color:#ffd479;text-shadow:0 0 8px rgba(255,212,121,.5);flex-shrink:0;}
fv{display:inline;font-size:12px;color:#e0d0a0;}

/* ============ 业力系统 ============ */
karma{display:block;padding:12px 16px;}
khead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
kl{display:inline;font-size:13px;font-weight:700;color:#a9c4ff;}
kstate{display:inline-block;padding:3px 12px;font-size:12px;font-weight:700;border-radius:12px;}
kstate.安全{color:#00ffaa;background:rgba(0,255,170,.12);border:1px solid #00ffaa;}
kstate.警戒{color:#ffaa44;background:rgba(255,170,68,.12);border:1px solid #ffaa44;animation:pulse 1.5s infinite;}
kstate.红名{color:#ff3355;background:rgba(255,51,85,.18);border:1px solid #ff3355;animation:pulse .8s infinite;box-shadow:0 0 12px rgba(255,51,85,.5);}
kbar{display:block;height:12px;background:#0a0e27;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 6px rgba(0,0,0,.7);}
kfill{display:block;height:100%;background:linear-gradient(90deg,#ffaa44,#ff3355);border-radius:6px;box-shadow:0 0 10px rgba(255,51,85,.5);transition:width .4s;}
kval{display:block;text-align:right;font-size:11px;color:#ff8899;margin-top:4px;}
kwarn{display:block;font-size:11px;color:#6f86c0;margin-top:6px;font-style:italic;}

/* ============ 门系统 ============ */
gate{display:flex;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:1px dashed #283566;}
gitem{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(30,42,90,.5);border-radius:8px;border:1px solid rgba(79,140,255,.2);font-size:13px;}
gic{display:inline;font-size:15px;}
gl{display:inline;color:#8fa8d8;}
gv{display:inline;color:#ffd479;font-weight:700;}
redeem{display:block;padding:12px 16px;}
rd{display:block;margin:6px 0;padding:8px 12px;background:rgba(170,68,255,.1);border-left:3px solid #9664ff;border-radius:4px;}
rn{display:block;font-size:13px;font-weight:700;color:#c9a8ff;}
rd2{display:block;font-size:12px;color:#aebdda;margin:3px 0;}
rr{display:inline-block;font-size:11px;color:#00ffaa;background:rgba(0,255,170,.12);padding:1px 8px;border-radius:3px;}

/* ============ NPC 外貌 / 涩涩区 ============ */
appear{display:block;margin:12px 0;padding:10px 14px;background:rgba(255,77,140,.06);border:1px solid rgba(255,77,140,.2);border-radius:8px;}
av{display:block;font-size:12px;color:#d4ddf2;line-height:1.6;margin-bottom:8px;}
body{display:block;}
bf{display:flex;gap:10px;padding:5px 0;font-size:12px;border-bottom:1px solid rgba(255,77,140,.12);}
bl{display:inline-block;min-width:50px;color:#ff6b9d;font-weight:600;flex-shrink:0;}
bv{display:inline;color:#e0c0d0;line-height:1.6;}

/* ============ ATLAS 记忆中枢 ============ */
anchor,myth,saga,ltm,stm,now,entity,quest,open,close,thread,cache{display:block;margin:8px 12px;padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.7;color:#bcc9e8;white-space:pre-wrap;font-family:"Consolas","Microsoft YaHei",monospace;}
anchor{background:rgba(79,140,255,.08);border-left:3px solid #4f8cff;}
myth{background:rgba(255,212,121,.08);border-left:3px solid #ffd479;}
saga{background:rgba(170,68,255,.08);border-left:3px solid #9664ff;}
ltm{background:rgba(79,214,255,.06);border-left:3px solid #4fd6ff;}
stm{background:rgba(0,255,170,.06);border-left:3px solid #00ffaa;}
now{background:rgba(255,77,109,.06);border-left:3px solid #ff4d6d;}
entity{background:rgba(144,216,144,.06);border-left:3px solid #90d890;}
quest{background:rgba(255,170,68,.07);border-left:3px solid #ffaa44;}
open{background:rgba(120,140,200,.06);border-left:3px solid #6f86c0;}
close{background:rgba(100,100,120,.06);border-left:3px solid #888;color:#888;}
thread{background:rgba(200,68,255,.07);border-left:3px solid #c844ff;}
cache{background:rgba(255,255,255,.03);border-left:3px solid #555;border-style:dashed;}

/* ============ 行动推荐 ============ */
actions{display:flex;flex-direction:column;gap:8px;padding:12px 16px;}
act{display:block;padding:10px 14px;font-size:13px;color:#cdd9f5;background:linear-gradient(90deg,rgba(40,60,140,.3),rgba(20,30,80,.1));border:1px solid rgba(79,140,255,.25);border-radius:8px;cursor:pointer;transition:all .25s;position:relative;}
act::before{content:"▸ ";color:#4f8cff;font-weight:700;}
act:hover{background:linear-gradient(90deg,rgba(79,140,255,.4),rgba(40,60,140,.15));border-color:#00ffaa;transform:translateX(6px);color:#fff;box-shadow:0 0 12px rgba(79,140,255,.3);}
/* ============ 网游风格沉浸式聊天框 ============ */

/* —— 统一聊天框：暗色磨砂玻璃 + 鎏金描边 + 多层光晕 —— */
.bg-gray-100\/90.relative.inline-block {
    position: relative !important;
    isolation: isolate !important;
    background:
        linear-gradient(135deg, rgba(28, 22, 52, 0.94) 0%, rgba(18, 26, 56, 0.96) 45%, rgba(12, 18, 42, 0.97) 100%) !important;
    border: 1.5px solid transparent !important;
    border-radius: 16px !important;
    background-clip: padding-box !important;
    box-shadow:
        0 0 0 1px rgba(212, 175, 95, 0.35),
        0 8px 32px rgba(0, 0, 0, 0.55),
        0 0 22px rgba(64, 156, 220, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 0 28px rgba(40, 70, 130, 0.22) !important;
    backdrop-filter: blur(10px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
    transition: box-shadow 0.4s ease, transform 0.4s ease !important;
    overflow: hidden !important;
}

/* 鎏金边角光纹装饰（顶部斜向流光） */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 16px !important;
    padding: 1.5px !important;
    background:
        linear-gradient(135deg,
            rgba(232, 200, 120, 0.85) 0%,
            rgba(120, 180, 230, 0.55) 30%,
            rgba(180, 140, 230, 0.45) 60%,
            rgba(232, 200, 120, 0.75) 100%) !important;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 右上角科技感切角光点 */
.bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 60px !important;
    height: 60px !important;
    background:
        radial-gradient(circle at top right,
            rgba(96, 200, 255, 0.30) 0%,
            rgba(96, 200, 255, 0.10) 35%,
            transparent 70%) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.bg-gray-100\/90.relative.inline-block:hover {
    box-shadow:
        0 0 0 1px rgba(232, 200, 120, 0.55),
        0 10px 38px rgba(0, 0, 0, 0.6),
        0 0 30px rgba(96, 200, 255, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 0 32px rgba(50, 90, 160, 0.30) !important;
    transform: translateY(-2px) !important;
}

/* —— 主文本：高对比浅色，确保可读性 —— */
.markdown-body {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    color: #F0F2F8 !important;
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif !important;
    line-height: 1.85 !important;
    letter-spacing: 0.3px !important;
}

/* 强调文本：鎏金高亮 */
.markdown-body strong,
.markdown-body b {
    color: #F4D58A !important;
    font-weight: bold !important;
}

/* 引用块：青蓝霓虹边 */
.markdown-body blockquote {
    border-left: 3px solid #5BB8E8 !important;
    background: rgba(40, 80, 140, 0.18) !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    color: #C8DCF0 !important;
}

/* —— 底部附加元素：浅色高对比 —— */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #EAEAEA !important;
    background: linear-gradient(135deg, rgba(60, 80, 130, 0.35), rgba(40, 55, 100, 0.25)) !important;
    border: 1px solid rgba(232, 200, 120, 0.30) !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #FFF6E0 !important;
    background: linear-gradient(135deg, rgba(90, 120, 190, 0.5), rgba(70, 90, 160, 0.4)) !important;
    border-color: rgba(232, 200, 120, 0.7) !important;
    box-shadow: 0 0 14px rgba(96, 200, 255, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* 模型名称文本 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #EAEAEA !important;
    text-shadow: 0 0 6px rgba(96, 200, 255, 0.25) !important;
    letter-spacing: 0.5px !important;
}

/* Token消耗文本 */
.text-orange-500 {
    color: #F4D58A !important;
    font-weight: bold !important;
}
/* ============ 网游风格 · 全区块沉浸式界面美化 ============ */

/* ========== ① 顶部栏 ========== */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(135deg, rgba(22,18,44,0.96) 0%, rgba(16,24,52,0.97) 50%, rgba(12,18,42,0.98) 100%) !important;
    border-bottom: 1.5px solid rgba(232,200,120,0.45) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 18px rgba(64,156,220,0.15), inset 0 1px 0 rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
}
#ai-model-selector .group.flex.items-center {
    background: linear-gradient(135deg, rgba(60,80,130,0.4), rgba(40,55,100,0.3)) !important;
    border: 1px solid rgba(232,200,120,0.35) !important;
    border-radius: 12px !important;
    padding: 4px 10px !important;
    transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
    border-color: rgba(232,200,120,0.75) !important;
    box-shadow: 0 0 16px rgba(96,200,255,0.35) !important;
    transform: translateY(-1px) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
    color: #F4D58A !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 0 6px rgba(96,200,255,0.25) !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #5BB8E8 !important;
    filter: drop-shadow(0 0 4px rgba(96,200,255,0.5)) !important;
    transition: transform 0.3s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8 {
    color: #C8DCF0 !important;
    filter: drop-shadow(0 0 5px rgba(96,200,255,0.4)) !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background: #E8C878 !important;
    box-shadow: 0 0 8px rgba(232,200,120,0.8) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
    color: #B48CE6 !important;
    filter: drop-shadow(0 0 5px rgba(180,140,230,0.5)) !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #C8DCF0 !important;
    filter: drop-shadow(0 0 5px rgba(96,200,255,0.4)) !important;
    transition: transform 0.4s ease !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover { transform: rotate(90deg) !important; }
#header-setting-button {
    background: linear-gradient(135deg, rgba(60,80,130,0.35), rgba(40,55,100,0.25)) !important;
    border: 1px solid rgba(232,200,120,0.3) !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}
#header-setting-button:hover {
    border-color: rgba(232,200,120,0.7) !important;
    box-shadow: 0 0 14px rgba(96,200,255,0.35) !important;
}
#header-setting-button svg {
    color: #F4D58A !important;
    filter: drop-shadow(0 0 4px rgba(232,200,120,0.5)) !important;
    transition: transform 0.4s ease !important;
}
#header-setting-button:hover svg { transform: rotate(90deg) !important; }

/* ========== ② 开场白选择器 ========== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: linear-gradient(135deg, rgba(40,55,100,0.55), rgba(28,40,80,0.6)) !important;
    border: 1px solid rgba(232,200,120,0.4) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 2px 12px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    border-color: rgba(232,200,120,0.8) !important;
    box-shadow: 0 0 16px rgba(96,200,255,0.3) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
    color: #5BB8E8 !important;
    filter: drop-shadow(0 0 4px rgba(96,200,255,0.5)) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: #F4D58A !important;
    filter: drop-shadow(0 0 4px rgba(232,200,120,0.5)) !important;
}

/* ========== ③ 按钮栏 ========== */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, rgba(60,80,130,0.4), rgba(40,55,100,0.3)) !important;
    border: 1px solid rgba(232,200,120,0.35) !important;
    border-radius: 12px !important;
    color: #EAEAEA !important;
    transition: all 0.3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: linear-gradient(135deg, rgba(90,120,190,0.5), rgba(70,90,160,0.4)) !important;
    border-color: rgba(232,200,120,0.75) !important;
    box-shadow: 0 0 14px rgba(96,200,255,0.35) !important;
    transform: translateY(-2px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
    color: #F4D58A !important;
    filter: drop-shadow(0 0 4px rgba(232,200,120,0.5)) !important;
}

/* ========== ④ 底部栏 ========== */
.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(12,18,42,0.98) 0%, rgba(16,24,52,0.9) 60%, rgba(16,24,52,0) 100%) !important;
}
#ai-chat-bottom-input {
    background: linear-gradient(135deg, rgba(28,22,52,0.94), rgba(16,24,52,0.96)) !important;
    border: 1.5px solid rgba(232,200,120,0.4) !important;
    border-radius: 16px !important;
    box-shadow: 0 0 0 1px rgba(212,175,95,0.25), 0 8px 28px rgba(0,0,0,0.5), 0 0 20px rgba(64,156,220,0.15), inset 0 1px 0 rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(10px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
    transition: all 0.3s ease !important;
}
#ai-chat-bottom-input:focus-within {
    border-color: rgba(232,200,120,0.85) !important;
    box-shadow: 0 0 0 1px rgba(232,200,120,0.45), 0 8px 30px rgba(0,0,0,0.55), 0 0 26px rgba(96,200,255,0.3) !important;
}
#ai-chat-input {
    color: #F0F2F8 !important;
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif !important;
    letter-spacing: 0.3px !important;
}
#ai-chat-input::placeholder {
    color: rgba(200,220,240,0.45) !important;
    font-style: italic !important;
}
#ai-chat-input::selection {
    background: rgba(232,200,120,0.4) !important;
    color: #FFF6E0 !important;
}

/* ========== ⑤ 分页栏（仅颜色/视觉，不改布局） ========== */
.MuiPaginationItem-root {
    color: #C8DCF0 !important;
    background: rgba(40,55,100,0.35) !important;
    border: 1px solid rgba(232,200,120,0.3) !important;
    transition: all 0.3s ease !important;
}
.MuiPaginationItem-root:hover {
    background: rgba(60,80,130,0.5) !important;
    border-color: rgba(232,200,120,0.7) !important;
    box-shadow: 0 0 12px rgba(96,200,255,0.3) !important;
}
.MuiPaginationItem-root.Mui-selected {
    background: linear-gradient(135deg, #E8C878, #C99B4E) !important;
    color: #1A1428 !important;
    font-weight: bold !important;
    border-color: rgba(232,200,120,0.9) !important;
    box-shadow: 0 0 14px rgba(232,200,120,0.6) !important;
}
.MuiPaginationItem-root.Mui-disabled { opacity: 0.35 !important; }
.MuiPaginationItem-icon { color: #5BB8E8 !important; filter: drop-shadow(0 0 3px rgba(96,200,255,0.5)) !important; }
.MuiStack-root.css-1uwir8f .MuiBox-root { color: #C8DCF0 !important; }
.MuiInputBase-input {
    color: #F0F2F8 !important;
    background: rgba(28,40,80,0.5) !important;
    border-radius: 8px !important;
}

/* ========== ⑥ 评论区 ========== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: linear-gradient(135deg, rgba(22,18,44,0.97) 0%, rgba(16,24,52,0.98) 100%) !important;
    border-top: 1.5px solid rgba(232,200,120,0.4) !important;
    box-shadow: 0 -4px 28px rgba(0,0,0,0.5) !important;
}
div.text-lg.font-bold {
    color: #F4D58A !important;
    text-shadow: 0 0 8px rgba(232,200,120,0.3) !important;
    letter-spacing: 0.5px !important;
}
p.MuiTypography-body1.text-grey-600 { color: #C8DCF0 !important; }
span.MuiRating-iconEmpty svg { color: rgba(200,220,240,0.3) !important; }
span.MuiRating-iconFilled svg {
    color: #F4D58A !important;
    filter: drop-shadow(0 0 5px rgba(232,200,120,0.6)) !important;
}
span.text-orange-500 { color: #F4D58A !important; font-weight: bold !important; }
div.flex.flex-col.border-gray-200 {
    background: rgba(28,40,80,0.5) !important;
    border: 1px solid rgba(232,200,120,0.35) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}
div.flex.flex-col.border-gray-200:focus-within {
    border-color: rgba(232,200,120,0.75) !important;
    box-shadow: 0 0 14px rgba(96,200,255,0.3) !important;
}
textarea.rc-textarea {
    color: #F0F2F8 !important;
    background: transparent !important;
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
}
textarea.rc-textarea::placeholder { color: rgba(200,220,240,0.4) !important; }
div.bg-gray-100.text-gray-500 {
    background: rgba(40,55,100,0.5) !important;
    color: #C8DCF0 !important;
    border-radius: 8px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center {
    background: linear-gradient(135deg, rgba(232,200,120,0.85), rgba(201,155,78,0.85)) !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
    box-shadow: 0 0 16px rgba(232,200,120,0.6) !important;
    transform: scale(1.05) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #1A1428 !important;
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.4)) !important;
}
div.style_divider__mW0YX {
    background: linear-gradient(90deg, transparent, rgba(232,200,120,0.5), transparent) !important;
    height: 1px !important;
}
button.MuiButton-outlinedPrimary {
    color: #C8DCF0 !important;
    border: 1px solid rgba(232,200,120,0.4) !important;
    background: rgba(40,55,100,0.3) !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}
button.MuiButton-outlinedPrimary:hover {
    border-color: rgba(232,200,120,0.8) !important;
    box-shadow: 0 0 12px rgba(96,200,255,0.3) !important;
}
button.MuiButton-containedPrimary {
    background: linear-gradient(135deg, #E8C878, #C99B4E) !important;
    color: #1A1428 !important;
    font-weight: bold !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px rgba(232,200,120,0.5) !important;
}
div.group.ml-0 {
    border-radius: 12px !important;
    transition: background 0.3s ease !important;
}
div.group.ml-0:hover { background: rgba(60,80,130,0.18) !important; }
div.group img.rounded-full {
    border: 2px solid rgba(232,200,120,0.5) !important;
    box-shadow: 0 0 10px rgba(96,200,255,0.3) !important;
}
div.text-sm.text-grey-600 span.font-bold {
    color: #F4D58A !important;
    text-shadow: 0 0 4px rgba(232,200,120,0.3) !important;
}
span.text-\[10px\] {
    color: #B48CE6 !important;
    font-weight: bold !important;
}
div.break-all { color: #E8ECF4 !important; line-height: 1.8 !important; }
div.text-xs.text-grey-600 { color: rgba(200,220,240,0.55) !important; }
button.text-gray-400 { color: #C8DCF0 !important; transition: all 0.3s ease !important; }
button.text-gray-400:hover { color: #F4D58A !important; transform: scale(1.1) !important; }
button.text-gray-400 svg { filter: drop-shadow(0 0 3px rgba(96,200,255,0.4)) !important; }
span.cursor-pointer { color: #5BB8E8 !important; font-weight: bold !important; transition: all 0.3s ease !important; }
span.cursor-pointer:hover { color: #F4D58A !important; text-shadow: 0 0 6px rgba(232,200,120,0.4) !important; }
div.ml-8.border-l { border-left: 2px solid rgba(232,200,120,0.4) !important; }
/* ==================================================================
   门与阴阳 · 行者终端 + 副本信息 + 系统提示音  完整美化样式
   ================================================================== */

/* ========== 全局文本防「逐字换行」基线 ========== */
phone *, dungeon *, system * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    letter-spacing: normal !important;
}

/* ========== 一、行者终端手机界面 ========== */
phone {
    display: block !important;
    max-width: 420px !important;
    margin: 12px auto !important;
    border-radius: 24px !important;
    background: linear-gradient(160deg, rgba(20,16,40,0.98) 0%, rgba(14,22,48,0.98) 55%, rgba(10,16,38,0.99) 100%) !important;
    border: 1.5px solid rgba(232,200,120,0.4) !important;
    box-shadow: 0 0 0 1px rgba(212,175,95,0.25), 0 14px 44px rgba(0,0,0,0.6), 0 0 30px rgba(64,156,220,0.18), inset 0 1px 0 rgba(255,255,255,0.06) !important;
    overflow: hidden !important;
    font-family: "PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;
}

pbar { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 8px 16px !important; font-size: 12px !important; color: #C8DCF0 !important; background: rgba(8,12,28,0.6) !important; border-bottom: 1px solid rgba(232,200,120,0.18) !important; }
pt { font-weight: bold !important; }
pnet { color: #5BB8E8 !important; letter-spacing: 2px !important; text-shadow: 0 0 6px rgba(96,200,255,0.5) !important; }
pbat { color: #7FE0A0 !important; font-weight: bold !important; }

phead { display: flex !important; align-items: center !important; gap: 12px !important; padding: 16px !important; background: linear-gradient(135deg, rgba(40,55,100,0.4), rgba(28,40,80,0.3)) !important; border-bottom: 1px solid rgba(232,200,120,0.25) !important; }
pavatar { flex: 0 0 auto !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 20px !important; font-weight: bold !important; color: #1A1428 !important; background: linear-gradient(135deg, #E8C878, #C99B4E) !important; box-shadow: 0 0 14px rgba(232,200,120,0.6), inset 0 0 8px rgba(255,255,255,0.3) !important; border: 2px solid rgba(255,246,224,0.5) !important; }
pwelcome { display: block !important; width: auto !important; font-size: 15px !important; color: #E8ECF4 !important; }
pu { color: #F4D58A !important; font-weight: bold !important; text-shadow: 0 0 6px rgba(232,200,120,0.4) !important; }
psub { display: block !important; width: auto !important; font-size: 11px !important; color: #9FB3D0 !important; margin-top: 4px !important; }
karma { display: inline-block !important; font-weight: bold !important; padding: 1px 6px !important; border-radius: 6px !important; }
karma.safe { color: #7FE0A0 !important; background: rgba(60,180,110,0.18) !important; }
karma.warning { color: #F4D58A !important; background: rgba(232,200,120,0.18) !important; }
karma.danger { color: #FF7A8A !important; background: rgba(220,70,90,0.2) !important; text-shadow: 0 0 8px rgba(255,90,110,0.5) !important; }

pgrid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; padding: 18px 16px !important; }
app { display: block !important; position: relative !important; }
.atog { display: none !important; }
.aico { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 14px 6px !important; border-radius: 16px !important; cursor: pointer !important; background: linear-gradient(135deg, rgba(50,68,120,0.4), rgba(34,48,92,0.35)) !important; border: 1px solid rgba(232,200,120,0.28) !important; transition: all 0.3s ease !important; position: relative !important; }
.aico:hover { transform: translateY(-3px) !important; border-color: rgba(232,200,120,0.7) !important; box-shadow: 0 6px 18px rgba(0,0,0,0.4), 0 0 16px rgba(96,200,255,0.35) !important; }
aemo { font-size: 24px !important; filter: drop-shadow(0 0 6px rgba(96,200,255,0.4)) !important; }
anm { display: block !important; width: auto !important; font-size: 11px !important; color: #D4E2F4 !important; font-weight: bold !important; }
abadge { position: absolute !important; top: -4px !important; right: -2px !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 10px !important; font-weight: bold !important; color: #1A1428 !important; background: linear-gradient(135deg, #FF6A7E, #D8455A) !important; border-radius: 9px !important; box-shadow: 0 0 8px rgba(255,90,110,0.6) !important; }

/* 弹窗 */
.amod { display: none !important; position: fixed !important; inset: 0 !important; z-index: 9999 !important; background: rgba(6,8,20,0.75) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; padding: 20px !important; }
.atog:checked ~ .amod { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
mhd { display: flex !important; align-items: center !important; justify-content: space-between !important; width: min(440px, 92vw) !important; box-sizing: border-box !important; padding: 14px 18px !important; background: linear-gradient(135deg, rgba(40,55,100,0.6), rgba(28,40,80,0.5)) !important; border-bottom: 1.5px solid rgba(232,200,120,0.4) !important; border-radius: 18px 18px 0 0 !important; }
mtit { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 16px !important; font-weight: bold !important; color: #F4D58A !important; text-shadow: 0 0 8px rgba(232,200,120,0.3) !important; }
memo { font-size: 18px !important; }
.mx { cursor: pointer !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; color: #C8DCF0 !important; background: rgba(220,70,90,0.2) !important; transition: all 0.25s ease !important; }
.mx:hover { background: rgba(220,70,90,0.5) !important; color: #FFF !important; }
mbd { display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: stretch !important; width: min(440px, 92vw) !important; box-sizing: border-box !important; max-height: 70vh !important; overflow-y: auto !important; padding: 16px 18px !important; background: linear-gradient(160deg, rgba(20,16,40,0.98), rgba(14,22,48,0.98)) !important; border: 1.5px solid rgba(232,200,120,0.4) !important; border-top: none !important; border-radius: 0 0 18px 18px !important; box-shadow: 0 20px 60px rgba(0,0,0,0.7) !important; }

/* 卡片通用 */
post, quest, intel, msg, goods, thread { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 14px 16px !important; border-radius: 14px !important; background: linear-gradient(135deg, rgba(48,64,116,0.38), rgba(30,42,84,0.32)) !important; border: 1px solid rgba(232,200,120,0.28) !important; border-left: 3px solid rgba(91,184,232,0.7) !important; box-shadow: 0 4px 14px rgba(0,0,0,0.3) !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; }
post:hover, quest:hover, intel:hover, msg:hover, goods:hover, thread:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.4), 0 0 14px rgba(96,200,255,0.25) !important; border-left-color: #E8C878 !important; }

/* 块级文本统一占满整行 */
ph, pc, qtit, qdesc, qrew, qlimit, ititle, icontent, iseller, mname, mtext, gname, gattr, gseller, ttitle, tauthor, tstat { display: block !important; width: 100% !important; line-height: 1.7 !important; }
/* 行内标签 */
ptag, qrank, qcamp, gtype, ttag, prof, grating { display: inline-block !important; width: auto !important; vertical-align: middle !important; }

post.urgent { border-left-color: #FF6A7E !important; }
ph { font-size: 14px !important; font-weight: bold !important; color: #F0F2F8 !important; margin-bottom: 6px !important; }
ptag { padding: 1px 7px !important; margin-right: 6px !important; font-size: 11px !important; border-radius: 6px !important; }
ptag.red-alert { color: #FFF !important; background: linear-gradient(135deg,#FF5A6E,#C0303F) !important; box-shadow: 0 0 8px rgba(255,90,110,0.5) !important; }
ptag.event { color: #1A1428 !important; background: linear-gradient(135deg,#7FE0A0,#4FBF7A) !important; }
pc { font-size: 13px !important; color: #D4E2F4 !important; }
pmeta { display: flex !important; justify-content: space-between !important; margin-top: 8px !important; font-size: 11px !important; color: #8FA3C0 !important; }
psrc, ptime { display: inline-block !important; width: auto !important; }

qrank { padding: 2px 10px !important; border-radius: 8px !important; font-weight: bold !important; font-size: 12px !important; letter-spacing: 1px !important; }
quest.F qrank { color:#B8C4D4 !important; background:rgba(120,135,160,0.3) !important; }
quest.E qrank { color:#9FE0A0 !important; background:rgba(80,180,110,0.25) !important; }
quest.D qrank { color:#7FD0E8 !important; background:rgba(91,184,232,0.25) !important; }
quest.C qrank { color:#A8C0FF !important; background:rgba(90,120,230,0.28) !important; }
quest.B qrank { color:#C8A0FF !important; background:rgba(150,110,230,0.3) !important; }
quest.A qrank { color:#F4D58A !important; background:rgba(232,200,120,0.28) !important; box-shadow:0 0 8px rgba(232,200,120,0.4) !important; }
quest.S qrank { color:#FFB060 !important; background:rgba(255,150,60,0.3) !important; box-shadow:0 0 10px rgba(255,150,60,0.5) !important; }
quest.SS qrank { color:#FF7A8A !important; background:rgba(255,90,110,0.32) !important; box-shadow:0 0 12px rgba(255,90,110,0.6) !important; }
quest.SSS qrank { color:#FFF !important; background:linear-gradient(135deg,#FF5A6E,#B448E6,#5BB8E8) !important; box-shadow:0 0 16px rgba(180,72,230,0.7) !important; }
qcamp { padding:1px 7px !important; margin-left:6px !important; font-size:11px !important; border-radius:6px !important; }
qcamp.order { color:#7FD0E8 !important; background:rgba(91,184,232,0.22) !important; }
qcamp.chaos { color:#FF7A8A !important; background:rgba(255,90,110,0.22) !important; }
qtit { font-size:14px !important; font-weight:bold !important; color:#F4D58A !important; margin:6px 0 !important; }
qdesc { font-size:13px !important; color:#D4E2F4 !important; }
qrew { font-size:12px !important; color:#7FE0A0 !important; margin-top:6px !important; }
qlimit { font-size:11px !important; color:#9FB3D0 !important; margin-top:4px !important; }

iprice { display:inline-block !important; width:auto !important; padding:2px 10px !important; border-radius:8px !important; font-weight:bold !important; color:#1A1428 !important; background:linear-gradient(135deg,#E8C878,#C99B4E) !important; box-shadow:0 0 8px rgba(232,200,120,0.4) !important; }
ititle { font-size:14px !important; font-weight:bold !important; color:#F0F2F8 !important; margin:6px 0 !important; }
icontent { font-size:13px !important; color:#D4E2F4 !important; }
iseller { font-size:11px !important; color:#8FA3C0 !important; margin-top:6px !important; }

mname { font-size:13px !important; font-weight:bold !important; color:#E8ECF4 !important; }
prof { font-size:12px !important; padding:0 4px !important; border-radius:4px !important; }
prof.order { color:#7FD0E8 !important; }
prof.chaos { color:#FF7A8A !important; }
mtext { font-size:13px !important; color:#D4E2F4 !important; margin:4px 0 !important; }
mtime { display:block !important; width:100% !important; font-size:11px !important; color:#8FA3C0 !important; text-align:right !important; }

gtype { padding:2px 9px !important; border-radius:7px !important; font-size:11px !important; font-weight:bold !important; }
goods.weapon gtype { color:#FF9A6A !important; background:rgba(255,120,80,0.25) !important; }
goods.skill gtype { color:#A8C0FF !important; background:rgba(120,150,255,0.25) !important; }
goods.artifact gtype { color:#C8A0FF !important; background:rgba(180,120,255,0.28) !important; box-shadow:0 0 8px rgba(180,120,255,0.4) !important; }
goods.consumable gtype { color:#7FE0A0 !important; background:rgba(90,200,130,0.25) !important; }
gname { font-size:14px !important; font-weight:bold !important; color:#F4D58A !important; margin:6px 0 !important; }
gattr { font-size:12px !important; color:#C8DCF0 !important; line-height:1.6 !important; }
gprice { display:inline-block !important; width:auto !important; margin-top:6px !important; font-weight:bold !important; color:#E8C878 !important; }
gseller { font-size:11px !important; color:#8FA3C0 !important; margin-top:4px !important; }
grating { color:#F4D58A !important; }

ttag { padding:2px 9px !important; border-radius:7px !important; font-size:11px !important; font-weight:bold !important; color:#7FD0E8 !important; background:rgba(91,184,232,0.22) !important; }
ttitle { font-size:14px !important; font-weight:bold !important; color:#F0F2F8 !important; margin:6px 0 !important; }
tauthor { font-size:12px !important; color:#9FB3D0 !important; }
tstat { font-size:11px !important; color:#8FA3C0 !important; margin-top:4px !important; }

mbd::-webkit-scrollbar { width:6px !important; }
mbd::-webkit-scrollbar-track { background:rgba(8,12,28,0.4) !important; border-radius:3px !important; }
mbd::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#E8C878,#C99B4E) !important; border-radius:3px !important; }

/* ========== 二、副本信息状态栏 ========== */
details:has(dungeon) { margin: 10px auto !important; max-width: 460px !important; }
details:has(dungeon) > summary { list-style: none !important; padding: 12px 18px !important; border-radius: 14px !important; font-size: 15px !important; font-weight: bold !important; letter-spacing: 1px !important; color: #F4D58A !important; background: linear-gradient(135deg, rgba(40,55,100,0.55), rgba(28,40,80,0.5)) !important; border: 1.5px solid rgba(232,200,120,0.45) !important; box-shadow: 0 4px 18px rgba(0,0,0,0.4), 0 0 16px rgba(64,156,220,0.15) !important; text-shadow: 0 0 8px rgba(232,200,120,0.35) !important; cursor: pointer !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; gap: 8px !important; }
details:has(dungeon) > summary::-webkit-details-marker { display:none !important; }
details:has(dungeon) > summary::before { content: "▦" !important; color: #5BB8E8 !important; filter: drop-shadow(0 0 5px rgba(96,200,255,0.5)) !important; }
details:has(dungeon) > summary::after { content: "▼" !important; margin-left: auto !important; font-size: 11px !important; color: #5BB8E8 !important; transition: transform 0.3s ease !important; }
details[open]:has(dungeon) > summary::after { transform: rotate(180deg) !important; }
details:has(dungeon) > summary:hover { border-color: rgba(232,200,120,0.85) !important; transform: translateY(-1px) !important; }
details[open]:has(dungeon) > summary { border-radius: 14px 14px 0 0 !important; margin-bottom: -2px !important; }

dungeon { display: block !important; margin: 0 !important; padding: 16px !important; border-radius: 0 0 18px 18px !important; background: linear-gradient(160deg, rgba(20,16,40,0.97), rgba(14,22,48,0.98)) !important; border: 1.5px solid rgba(232,200,120,0.4) !important; border-top: none !important; box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important; font-family: "PingFang SC","Microsoft YaHei",system-ui,sans-serif !important; animation: dungeonIn 0.4s ease !important; }
@keyframes dungeonIn { from { opacity:0; transform: translateY(-8px);} to { opacity:1; transform: translateY(0);} }
dhead { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; padding-bottom: 12px !important; border-bottom: 1px solid rgba(232,200,120,0.25) !important; margin-bottom: 12px !important; }
dtype { display:inline-block !important; width:auto !important; font-size:11px !important; padding:2px 9px !important; border-radius:7px !important; color:#7FD0E8 !important; background:rgba(91,184,232,0.22) !important; font-weight:bold !important; }
dname { flex:1 1 100% !important; order:3 !important; display:block !important; width:100% !important; font-size:18px !important; font-weight:bold !important; color:#F4D58A !important; text-shadow:0 0 10px rgba(232,200,120,0.35) !important; }
ddiff { display:inline-block !important; width:auto !important; padding:2px 10px !important; border-radius:8px !important; font-weight:bold !important; font-size:12px !important; }
.ddiff.F { color:#B8C4D4 !important; background:rgba(120,135,160,0.3) !important; }
.ddiff.E { color:#9FE0A0 !important; background:rgba(80,180,110,0.25) !important; }
.ddiff.D { color:#7FD0E8 !important; background:rgba(91,184,232,0.25) !important; }
.ddiff.C { color:#A8C0FF !important; background:rgba(90,120,230,0.28) !important; }
.ddiff.B { color:#C8A0FF !important; background:rgba(150,110,230,0.3) !important; }
.ddiff.A { color:#F4D58A !important; background:rgba(232,200,120,0.28) !important; box-shadow:0 0 8px rgba(232,200,120,0.4) !important; }
.ddiff.S { color:#FFB060 !important; background:rgba(255,150,60,0.3) !important; box-shadow:0 0 10px rgba(255,150,60,0.5) !important; }
.ddiff.SS { color:#FF7A8A !important; background:rgba(255,90,110,0.32) !important; box-shadow:0 0 12px rgba(255,90,110,0.6) !important; }
.ddiff.SSS { color:#FFF !important; background:linear-gradient(135deg,#FF5A6E,#B448E6,#5BB8E8) !important; box-shadow:0 0 16px rgba(180,72,230,0.7) !important; }

drow { display:flex !important; justify-content:space-between !important; align-items:center !important; padding:6px 0 !important; }
dl { display:inline-block !important; width:auto !important; font-size:13px !important; color:#9FB3D0 !important; }
dv { display:inline-block !important; width:auto !important; font-size:13px !important; color:#E8ECF4 !important; font-weight:bold !important; text-align:right !important; }
dv.进行中 { color:#5BB8E8 !important; text-shadow:0 0 8px rgba(96,200,255,0.4) !important; }
dv.已完成 { color:#7FE0A0 !important; }
dv.失败 { color:#FF7A8A !important; }
dv.未进入 { color:#9FB3D0 !important; }
dsep { display:block !important; height:1px !important; margin:12px 0 !important; background:linear-gradient(90deg, transparent, rgba(232,200,120,0.4), transparent) !important; }

/* 进度条 */
dprog { display:block !important; width:100% !important; height:8px !important; margin:6px 0 !important; border-radius:4px !important; background:rgba(8,12,28,0.6) !important; overflow:hidden !important; position:relative !important; }
dprog::after { content:"" !important; position:absolute !important; inset:0 !important; width:var(--p,50%) !important; border-radius:4px !important; background:linear-gradient(90deg,#5BB8E8,#7FE0A0) !important; box-shadow:0 0 10px rgba(96,200,255,0.5) !important; animation:progFlow 2s linear infinite !important; }
@keyframes progFlow { 0%{background-position:0 0;} 100%{background-position:30px 0;} }

/* 计时器 */
dtimer { display:inline-block !important; width:auto !important; padding:3px 12px !important; border-radius:8px !important; font-weight:bold !important; font-size:14px !important; letter-spacing:1px !important; color:#FFB060 !important; background:rgba(255,150,60,0.18) !important; box-shadow:0 0 10px rgba(255,150,60,0.3) !important; font-variant-numeric:tabular-nums !important; }
dtimer.urgent { color:#FF7A8A !important; background:rgba(255,90,110,0.22) !important; box-shadow:0 0 14px rgba(255,90,110,0.55) !important; animation:timerPulse 1s ease-in-out infinite !important; }
@keyframes timerPulse { 0%,100%{opacity:1;} 50%{opacity:0.55;} }

/* 威胁等级 */
dthreat { display:inline-block !important; width:auto !important; padding:2px 10px !important; border-radius:8px !important; font-weight:bold !important; font-size:12px !important; }
dthreat.low { color:#7FE0A0 !important; background:rgba(90,200,130,0.22) !important; }
dthreat.mid { color:#F4D58A !important; background:rgba(232,200,120,0.22) !important; }
dthreat.high { color:#FF9A6A !important; background:rgba(255,140,80,0.25) !important; box-shadow:0 0 10px rgba(255,140,80,0.4) !important; }
dthreat.extreme { color:#FF5A6E !important; background:rgba(255,70,90,0.3) !important; box-shadow:0 0 14px rgba(255,70,90,0.6) !important; animation:timerPulse 1.2s ease-in-out infinite !important; }

/* 副本规则警示卡 */
rule { display:flex !important; align-items:flex-start !important; gap:8px !important; margin-bottom:8px !important; padding:10px 12px !important; border-radius:10px !important; background:rgba(220,70,90,0.12) !important; border:1px solid rgba(255,106,126,0.3) !important; }
ric { flex:0 0 auto !important; display:inline-block !important; width:auto !important; font-size:14px !important; color:#FF9A6A !important; filter:drop-shadow(0 0 5px rgba(255,140,80,0.6)) !important; }
rtxt { flex:1 1 auto !important; display:block !important; font-size:12px !important; color:#FFD0C0 !important; line-height:1.6 !important; }

/* ========== 三、<system> 系统提示音美化 ========== */
system {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: min(440px, 92%) !important;
    margin: 14px auto !important;
    padding: 13px 16px !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(28,40,80,0.92), rgba(18,28,60,0.92)) !important;
    border: 1px solid rgba(91,184,232,0.55) !important;
    border-left: 4px solid #5BB8E8 !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.45), 0 0 18px rgba(64,156,220,0.28), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    font-family: "PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;
    position: relative !important;
    overflow: hidden !important;
    animation: sysIn 0.45s cubic-bezier(0.2,0.8,0.3,1) !important;
}
@keyframes sysIn { from{opacity:0; transform:translateY(-10px) scale(0.97);} to{opacity:1; transform:translateY(0) scale(1);} }

/* 顶部一条扫光 */
system::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: -60% !important;
    width: 60% !important; height: 2px !important;
    background: linear-gradient(90deg, transparent, #7FE0FF, transparent) !important;
    animation: sysScan 3s ease-in-out infinite !important;
}
@keyframes sysScan { 0%{left:-60%;} 60%,100%{left:120%;} }

/* 系统图标 */
system::after {
    content: "◈" !important;
    flex: 0 0 auto !important;
    order: -1 !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    color: #5BB8E8 !important;
    filter: drop-shadow(0 0 8px rgba(96,200,255,0.7)) !important;
    animation: sysGlow 2s ease-in-out infinite !important;
}
@keyframes sysGlow { 0%,100%{opacity:1; transform:scale(1);} 50%{opacity:0.6; transform:scale(0.88);} }

/* 系统提示文字本体 */
system span {
    flex: 1 1 auto !important;
    display: block !important;
    width: auto !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    letter-spacing: 0.5px !important;
    color: #CFE6FF !important;
    text-shadow: 0 0 6px rgba(96,200,255,0.25) !important;
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* 移动端自适应 */
@media (max-width: 480px) {
    phone { max-width: 100% !important; border-radius: 18px !important; }
    pgrid { gap: 8px !important; padding: 14px 12px !important; }
    aemo { font-size: 22px !important; }
    anm { font-size: 10px !important; }
    dname { font-size: 16px !important; }
    details:has(dungeon) { max-width: 100% !important; }
    system { width: 96% !important; }
}