.meta {
        margin-bottom: 24px;
        color: #7a7f99;
        font-size: 16px;
        text-align: center;
    }

    .section {
        margin-bottom: 24px;
    }

    .section-title {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 12px 0;
        color: #222;
        font-size: 22px;
        font-weight: 800;
    }

    .section-title::before {
        content: "";
        display: block;
        width: 5px;
        height: 28px;
        background: #d93939;
        border-radius: 3px;
    }table {
        text-align: left;
    }th, td {
        vertical-align: middle;
    }

    tbody tr.camp-eren {
        color: #b91c1c;
    }

    tbody tr.camp-haoqi {
        color: #1d4ed8;
    }

    .camp-col,
    .status-col {
        width: 90px;
        text-align: center;
        white-space: nowrap;
        font-weight: 800;
    }

    .castle-col {
        min-width: 120px;
        font-weight: 800;
        color: #333;
        white-space: nowrap;
    }

    tr.camp-eren .castle-col {
        color: #b91c1c;
    }

    tr.camp-haoqi .castle-col {
        color: #1d4ed8;
    }

    .time-col,
    .remain-col {
        min-width: 150px;
        color: #60657a;
        text-align: center;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    .remain-col {
        color: #d93939;
        font-weight: 800;
    }