/* --- 早期论坛归档风格：强调区块感与对比 --- */
@font-face {
    font-family: "SugarCake"; /* 这是你给字体起的外号 */
    src: url("SugarCake.ttf") format("truetype"); /* 指向你的文件路径 */
    font-weight: normal;
    font-style: normal;
}

BODY {
    background-color: #0b0c0f !important; /* 极深背景 */
    color: #cbd0d5 !important;           /* 银灰色文字 */
    font-family: "SugarCake","MS PGothic", "MS UI Gothic", "Meiryo", "SimSun", sans-serif;
    line-height: 1.6;
    margin: 0; /* 移除外边距，让框架感更强 */
}
* {
    font-family: "SugarCake", "MS PGothic", sans-serif !important;
}

/* 3. 针对你文章中特别顽固的 <font> 标签进行精准打击 */
font[face] {
    font-family: "SugarCake", "MS PGothic", sans-serif !important;
}
/* --- 链接：保持亮色，增加点击感 --- */
A:link, A:visited { 
    color: #7799cc !important; 
    text-decoration: underline; 
}
A:hover { 
    color: #ffffff !important; 
    background-color: #223355 !important; 
    text-decoration: none;
}

/* --- 核心：赋予表格“标题栏”质感 --- */

/* 1. 标题栏 (原 #feefda) -> 模拟早期窗口标题栏的深钢蓝色 */
[bgcolor="#feefda"], .TD_title {
    background-color: #0b284f !important; /* 明显的钢蓝色 */
    color: #ffffff !important;           /* 标题用纯白 */
    font-weight: bold;
    padding: 6px 12px !important;
    border-bottom: 2px solid #445577 !important; /* 下划线增强区分度 */
}

/* 2. 侧边栏的“分类目录”专用样式 (让它更像一个 Tab) */
[align="center"][bgcolor="#feefda"] {
    background-color: #3a3a3a !important; /* 侧边栏标题用深灰色，区分于右侧正文 */
    border: 1px solid #555555 !important;
    text-align: center;
}

/* 3. 正文块 (原 #FFFFEE) -> 与背景有微弱差别的深灰 */
[bgcolor="#FFFFEE"], .TD_contents {
    background-color: #16181d !important;
    color: #e4e4e4 !important;
    vertical-align: top;
    padding: 15px !important;
}

/* 4. 更新记录/辅助块 (原 #edfeda) -> 墨绿灰 */
[bgcolor="#edfeda"] {
    background-color: #191b19 !important;
    color: #a0b0a0 !important;
}

/* --- 粗糙的论坛栅格感 --- */
TABLE {
    border-collapse: separate !important; /* 不要合并，保留格子间的缝隙 */
    border-spacing: 1px;                  /* 格子间的细缝是复古的关键 */
    background-color: #333d4d !important; /* 这个颜色会透过缝隙变成边框色 */
    margin: 10px auto;
    border: 1px solid #445577 !important;
}

TD {
    border: 1px solid #000000 !important; /* 给每个格子加黑边，增加立体感 */
}

/* --- 侧边栏 menu.html 专属优化 --- */
/* 确保左侧菜单背景是独立的暗色，不要和右边混在一起 */
body[name="menu"] {
    background-color: #1a1c22 !important;
    border-right: 2px solid #333d4d;
}

/* --- 图片：复古边框 --- */
IMG {
    border: 0px solid #445577 !important;
    padding: 1px;
                                                            
}


.footer-img {
    max-width: 220px;      /* 控制最终显示大小 */
    height: auto;         /* 强制等比例 */
    margin-bottom: 0px;   /* 和文字留点间距 */
}

/* --- 滚动条：加粗，模拟老式样式 --- */
::-webkit-scrollbar { width: 14px; }
::-webkit-scrollbar-track { background: #1a1c22; }
::-webkit-scrollbar-thumb { 
    background: #445577; 
    border: 2px solid #1a1c22;
}

/* --- 勤務状況表示板 专用样式（带白色边框版） --- */
.status-bar-container {
    background-color: #0b284f !important; /* 钢蓝色背景 */
    
    /* 增加白色边框 */
    border: 1px solid #ffffff !important; 
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;    /* 左右内边距 */
    height: 26px;       /* 稍微增加一点点高度容纳边框 */
    font-family: "MS PGothic", "MS UI Gothic", sans-serif;
    font-size: 12px;
    color: #ffffff;
    
    /* 布局微调 */
    margin: 0 auto 10px auto; /* 自动居中，下方留出间距 */
    box-sizing: border-box;    /* 确保边框不撑开宽度 */
}

.status-left {
    display: flex;
    gap: 15px;
    align-items: center;
}

.status-title {
    font-weight: bold;
    color: #7799cc; 
    letter-spacing: 1px;
}

.status-name {
    /* 这里的分割线也可以改成白色或者保留钢蓝 */
    border-left: 1px solid #ffffff; 
    padding-left: 10px;
    font-weight: bold;
}

.status-right {
    display: flex;
    gap: 12px;
}

/* 状态灯基础样式 */
.status-item {
    display: flex;
    align-items: center;
    color: #2a3544; /* 熄灭状态更暗，几乎不可见 */
    transition: all 0.2s ease;
    white-space: nowrap;
}

.status-item::before {
    content: "●";
    margin-right: 4px;
    font-size: 10px;
    color: #1a201a; 
}

/* 激活逻辑 */
[data-status="1"] [data-id="1"],
[data-status="2"] [data-id="2"],
[data-status="3"] [data-id="3"],
[data-status="4"] [data-id="4"],
[data-status="5"] [data-id="5"],
[data-status="6"] [data-id="6"] {
    color: #ffffff !important; 
    font-weight: bold;
}

[data-status="1"] [data-id="1"]::before,
[data-status="2"] [data-id="2"]::before,
[data-status="3"] [data-id="3"]::before,
[data-status="4"] [data-id="4"]::before,
[data-status="5"] [data-id="5"]::before,
[data-status="6"] [data-id="6"]::before {
    color: #00ff00 !important; 
    text-shadow: 0 0 5px #00ff00;
}

/* 逃避中专属红灯 */
[data-status="5"] [data-id="5"]::before {
    color: #ff0000 !important; 
    text-shadow: 0 0 5px #ff0000;
}