模板:ScheduleHeader/style.css

/* 表格基础样式 */
.schedule-header {
    width: 100%; /* 【新增】让表格撑满父级容器的宽度 */
    box-sizing: border-box; /* 【新增】防止 padding 导致表格宽度溢出 */
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 15px;
    border-radius: 11px;
    overflow: hidden;
    display: table;
    border: 1px solid var(--c-border);
    padding: 5px;
}

/* 标题单元格通用样式 */
.schedule-header th {
    text-align: center;
    /* 【修改】外层圆角为11px，减去padding的5px，这里设为6px视觉上更加同心协调 */
    border-radius: 6px 6px 0 0; 
    background-color: var(--c-bg);
    padding: 8px 10px; /* 【新增】增加内边距，使颜色块更饱满，并防止文字与折叠按钮重叠 */
    position: relative;
}

/* --- 下方的颜色主题保持不变 --- */

/* 默认主题（黑色边框、浅灰背景） */
.header-default {
    --c-bg: #e0e0e0;
    --c-border: #000000;
}

/* 春季 */
.header-spring {
    --c-bg: #5cd65c;
    --c-border: #26a026;
}

/* 夏季 */
.header-summer {
    --c-bg: #ffdb4d;
    --c-border: #ffdb4d;
}

/* 秋季 */
.header-fall {
    --c-bg: #e68a00;
    --c-border: #e68a00;
}

/* 冬季 */
.header-winter {
    --c-bg: #66ccff;
    --c-border: #449bed;
}

/* 婚后 */
.header-marriage {
    --c-bg: #ff3dff;
    --c-border: #e913f0;
}

/* 例外 */
.header-deviations {
    --c-bg: #ff5a5a;
    --c-border: #ff0000;
}