/* ---------------------------------------------------- */
/*           ✦ AI风月 赛博护眼界面样式 ✦              */
/* ---------------------------------------------------- */
/* 全局字体设置与基础护眼色 */
/* 禁止对*{}、html{}、body{}直接设置，以下示例为通用元素 */
p, li, b, strong, summary, span {
    font-family: "Noto Sans SC", "PingFang SC", sans-serif; /* 选用常见无衬线字体，更护眼 */
    color: #333; /* 深灰，比纯黑更柔和 */
    line-height: 1.6; /* 增加行高，提升阅读舒适度 */
}
/* 聊天框背景：柔和的浅色调 */
/* 这里假设聊天区域的父容器是某个默认的全局容器，
   通常平台会有自己的默认背景，我们聚焦于内容元素的对比 */
/* 如果你需要一个明确的“聊天框”背景，平台通常会在P或DIV外层再套一个容器，
   若你知晓其类名或ID，可在此处针对性设定。
   例如：.chat-bubble { background-color: #f5f5f5; border-radius: 8px; padding: 15px; margin-bottom: 10px; } */
/* 正文区域 <text> 样式 */
text { /* 将 <text> 视为一个块级元素，方便控制 */
    display: block;
    background-color: #fcfcfc; /* 浅米白，柔和护眼 */
    border-radius: 8px; /* 圆角 */
    padding: 20px; /* 内边距 */
    margin-bottom: 25px; /* 下方留空 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* 轻微阴影，增加层次感 */
    font-size: 16px; /* 基础字号 */
    color: #2c3e50; /* 比全局更深的文字颜色，确保对比度 */
    border: 1px solid #e0e0e0; /* 边框，增加质感 */
}
/* 强调对话内容：加粗、加大字号，与叙述区分 */
text strong {
    font-size: 1.05em; /* 略微加大字号，比父元素大1.05倍 */
    font-weight: 700; /* 绝对加粗 */
    color: #007bff; /* 使用一个明亮的蓝色，或 #503A72 (深紫，更内敛) 来突出对话 */
    display: block; /* 对话独立成行 */
    margin: 8px 0; /* 对话上下留白 */
    padding: 0 5px; /* 左右轻微内边距 */
    border-left: 3px solid #007bff; /* 左侧蓝色边框线，强化区分度 */
}
/* 状态栏折叠区域 <details> 样式 */
details {
    margin-bottom: 15px; /* 每个折叠栏之间留空 */
    border: 1px solid #dcdcdc; /* 浅色边框 */
    border-radius: 6px; /* 圆角 */
    background-color: #f7f7f7; /* 状态栏背景色，比正文区略深 */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03); /* 轻微阴影 */
    transition: all 0.2s ease-in-out; /* 平滑过渡效果 */
}
details[open] {
    background-color: #ffffff; /* 打开时背景更亮 */
    border-color: #c0c0c0; /* 打开时边框更明显 */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); /* 打开时阴影更明显 */
}
/* 摘要 <summary> 样式 */
summary {
    font-weight: 600; /* 加粗标题 */
    font-size: 1.1em; /* 稍大字号 */
    color: #4a4a4a; /* 标题颜色 */
    padding: 12px 18px; /* 内边距 */
    cursor: pointer; /* 鼠标悬停变手型 */
    list-style: none; /* 移除默认的箭头图标 */
    outline: none; /* 移除点击时的轮廓 */
    position: relative;
    user-select: none; /* 禁止选中标题文字 */
}
/* 自定义折叠/展开图标 (替代默认箭头) */
summary::before {
    content: "▼"; /* 默认向下箭头 */
    position: absolute;
    left: 10px;
    font-size: 0.8em;
    transition: transform 0.2s ease-in-out;
}
details[open] summary::before {
    content: "▲"; /* 打开时向上箭头 */
    transform: rotate(0deg); /* 保持向上 */
}
/* 状态栏内部内容 p 和 li 样式 */
details p, details li {
    padding: 4px 20px; /* 内边距 */
    font-size: 0.95em; /* 略小字号，与正文区分 */
    color: #555; /* 状态信息颜色 */
    border-bottom: 1px dashed #eee; /* 分隔线 */
}
details li:last-child {
    border-bottom: none; /* 最后一个列表项不显示底部分隔线 */
}
details p:last-child {
    padding-bottom: 15px; /* 底部填充，避免内容太贴近边缘 */
}
/* 推荐行动 <actions> 样式 */
actions {
    display: block; /* 确保是一个块级元素 */
    background-color: #e8f5e9; /* 柔和的绿色背景，增加积极感 */
    border-radius: 8px;
    padding: 18px;
    margin-top: 25px; /* 上方留空 */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    border: 1px solid #c8e6c9;
}
actions p {
    font-weight: 600;
    color: #388e3c; /* 推荐行动标题颜色 */
    margin-bottom: 10px;
    font-size: 1.05em;
}
actions ol {
    list-style: decimal inside; /* 有序列表，数字在内侧 */
    padding-left: 20px; /* 列表左侧缩进 */
    margin-bottom: 0;
}
actions li {
    background-color: #ffffff; /* 每个选项的背景色 */
    padding: 10px 15px;
    margin-bottom: 8px; /* 选项之间留白 */
    border-radius: 5px;
    border: 1px solid #d4edda;
    color: #4caf50; /* 选项文字颜色 */
    transition: background-color 0.2s ease;
    cursor: pointer; /* 提示可点击 */
}
actions li:hover {
    background-color: #e0f2f1; /* 鼠标悬停时变色 */
    color: #2e7d32;
    border-color: #b2dfdb;
}
/* 确保思维链隐藏，即使偶尔被渲染出来，也能强制隐藏 */
think {
    display: none !important;
}
/* 其他小调整 */
ul {
    list-style: none; /* 移除默认的列表点 */
    padding: 0; /* 移除默认内边距 */
    margin: 0; /* 移除默认外边距 */
}
ul ul { /* 嵌套的ul恢复默认样式，避免影响NPC子项 */
    list-style: disc;
    padding-left: 20px;
}
b {
    font-weight: 700; /* 确保粗体足够明显 */
}