/* ---- 洛克王国：正文渲染引擎 (完全适配新规则) ---- */
.roco-story, .rev-main {
    display: block;
    background: #FDFDFE;
    border: 2px solid #D6E4F6;
    border-radius: 12px;
    padding: 16px;
    margin: 16px 0;
    color: #2F4056;
    font-size: 15px;
    line-height: 1.8;
    box-shadow: 4px 4px 0 #D6E4F6; 
}

/* 角色对话 - 耀眼蓝晶加亮，增强辨识度 */
.char-dialogue { color: #1E60B8; font-weight: bold; }
/* 内心独白 - 灰紫魔法迷雾感，斜体弱化 */
.inner-thought { color: #796B87; font-style: italic; }
/* 系统提示 - 王国信件面板风 */
.system-alert {
    background: #FFF9ED;
    border: 1px dashed #F3C35B;
    border-radius: 6px;
    padding: 10px;
    margin: 10px 0;
    color: #B2701B;
    font-size: 14px;
}

/* ---- 洛克王国：极简色彩状态栏 ---- */

/* 核心基础面板框架 */
.coser-panel {
    /* 默认主题变量 */
    --rc-theme: #5B9DFF;    
    --rc-light: #F4F8FE;
    --rc-border: #E1EAF6;
    
    background: #FFFFFF;
    border: 2px solid var(--rc-border); 
    border-radius: 12px;       
    margin: 10px 0;
    padding: 8px 12px;
    box-shadow: 0 4px 0 var(--rc-border); 
    font-size: 14px;
    color: #35475E; /* 加深一点默认字体颜色，让 --- 标题看着更清晰 */
    line-height: 1.7;
    transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.coser-panel[open] {
    border-color: var(--rc-theme);
    box-shadow: 0 4px 0 var(--rc-theme); 
    margin-bottom: 20px;
}

/* 童话风卡牌头 */
.coser-panel summary {
    background-color: var(--rc-light); 
    color: var(--rc-theme);
    font-weight: bold;
    font-size: 15px;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
    list-style: none;
    margin: -4px -8px 8px -8px; /* 让标题贴合外框 */
}
.coser-panel summary::-webkit-details-marker { display: none; }
.coser-panel summary:hover { filter: brightness(0.95); }

/* ---- 各大面板色彩注入区 ---- */
.player-panel { --rc-theme: #00A6DB; --rc-light: #EEFAFD; --rc-border: #CBEFF9; }
.npc-panel { --rc-theme: #C77732; --rc-light: #FDFAF5; --rc-border: #F3DECB; }
.pet-panel { --rc-theme: #EA4C3D; --rc-light: #FFF4F3; --rc-border: #FAD1CD; }
.scene-panel { --rc-theme: #279B61; --rc-light: #F1FBF6; --rc-border: #C8ECD8; }
.shop-panel { --rc-theme: #894EDB; --rc-light: #F7F3FC; --rc-border: #DEC9F5; }
.task-panel { --rc-theme: #F48E0E; --rc-light: #FFF8EF; --rc-border: #FCE2C2; }
.memory-panel { 
    --rc-theme: #FFCC33; 
    --rc-border: #444E66;
    background: #323A4C;
    color: #D1DBEA;
    box-shadow: 0 4px 0 var(--rc-border); 
}
.memory-panel summary { background-color: #444E66; margin: -8px -12px 10px -12px;}
.thinking-panel { --rc-theme: #8F7B6B; --rc-light: #F7F4F1; --rc-border: #DFD5CD; }

/* ---- 优化视觉光污染：内部元素排版清理 ---- */

/* 美化所有的纯文本区块与行高，使得 --- 分隔文本看起来像样 */
.coser-panel p {
    margin: 8px 0;
}

/* 分割线统一调整 */
.coser-panel hr {
    border: none;
    border-top: 1px dashed var(--rc-border); 
    margin: 12px 0;
}

/* 列表容器复位 */
.coser-panel ul {
    margin: 4px 0 10px 0;
    padding-left: 0;
    list-style-type: none;
}

/* ★ 列表项去油腻化：取消边框、背景块和巨大图标，改用小点星光点缀 */
.coser-panel li {
    position: relative;
    padding-left: 14px;
    margin-bottom: 2px;
    background: transparent;  /* 彻底去背景 */
    border: none;             /* 彻底去边框 */
}

/* 洛克魔力微光符：用极简的点替代所有繁杂图形 */
.coser-panel li::before {
    content: "✦";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 10px;
    color: var(--rc-theme); /* 跟随所在面板的主题色 */
    opacity: 0.8;
}

/* 高亮加粗字体优化 */
.coser-panel strong, .coser-panel b {
    color: var(--rc-theme);
    font-weight: bold;
}
.memory-panel strong { color: var(--rc-theme); }

/* 表格保持干净护甲 */
.coser-panel table {
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0;
    margin: 8px 0;
    border-radius: 6px;
    border: 1px solid var(--rc-border);
}
.coser-panel th {
    background: var(--rc-light);
    color: var(--rc-theme);
    padding: 6px;
    font-size: 13px;
    border-bottom: 1px solid var(--rc-border);
}
.memory-panel th { background: #444E66; }
.coser-panel td {
    padding: 6px;
    font-size: 13px;
    border-bottom: 1px solid var(--rc-border);
}