/* --- 赛博朋克企业终端风格 by 兴趣使然的人 --- */

/* --- 整体容器 --- */
.main-container {
    background-color: #1a1a2e; /* 深邃午夜蓝背景 */
    color: #e0e0e0; /* 柔和白文本 */
    border: 1px solid #0f3460; /* 科技蓝边框 */
    border-radius: 8px;
    padding: 15px;
    font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif; /* 优先使用更现代的中文字体 */
    font-size: 14px;
}

/* --- 顶部信息栏 --- */
.info-bar {
    background-color: rgba(15, 52, 96, 0.5); /* 半透明科技蓝背景 */
    padding: 10px 15px;
    border-radius: 6px;
    border-left: 4px solid #e94560; /* 危险品红色左边框 */
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(233, 69, 96, 0.2);
}
.info-bar p {
    margin: 4px 0;
    line-height: 1.5;
}
.info-bar b {
    color: #f0f0f0; /* 标题加粗颜色 */
    font-weight: 600;
}

/* --- 正文区域 --- */
text {
    display: block;
    line-height: 1.75;
    margin-bottom: 20px;
}
text p {
    margin-bottom: 1em; /* 段落间距 */
}

/* --- 折叠面板通用样式 --- */
details {
    border: 1px solid #0f3460;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden; /* 防止内部元素溢出圆角 */
    transition: all 0.3s ease-in-out;
}
details[open] {
    box-shadow: 0 0 15px rgba(15, 52, 96, 0.7);
}

summary {
    padding: 12px 15px;
    background-color: #16213e; /* 摘要背景色 */
    color: #c0c0c0;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
}
summary:hover {
    background-color: #0f3460;
    color: #ffffff;
}
summary::before {
    font-family: 'monospace';
    margin-right: 10px;
    font-size: 1.2em;
    color: #e94560;
}

/* --- 各模块图标和标题 --- */
.status-details > summary::before { content: '📊'; }
.memory-details > summary::before { content: '🧠'; }
.guide-details > summary::before { content: '🧭'; }

/* --- 折叠面板内容区域 --- */
.status-content, .memory-content, .guide-content {
    padding: 15px;
    background-color: rgba(15, 20, 40, 0.5); /* 内容区域更深的半透明背景 */
}
.status-content p, .memory-content p {
    margin: 5px 0;
    line-height: 1.6;
}
h4 {
    color: #e94560;
    border-bottom: 1px solid #e94560;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
hr {
    border: none;
    border-top: 1px dashed rgba(224, 224, 224, 0.3);
    margin: 15px 0;
}

/* --- 行动指南列表 --- */
.guide-details ol {
    list-style-type: none;
    padding-left: 0;
}
.guide-details li {
    background-color: rgba(15, 52, 96, 0.3);
    padding: 8px 12px;
    margin-bottom: 5px;
    border-radius: 4px;
    border-left: 3px solid #16c79a; /* 建议选项的绿色边框 */
    transition: transform 0.2s ease, background-color 0.2s ease;
}
.guide-details li:hover {
    transform: translateX(5px);
    background-color: rgba(15, 52, 96, 0.6);
}