/* 状态栏美化 - 暗潮主题高对比度版 */
details {
    border: 1px solid #9e2a2a;          /* 暗红色边框，与原卡暗红色呼应 */
    border-radius: 8px;
    padding: 10px;
    margin: 5px 0;
    background: rgba(15, 12, 20, 0.85); /* 深色半透明背景，保证文字对比度 */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    color: #f5e7d9;                     /* 暖白色文字，确保可读 */
}

summary {
    font-weight: bold;
    color: #c9a03d;                     /* 金色，醒目且对比鲜明 */
    cursor: pointer;
    list-style: none;
}

summary::before {
    content: "🔗 ";                     /* 锁链图标，贴合奴隶商主题 */
}

/* 隐藏思维链，保持美观 */
think {
    display: none;
}

/* 正文容器 - 确保深色背景下文字清晰 */
text {
    display: block;
    line-height: 1.8;
    color: #f0e6d0;                     /* 柔和米白，与暗色背景形成强对比 */
    font-family: 'Inter', 'Noto Serif SC', serif;
    padding: 20px;
    background: radial-gradient(circle at 10% 20%, #1e1a24, #0b0b0f); /* 深色渐变背景 */
    border-left: 3px solid #9e2a2a;     /* 左侧暗红点缀 */
    margin: 10px 0;
    text-shadow: 0 1px 1px black;       /* 轻微阴影提升可读性 */
}

/* 选项区域样式（原details[open] p） */
details[open] p {
    border-bottom: 1px dashed #6c6f7a;  /* 银灰色虚线，低调不刺眼 */
    padding: 5px 0;
    color: #f5e7d9;                     /* 确保选项文字清晰 */
}

/* 可选：调整内部链接或强调色 */
a, .action-highlight {
    color: #c9a03d;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* 移动端适配：确保小屏幕不溢出 */
@media (max-width: 768px) {
    details {
        padding: 6px 8px;
    }
    text {
        padding: 12px;
        font-size: 14px;
    }
}