/* --- 整体字体与背景设定 --- */
/* 注意：由于平台限制，我们不能直接修改body，所以将样式应用到主要容器上 */
#statusBarTop, #statusBarBottom, text {
    font-family: 'Microsoft YaHei', 'Roboto', sans-serif;
    color: #f5f5f5;
}

/* --- 顶部状态栏 --- */
#statusBarTop {
    background-color: #1f1f23;
    padding: 10px 15px;
    border-bottom: 2px solid #9575cd; /* 紫色主调，彰显尊贵 */
    border-radius: 8px 8px 0 0;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 15px rgba(149, 117, 205, 0.2);
}
#statusBarTop p {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    font-weight: 600;
}

/* --- 正文区域 --- */
text {
    line-height: 1.75;
    color: #e0e0e0;
}
text p {
    margin-bottom: 1em;
}

/* --- 底部状态栏容器 --- */
#statusBarBottom {
    margin-top: 2rem;
    border-top: 1px solid #444;
    padding-top: 1rem;
}

/* --- 可折叠的<details>模块 --- */
details {
    background: linear-gradient(145deg, #2c2c34, #232328);
    border: 1px solid #4a4a52;
    border-radius: 8px;
    margin-bottom: 1rem;
    transition: all 0.3s ease-in-out;
    overflow: hidden; /* 防止内容溢出 */
}
details:hover {
    border-color: #9575cd;
    box-shadow: 0 0 10px rgba(149, 117, 205, 0.3);
}

/* --- 折叠模块的标题<summary> --- */
summary {
    padding: 1rem 1.5rem;
    font-weight: bold;
    color: #d1c4e9; /* 淡紫色标题 */
    cursor: pointer;
    list-style: none; /* 移除默认的三角箭头 */
    position: relative;
    transition: background-color 0.2s;
}
summary:hover {
    background-color: rgba(149, 117, 205, 0.1);
}

/* --- 自定义折叠模块的箭头图标 --- */
summary::before {
    content: '▶';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    color: #9575cd;
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
details[open] > summary::before {
    transform: translateY(-50%) rotate(90deg);
}

/* --- 折叠模块展开后的内容区域 --- */
.details-content, #memory-core, #memory-short, #memory-long {
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
    border-top: 1px solid #4a4a52;
}

/* --- 记忆日志 (Memory Log) 特殊美化 --- */
#memory-core, #memory-short, #memory-long {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: none; /* 移除重复的上边框 */
}

/* 记忆日志的各区标题 */
#memory-core p:first-child,
#memory-short p:first-child,
#memory-long p:first-child {
    font-size: 1.1em;
    color: #9575cd;
    border-bottom: 1px dashed #665a7e;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

/* 记忆日志的条目 */
#memory-core p, #memory-short p, #memory-long p {
    font-family: 'Consolas', 'Courier New', monospace; /* 使用等宽字体，营造日志感 */
    font-size: 0.9em;
    line-height: 1.6;
    color: #bdbdbd;
    margin: 5px 0;
}

/* 记忆日志条目中的关键词高亮 */
#memory-core strong, #memory-short strong, #memory-long strong {
    color: #80deea; /* 青色高亮，突出关键词 */
    font-weight: normal;
}