/* 终结的炽天使｜多角色独立配色对话框CSS */
:root{
    --bg-main:#0c0c0e;
    --border:#2c2c36;
    --text-normal:#eeeeee;
    --text-desc:#a9a9b8;
}
body{
    background:var(--bg-main) !important;
}
.message-container{
    gap:16px !important;
    padding:12px !important;
}

/* 用户消息样式 */
.user-message{
    background:#222229 !important;
    border-radius:12px 12px 2px 12px !important;
    border:1px solid var(--border);
    padding:14px 16px !important;
    max-width:84% !important;
    margin-left:auto !important;
    color:var(--text-normal);
    line-height:1.7;
}

/* ========== 角色气泡配色（核心） ========== */
/* 柊筱娅 紫色 */
.bot-message:has(.name-xiaoya),
.bot-message:contains("柊筱娅"){
    background:#181624 !important;
    border:1px solid #6b4491 !important;
    border-radius:12px 12px 12px 2px !important;
    padding:16px 18px !important;
    max-width:84% !important;
    margin-right:auto !important;
    line-height:1.75 !important;
}
.bot-message:contains("柊筱娅") strong{
    color:#b87fe0 !important;
}

/* 一濑红莲 红色 */
.bot-message:contains("一濑红莲"),
.bot-message:contains("红莲"){
    background:#211416 !important;
    border:1px solid #943636 !important;
}
.bot-message:contains("一濑红莲") strong,
.bot-message:contains("红莲") strong{
    color:#e26464 !important;
}

/* 百夜优一郎 金色/橙黄 */
.bot-message:contains("百夜优一郎"),
.bot-message:contains("优一郎"){
    background:#201c12 !important;
    border:1px solid #a3722b !important;
}
.bot-message:contains("百夜优一郎") strong,
.bot-message:contains("优一郎") strong{
    color:#f2b85c !important;
}

/* 百夜米迦尔 冰蓝色 */
.bot-message:contains("百夜米迦尔"),
.bot-message:contains("米迦尔"),
.bot-message:contains("米迦"){
    background:#141b22 !important;
    border:1px solid #346b94 !important;
}
.bot-message:contains("米迦尔") strong,
.bot-message:contains("米迦") strong{
    color:#74c0f0 !important;
}

/* 克鲁鲁·采佩西 玫红 */
.bot-message:contains("克鲁鲁"),
.bot-message:contains("克鲁鲁·采佩西"){
    background:#20131c !important;
    border:1px solid #913873 !important;
}
.bot-message:contains("克鲁鲁") strong{
    color:#e874bc !important;
}

/* 三宫三叶 浅青绿色 */
.bot-message:contains("三宫三叶"),
.bot-message:contains("三叶"){
    background:#131f1e !important;
    border:1px solid #2e8074 !important;
}
.bot-message:contains("三叶") strong{
    color:#64d1c0 !important;
}

/* 君月士方 暗橘色 */
.bot-message:contains("君月士方"),
.bot-message:contains("君月"){
    background:#201813 !important;
    border:1px solid #965732 !important;
}
.bot-message:contains("君月士方") strong{
    color:#e68c56 !important;
}

/* 早乙女与一 浅天蓝 */
.bot-message:contains("早乙女与一"),
.bot-message:contains("与一"){
    background:#141c24 !important;
    border:1px solid #327799 !important;
}
.bot-message:contains("早乙女与一") strong{
    color:#72c5ee !important;
}

/* 通用其他角色兜底样式 */
.bot-message{
    background:#1a1a20 !important;
    border:1px solid var(--border);
    border-radius:12px 12px 12px 2px !important;
    padding:16px 18px !important;
    max-width:84% !important;
    margin-right:auto !important;
    color:var(--text-normal);
    line-height:1.75 !important;
}

/* 输入框美化 */
.input-area textarea{
    background:#141419 !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    color:#eee !important;
}

/* 滚动条 */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#09090c}
::-webkit-scrollbar-thumb{background:#333340;border-radius:4px}