/* 
 * ---------------------------------
 *   模块一：对话气泡美化 (AI侧) - 【鬼差卷宗/令牌风格】
 * ---------------------------------
 */
 .group.flex.gap-2 {
    background: #FFFFFF !important;
    border: 2px solid #1C1C1C !important; /* 浓墨黑 */
    border-radius: 2px 16px 2px 16px !important; /* 不对称圆角，模拟古代令牌或生死簿残页 */
    /* 朱砂红官印阴影 + 幽冥绿微光交错，体现地府公门气息 */
    box-shadow: 5px 5px 0px #7A1F1F, -2px -2px 0px rgba(27, 61, 51, 0.4) !important;
    color: #1C1C1C !important;
    padding: 14px !important; 
}
.group.flex p {
    margin-bottom: 16px !important; /* 段落间距 */
    font-size: 15px !important;
    font-weight: 550 !important;
    line-height: 1.7 !important;
    letter-spacing: 0.3px !important;
}
/* ========================================
   💀 赛博地府 OS - 全局终端统一UI
   ======================================== */

/* 1. 基础面板统御 (接管思维链、剧情分支、阴间日记及三大面板的外壳) */
details {
    background: #0a0a0c;
    border: 1px solid #00ff9d;
    border-radius: 8px;
    color: #d4d4d4;
    padding: 12px;
    margin-bottom: 12px;
    box-shadow: 0 0 15px rgba(0, 255, 157, 0.12);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
summary {
    font-size: 1.15em;
    font-weight: 800;
    color: #00ff9d;
    cursor: pointer;
    list-style: none;
    padding-bottom: 8px;
    border-bottom: 1px dashed #00ff9d;
    text-shadow: 0 0 8px rgba(0, 255, 157, 0.4);
    transition: all 0.3s ease;
}
summary::-webkit-details-marker { display: none; }
summary:hover { color: #fff; text-shadow: 0 0 10px #00ff9d; }

/* 2. 顶部状态栏 HUD (时间/天气/地点/方位) */
.top-info {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 核心魔法：定义两列的网格 */
    gap: 8px; /* 元素之间的间距 */
    background: #0a0a0c; /* 统一终端暗黑背景 */
    border: 1px solid #00ff9d; /* 幽冥绿边框 */
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
    box-shadow: 0 0 15px rgba(0, 255, 157, 0.12);
}

/* 时间、天气、地点：从上到下排成一列 */
.top-info .info-row {
    grid-column: 1 / -1; /* 霸道属性：强制横跨所有列，独占一行 */
    display: flex;
    background: rgba(0, 255, 157, 0.05); /* 微微泛绿的底色 */
    border: 1px solid rgba(0, 255, 157, 0.2);
    padding: 6px 10px;
    margin: 0; /* 外边距交给父级的 gap 处理 */
    border-radius: 4px;
    color: #e0e0e0;
    font-size: 0.9em;
}

.top-info .info-row .label { 
    color: #00ff9d; 
    font-weight: bold; 
    margin-right: 8px; 
}

/* 东南西北方位：排成两排，文字略小，纯黑背景 */
.top-info .coord {
    display: flex;
    align-items: center;
    background: #000000; /* 纯黑背景 */
    border: 1px solid #333; /* 暗色边框 */
    border-left: 3px solid #ff3366; /* 保留赛博红的方位指示点缀 */
    padding: 6px 8px;
    margin: 0; /* 外边距交给父级的 gap 处理 */
    font-size: 0.75em; /* 文字略小 */
    color: #bbb;
    border-radius: 4px; /* 长方形框 */
}

.top-info .coord i { 
    color: #ff3366; 
    font-style: normal; 
    font-weight: bold; 
    margin-right: 6px; 
}

/* 3. 剧情分支 - 选项一键复制 (接管Markdown代码块) */
pre {
    position: relative;
    background: #121212 !important;
    border: 1px solid #4d4dff !important;
    border-radius: 6px;
    /* 左侧腾出45px的停机坪，给凸出的六边形让路 */
    padding: 15px 15px 15px 45px !important; 
    /* 整体向右缩进，防止六边形被手机屏幕边缘裁切 */
    margin: 15px 0 15px 15px !important; 
    box-shadow: inset 0 0 10px rgba(77, 77, 255, 0.1);
    overflow: visible !important; /* 必须允许溢出，六边形才能突破边界 */
}

/* 核心黑科技：利用 Markdown 语言类自动生成内容 */
pre code.language-A::before { content: "A"; }
pre code.language-B::before { content: "B"; }
pre code.language-C::before { content: "C"; }
pre code.language-D::before { content: "D"; }
pre code.language-E::before { content: "E"; } /* 预留E和F，防患未然 */
pre code.language-F::before { content: "F"; }

pre code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.0em !important; /* 字体显著加大，提升阅读和点击体验 */
    font-weight: bold;
    display: block;
    /* 隐藏的杀手锏：虽然删了提示字，但一键全选功能依然保留！ */
    user-select: all; 
    -webkit-user-select: all;
    cursor: copy;
}

/* 赛博六边形装甲锻造 */
pre code[class*="language-"]::before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -18px; /* 悬浮在框体左侧边界上，一半在内一半在外 */
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #00ff9d; /* 赛博幽冥绿底色 */
    color: #0a0a0c; /* 深色文字，形成极高反差 */
    font-weight: 900;
    font-size: 1.1em;
    font-family: 'Segoe UI', sans-serif;
    /* 终极魔法：将正方形裁剪成完美的六边形 */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    z-index: 10;
    pointer-events: none; /* 防止点击六边形时干扰文字的复制 */
}

/* 4. 阴间日记 - 记忆区 (接管Markdown表格) */
table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 10px; 
    font-size: 0.85em; 
    background: rgba(10, 10, 12, 0.6); /* 统一的赛博地府暗黑底色 */
}

th { 
    background: rgba(0, 255, 157, 0.15); 
    color: #00ff9d; 
    border: 1px solid #00ff9d; 
    padding: 8px; 
    text-align: left; 
    text-shadow: 0 0 5px rgba(0, 255, 157, 0.4);
}

td { 
    border: 1px solid #333; /* 仅保留暗色网格线 */
    padding: 8px; 
    color: #ccc; 
    background: transparent; /* 核心修改：让所有格子变透明，直接透出table的纯黑底色 */
}

table {
    table-layout: fixed !important; /* 核心阵法：强制网格固定，剥夺内容撑开表格的权利 */
    width: 100% !important; /* 锁死宽度，与屏幕同宽 */
}

th, td {
    word-wrap: break-word !important; 
    word-break: break-all !important; /* 斩断连体婴：遇到超长无空格的日期/数字/英文，直接一刀切断强制换行 */
    white-space: normal !important; /* 严禁死磕单行，必须换行 */
}

table tr:nth-child(even),
table tr:nth-child(even) td,
table tbody tr:nth-child(2n) td {
    background: transparent !important; 
    background-color: transparent !important; 
}

/* 5. 三大核心面板内部细节 (职能/终端/用户) */
.job-card .org-header { text-align: center; color: #fff; text-shadow: 0 0 5px #00ff9d; margin: 10px 0; font-size: 1.2em; font-weight: bold; background: rgba(0, 255, 157, 0.1); padding: 5px; border-radius: 4px; }
.job-card .status-grid { background: rgba(255, 255, 255, 0.03); padding: 8px; border-radius: 6px; border-left: 3px solid #00ff9d; margin: 8px 0; line-height: 1.6; }
.job-card .karma { color: #ffd700; font-weight: bold; text-shadow: 0 0 8px rgba(255, 215, 0, 0.6); }
.job-card .task-box { border-left: 3px solid #ff3366; background: linear-gradient(90deg, rgba(255, 51, 102, 0.1), transparent); padding: 8px 10px; margin: 10px 0; border-radius: 0 6px 6px 0; }
.job-card .task-title { color: #ff3366; font-weight: bold; margin-bottom: 4px; }
.job-card .todo-list { border-left: 3px solid #ffd700; background: linear-gradient(90deg, rgba(255, 215, 0, 0.1), transparent); padding: 8px 10px; border-radius: 0 6px 6px 0; }

.hell-os .os-header { text-align: center; font-size: 0.85em; color: #00ff9d; background: #111; border-radius: 20px; padding: 4px 12px; margin: 10px auto; width: fit-content; border: 1px solid #00ff9d; animation: hell-pulse 2.5s infinite; }
.hell-os .news-tag { color: #4d4dff; font-size: 0.9em; font-weight: bold; background: rgba(77, 77, 255, 0.1); padding: 2px 6px; border-radius: 4px; display: inline-block; margin: 10px 0 5px 0; }
.hell-os .message-app { background: #121212; border: 1px solid #333; border-radius: 8px; padding: 10px; margin-top: 15px; }
.hell-os .msg-title { color: #00ff9d; text-align: center; border-bottom: 1px dashed #333; padding-bottom: 6px; margin-bottom: 8px; font-weight: bold; }
.hell-os .msg-item { background: #1a1a1a; border-radius: 6px; padding: 8px; font-size: 0.85em; border-left: 3px solid #00ff9d; margin-bottom: 6px; color: #ddd; }
@keyframes hell-pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 255, 157, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(0, 255, 157, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 255, 157, 0); } }

.sys-panel .p-head { text-align: center; color: #fff; text-shadow: 0 0 5px #4d4dff; margin: 8px 0; font-weight: bold; background: rgba(77, 77, 255, 0.15); padding: 6px; border-radius: 4px; border: 1px solid rgba(77, 77, 255, 0.3); }
.sys-panel .sec { color: #ffd700; font-weight: bold; margin: 12px 0 4px 0; border-left: 3px solid #ffd700; padding-left: 8px; background: linear-gradient(90deg, rgba(255, 215, 0, 0.15), transparent); }
.sys-panel ul { margin: 4px 0; padding-left: 20px; color: #b3b3b3; }
.sys-panel .love-box { border-left: 3px solid #ff3366; background: linear-gradient(90deg, rgba(255, 51, 102, 0.1), transparent); padding: 8px 10px; margin: 8px 0; border-radius: 0 6px 6px 0; }
.sys-panel .nsfw-box { background: rgba(255, 0, 51, 0.05); border: 1px dashed #ff3366; padding: 8px 10px; margin: 8px 0; color: #ff99a8; border-radius: 6px; box-shadow: inset 0 0 15px rgba(255, 51, 102, 0.15); }