* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 12px;
    background-color: #fff;
    color: #333;
}

.主页最大边界 {
    width: 100%;
    min-width: 1800px;
}

/* ========== 顶部标题栏 ========== */
.page-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #f5f5f5;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid #4caf50;
}

    .page-header h2 {
        font-size: 15px;
        font-weight: 700;
        color: #222;
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
    }

.chengshi {
    display: inline-block;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #a5d6a7;
}

/* ========== 导航 ========== */
nav#a {
    display: flex;
    gap: 6px;
}

    nav#a a {
        display: inline-block;
        padding: 4px 14px;
        background: #fff;
        color: #333;
        text-decoration: none;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        transition: background 0.2s, color 0.2s;
        white-space: nowrap;
        border: 1px solid #ccc;
    }

        nav#a a:hover {
            background: #e8f5e9;
            color: #2e7d32;
            border-color: #a5d6a7;
        }

/* ========== 固定表头区域 ========== */
.table1-wrapper {
    position: sticky;
    top: 45px;
    z-index: 99;
    background: #f5f5f5;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}

/* ========== 通用表格样式 ========== */
table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

    table td,
    table th {
        border: 1px solid #66bb6a;
        padding: 4px 5px;
        text-align: center;
        vertical-align: middle;
        word-break: break-all;
        line-height: 1.4;
    }

/* ========== 固定表头样式 ========== */
.table1 td {
    background: #f5f5f5;
    color: #222;
    font-weight: 700;
    font-size: 11px;
    border-color: #66bb6a;
}

/* 小标题行竖排文字 */
#biaotou表头:last-child td {
    font-size: 10.5px;
    writing-mode: vertical-rl;
    white-space: nowrap;
    height: 80px;
    padding: 5px 3px;
    background: #f5f5f5;
    color: #222;
}

/* ========== 内容区域 ========== */
.contentDiv {
    overflow-y: auto;
    background: #fff;
}

.content-right {
    overflow-x: hidden;
}

    .content-right table td {
        font-size: 11.5px;
        background: #fff;
        color: #333;
    }

        /* 序号列 */
        .content-right table td:first-child {
            background: #fff;
            color: #333;
            font-weight: 600;
            width: 20px;
        }

        /* 单位工程名称列 */
        .content-right table td:nth-child(2) {
            text-align: left;
            padding-left: 8px;
            font-weight: 600;
            background: #fff;
            color: #333;
            width: 200px;
        }

    /* ========== 悬停高亮 ========== */
    .content-right table tr:not(.fenqu):hover td {
        background: #f9fbe7 !important;
        transition: background 0.15s;
    }

    /* ========== 空单元格 ========== */
    .content-right table td:empty::after {
        content: "—";
        color: #bdbdbd;
        font-size: 10px;
    }

    /* ========== 分区行 浅灰 ========== */
    tr.fenqu td,
    .content-right table tr td[colspan="30"] {
        background: #eeeeee !important;
        color: #444 !important;
        font-weight: 700;
        font-size: 12px;
        text-align: left;
        padding-left: 16px;
        letter-spacing: 2px;
        border-color: #66bb6a;
    }

    /* ========== 红色加粗列（内容区） ==========
   对应列位置：
   第1列  → td:nth-child(1)   序号
   第2列  → td:nth-child(2)   单位工程
   第3列  → td:nth-child(3)   基本费
   第4列  → td:nth-child(4)   增加费
   第8列  → td:nth-child(8)   二次搬运
   第10列 → td:nth-child(10)  已完工保护
   第11列 → td:nth-child(11)  临时设施
   第14列 → td:nth-child(14)  住宅分户验收
   第15列 → td:nth-child(15)  实名制费用
   第18列 → td:nth-child(18)  智慧工地费用
   第25列 → td:nth-child(25)  社会保险费
   第26列 → td:nth-child(26)  住房公积金
   第28列 → td:nth-child(28)  税金
========== */
    .content-right table tr:not(.fenqu) td:nth-child(3),
    .content-right table tr:not(.fenqu) td:nth-child(4),
    .content-right table tr:not(.fenqu) td:nth-child(5),
    .content-right table tr:not(.fenqu) td:nth-child(6),
    .content-right table tr:not(.fenqu) td:nth-child(10),
    .content-right table tr:not(.fenqu) td:nth-child(12),
    .content-right table tr:not(.fenqu) td:nth-child(13),
    .content-right table tr:not(.fenqu) td:nth-child(16),
    .content-right table tr:not(.fenqu) td:nth-child(17),
    .content-right table tr:not(.fenqu) td:nth-child(20),
    .content-right table tr:not(.fenqu) td:nth-child(27),
    .content-right table tr:not(.fenqu) td:nth-child(28),
    .content-right table tr:not(.fenqu) td:nth-child(30) {
        color: red;
        font-weight: 700;
    }

/* 表头对应列也标红 */
#biaotou表头:last-child td:nth-child(1),
#biaotou表头:last-child td:nth-child(2),
#biaotou表头:last-child td:nth-child(3),
#biaotou表头:last-child td:nth-child(4),
#biaotou表头:last-child td:nth-child(8),
#biaotou表头:last-child td:nth-child(10),
#biaotou表头:last-child td:nth-child(11),
#biaotou表头:last-child td:nth-child(14),
#biaotou表头:last-child td:nth-child(15),
#biaotou表头:last-child td:nth-child(18),
#biaotou表头:last-child td:nth-child(25),
#biaotou表头:last-child td:nth-child(26),
#biaotou表头:last-child td:nth-child(28) {
    color:red;
    font-weight: 700;
}

/* ========== 列宽 ========== */
.col-no {
    width: 28px;
}

.col-name {
    width: 200px;
}

.col-data {
    width: 52px;
}

/* ========== 滚动条美化 ========== */
.contentDiv::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.contentDiv::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.contentDiv::-webkit-scrollbar-thumb {
    background: #a5d6a7;
    border-radius: 3px;
}

    .contentDiv::-webkit-scrollbar-thumb:hover {
        background: #66bb6a;
    }