#container1 .data-table thead .header-row-2 th:nth-child(4),
#container1 .data-table tbody td:nth-child(5) {
    white-space: nowrap !important;
    word-break: normal !important;
    min-width: calc(60px + 4mm + 3mm) !important;
    max-width: none !important;
}

/* 容器2企业性质列：固定宽度（和工作地点列等宽） */
#container2 .data-table thead .header-row-2 th:nth-child(3),
#container2 .data-table tbody td:nth-child(4),
#container2 #application-table thead .header-row-2 th:nth-child(3),
#container2 #application-table tbody td:nth-child(4) {
    white-space: nowrap !important;
    word-break: normal !important;
    min-width: calc(60px + 4mm + 3mm) !important;
    max-width: calc(60px + 4mm + 3mm) !important;
    width: calc(60px + 4mm + 3mm) !important;
    box-sizing: border-box !important;
}

/* 容器2企业性质列加宽（和工作地点列等宽）（最高优先级） */
/* header-row-2中：公司全称(1)、企业性质(2)、公司规模(3)、应聘岗位(4)、工作地点(5) */
/* tbody中：序号(1)、公司全称(2)、企业性质(3)、公司规模(4)、应聘岗位(5)、工作地点(6) */
#container2 .data-table thead .header-row-2 th:nth-child(2),
#container2 .data-table tbody td:nth-child(3),
#container2 #application-table thead .header-row-2 th:nth-child(2),
#container2 #application-table tbody td:nth-child(3),
#container2 #application-table thead tr.header-row-2 th:nth-child(2),
#container2 .data-table thead tr.header-row-2 th:nth-child(2),
#container2 #application-table tbody tr td:nth-child(3),
#container2 .data-table tbody tr td:nth-child(3),
#container2 #application-table thead .header-row-2 th[data-field="companyNature"],
#container2 .data-table thead .header-row-2 th[data-field="companyNature"],
#container2 #application-table tbody td[data-field="companyNature"],
#container2 .data-table tbody td[data-field="companyNature"] {
    min-width: calc(60px + 4mm + 3mm) !important;
    max-width: calc(60px + 4mm + 3mm) !important;
    width: calc(60px + 4mm + 3mm) !important;
    box-sizing: border-box !important;
}

/* 容器2工作地点列宽度（作为参考，企业性质列已设置为相同）（最高优先级） */
/* header-row-2中：公司全称(1)、企业性质(2)、公司规模(3)、应聘岗位(4)、工作地点(5) */
/* tbody中：序号(1)、公司全称(2)、企业性质(3)、公司规模(4)、应聘岗位(5)、工作地点(6) */
#container2 .data-table thead .header-row-2 th:nth-child(5),
#container2 .data-table tbody td:nth-child(6),
#container2 #application-table thead .header-row-2 th:nth-child(5),
#container2 #application-table tbody td:nth-child(6),
#container2 #application-table thead tr.header-row-2 th:nth-child(5),
#container2 .data-table thead tr.header-row-2 th:nth-child(5),
#container2 #application-table tbody tr td:nth-child(6),
#container2 .data-table tbody tr td:nth-child(6),
#container2 #application-table thead .header-row-2 th[data-field="workLocation"],
#container2 .data-table thead .header-row-2 th[data-field="workLocation"],
#container2 #application-table tbody td[data-field="workLocation"],
#container2 .data-table tbody td[data-field="workLocation"] {
    min-width: calc(60px + 4mm + 3mm) !important;
    max-width: calc(60px + 4mm + 3mm) !important;
    width: calc(60px + 4mm + 3mm) !important;
    box-sizing: border-box !important;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
    background: linear-gradient(180deg, rgba(246, 248, 252, 1) 0%, rgba(236, 240, 247, 1) 60%, rgba(229, 233, 241, 1) 100%);
    min-height: 100vh;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    position: relative;
    overflow-x: auto;
    min-width: 1300px;
    margin: 0;
    /* 前台页面设置为只读模式 - 禁止选择和复制 */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}

/* 侧边栏模式下，确保body背景不透过侧边栏底部 */
body.with-sidebar .side-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 55%, #edf1f7 100%) !important;
    background-color: #edf1f7 !important; /* 确保底部有背景色 */
    background-clip: border-box !important; /* 改为 border-box，确保背景覆盖整个区域包括边框 */
    background-size: 100% 100% !important; /* 确保背景覆盖整个高度 */
    background-repeat: no-repeat !important;
    background-position: center bottom !important; /* 确保背景从底部开始 */
    isolation: isolate !important; /* 创建新的层叠上下文 */
    border-bottom: none !important; /* 移除底部边框 */
    margin-bottom: 0 !important; /* 移除底部外边距 */
    padding-bottom: 0 !important; /* 确保底部无内边距 */
    position: fixed !important; /* fixed定位，固定在视口 */
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important; /* 始终保持与页面等高 */
    z-index: 999999 !important; /* 极高的z-index */
}

/* 确保page-layout正常显示 */
.page-layout {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    flex: 1;
    width: 100%;
}

body.orientation-lock {
    overflow: hidden;
}

.orientation-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.88);
    backdrop-filter: blur(4px);
    z-index: 9999;
    padding: 32px;
    transition: opacity 0.25s ease;
}

.orientation-overlay.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.orientation-overlay .orientation-card {
    max-width: 320px;
    width: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 255, 0.96) 100%);
    border-radius: 24px;
    padding: 28px 32px;
    text-align: center;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.35);
    border: 1px solid rgba(148, 163, 184, 0.3);
    color: #1f2937;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.orientation-overlay .orientation-icon {
    font-size: 48px;
    margin-bottom: 18px;
}

.orientation-overlay .orientation-text {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    color: #1f2937;
}

/* 容器2表格区域允许选择和复制 */
#container2,
#container2 .table-container,
#container2 .data-table,
#container2 #application-table,
#container2 tbody,
#container2 thead,
#container2 td,
#container2 th,
#container2 tr {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    -webkit-touch-callout: default !important;
}

/* 容器2表格单元格选中样式 */
#container2 .data-table tbody td.cell-selected {
    background-color: rgba(52, 211, 153, 0.2) !important;
    outline: 2px solid rgba(52, 211, 153, 0.6) !important;
    outline-offset: -2px !important;
    position: relative;
    z-index: 1;
}

/* 容器2表格单元格选择时，临时禁用文本选择 */
#container2 .data-table tbody.selecting-cells td {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* 导航标签样式 */
.nav-tabs {
    position: fixed;
    left: calc(20px - 3mm);
    top: calc(50% - 5cm - 10mm);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 99999 !important; /* 极高的z-index，确保在备案号之上 */
    align-items: flex-start;
}

body.with-sidebar .side-panel-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(15, 23, 42, 0.28);
    letter-spacing: 1.2px;
    position: relative;
}

body.with-sidebar .side-panel-title::after {
    content: '';
    position: absolute;
    left: -40px;
    right: -40px;
    bottom: -10px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(96, 165, 250, 0.65) 0%, rgba(34, 197, 94, 0.55) 100%);
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.25);
}

.nav-tab {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    background: #ffffff;
    color: #1f2937;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: all 0.24s ease;
    white-space: nowrap;
    position: relative;
    text-align: left;
    min-width: 140px;
    letter-spacing: 0.3px;
    overflow: visible;
}

.nav-tab::before {
    content: '';
    position: absolute;
    display: none;
}

.nav-tab::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid rgba(148, 163, 184, 0.4);
    border-bottom: 2px solid rgba(148, 163, 184, 0.4);
    border-radius: 2px;
    transition: border-color 0.24s ease;
}

.nav-tab span {
    flex: 1;
    display: inline-block;
}

.nav-tabs .nav-tab {
    margin: 0;
}

.nav-tabs .nav-tab:nth-child(1) {
    border-color: rgba(59, 130, 246, 0.28);
}

.nav-tabs .nav-tab:nth-child(1):hover {
    background: linear-gradient(180deg, rgba(240, 247, 255, 0.98) 0%, rgba(223, 234, 255, 0.95) 100%);
    color: #1d4ed8;
    box-shadow: 0 16px 28px rgba(59, 130, 246, 0.28);
}

.nav-tabs .nav-tab:nth-child(1):hover::before {
    background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);
    box-shadow: 0 6px 15px rgba(59, 130, 246, 0.4);
}

.nav-tabs .nav-tab:nth-child(1):hover::after {
    border-right-color: rgba(59, 130, 246, 0.5);
    border-bottom-color: rgba(59, 130, 246, 0.5);
}

.nav-tabs .nav-tab:nth-child(1).active {
    background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff;
    border-color: rgba(59, 130, 246, 0.7);
    box-shadow: 0 20px 32px rgba(59, 130, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.nav-tabs .nav-tab:nth-child(1).active::before {
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.45);
}

.nav-tabs .nav-tab:nth-child(1).active::after {
    border-right-color: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(255, 255, 255, 0.9);
}

.nav-tabs .nav-tab:nth-child(2) {
    border-color: rgba(16, 185, 129, 0.28);
}

.nav-tabs .nav-tab:nth-child(2):hover {
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.98) 0%, rgba(207, 250, 230, 0.95) 100%);
    color: #047857;
    box-shadow: 0 16px 28px rgba(16, 185, 129, 0.28);
}

.nav-tabs .nav-tab:nth-child(2):hover::before {
    background: linear-gradient(180deg, #34d399 0%, #10b981 100%);
    box-shadow: 0 6px 15px rgba(16, 185, 129, 0.4);
}

.nav-tabs .nav-tab:nth-child(2):hover::after {
    border-right-color: rgba(16, 185, 129, 0.5);
    border-bottom-color: rgba(16, 185, 129, 0.5);
}

.nav-tabs .nav-tab:nth-child(2).active {
    background: linear-gradient(180deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    border-color: rgba(16, 185, 129, 0.7);
    box-shadow: 0 20px 32px rgba(16, 185, 129, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.nav-tabs .nav-tab:nth-child(2).active::before {
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.45);
}

.nav-tabs .nav-tab:nth-child(2).active::after {
    border-right-color: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(255, 255, 255, 0.9);
}

/* 标签卡装饰效果已包含在基础样式中 */


/* 容器位置固定 - 请勿修改，除非用户明确要求 */
.container {
    max-width: calc(100vw - 4mm - 5mm - 4cm);
    width: calc(100vw - 4mm - 5mm - 4cm);
    margin-left: calc(4mm + 4cm - 5mm); /* 左移5mm */
    margin-right: 5mm;
    margin-top: 10mm;
    background: white;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    overflow: visible;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

/* 容器1表格 - 确保不出现横向滚动条 */
#container1 .data-table {
    width: 100%;
    table-layout: fixed; /* 使用固定布局，列宽按比例分配 */
    border-collapse: separate;
    border-spacing: 0;
}

/* 容器1表格列宽设置 - 按比例分配，避免横向滚动 */
#container1 .data-table thead th,
#container1 .data-table tbody td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 4px; /* 减小padding节省空间 */
    font-size: 10px; /* 减小字体节省空间 */
}

/* 序号列 - 固定较小宽度 */
#container1 .data-table thead th.col-index,
#container1 .data-table tbody td:first-child {
    width: 3%;
    min-width: 30px;
    max-width: 40px;
}

/* 企业概况列组 - 总共6列，每列约15% */
/* 公司全称列：增加3mm */
#container1 .data-table thead th[data-field="companyName"],
#container1 .data-table tbody td[data-field="companyName"] {
    width: calc(12% + 3mm) !important;
    min-width: calc(12% + 3mm) !important;
}

#container1 .data-table thead th[data-field="companyNature"],
#container1 .data-table tbody td[data-field="companyNature"] {
    width: 8%;
}

#container1 .data-table thead th[data-field="industry"],
#container1 .data-table tbody td[data-field="industry"] {
    width: 10%;
}

#container1 .data-table thead th[data-field="companySize"],
#container1 .data-table tbody td[data-field="companySize"] {
    width: 8%;
}

#container1 .data-table thead th[data-field="address"],
#container1 .data-table tbody td[data-field="address"] {
    width: 10%;
}

/* 福利待遇列：增加3mm */
#container1 .data-table thead th[data-field="welfare"],
#container1 .data-table tbody td[data-field="welfare"] {
    width: calc(10% + 3mm) !important;
    min-width: calc(10% + 3mm) !important;
}

/* 职位详情列组 - 总共4列 */
/* 招聘公告列：缩小1cm */
#container1 .data-table thead th[data-field="recruitmentNotice"],
#container1 .data-table tbody td[data-field="recruitmentNotice"] {
    width: calc(12% - 11mm) !important;
    min-width: calc(12% - 11mm) !important;
}

/* 届次要求列：缩小1mm */
#container1 .data-table thead th[data-field="batch"],
#container1 .data-table tbody td[data-field="batch"] {
    width: calc(10% - 1mm) !important;
    min-width: calc(10% - 1mm) !important;
}

/* 学历要求列：缩小1mm */
#container1 .data-table thead th[data-field="education"],
#container1 .data-table tbody td[data-field="education"] {
    width: calc(8% - 1mm) !important;
    min-width: calc(8% - 1mm) !important;
}

/* 截止时间列：缩小1mm */
#container1 .data-table thead th[data-field="deadline"],
#container1 .data-table tbody td[data-field="deadline"] {
    width: calc(8% - 1mm) !important;
    min-width: calc(8% - 1mm) !important;
}

/* 快速投递列组 - 总共2列 */
/* 投递链接列：缩小1cm */
#container1 .data-table thead th[data-field="applyLink"],
#container1 .data-table tbody td[data-field="applyLink"] {
    width: calc(10% - 11mm) !important;
    min-width: calc(10% - 11mm) !important;
}

/* 投递状态列：缩小1mm */
#container1 .data-table thead th[data-field="applyStatus"],
#container1 .data-table tbody td[data-field="applyStatus"] {
    width: calc(8% - 1mm) !important;
    min-width: calc(8% - 1mm) !important;
}

/* 前台容器1允许内部滚动，从下侧增加3mm高度 */
#container1 {
    overflow: visible;
    padding-bottom: 3mm;
    border-radius: 10px !important;
}

/* 容器1的header添加上侧圆角 */
#container1 > header {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

/* 容器2样式 - 覆盖在容器1上面 */
.container-2 {
    position: relative;
    z-index: 2;
}

/* 容器2继承与容器1一致的布局和样式 */

/* 容器2的表格样式 */
#container2 .data-table {
    width: 100% !important; /* 表格宽度为100%，不超出容器 */
    max-width: 100% !important; /* 最大宽度为100% */
    min-width: 0 !important; /* 不设置最小宽度 */
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto; /* 使用auto布局，列宽根据内容自动调整 */
    margin: 0;
    border-radius: 12px;
    overflow: visible;
    box-sizing: border-box !important;
}

/* 容器2的表头样式 */
#container2 .data-table thead {
    position: sticky;
    top: 0;
    z-index: 100;
}

/* 容器2的一级表头样式 */
#container2 .data-table thead .header-row-1 th {
    padding: 8px 10px;
    text-align: center;
    font-weight: 700;
    font-size: 14px !important;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none !important;
    position: sticky;
    top: 0;
    z-index: 101;
    vertical-align: top;
    margin: 0;
    margin-bottom: 0 !important;
    height: auto;
    line-height: 1.2;
    box-sizing: border-box;
}

/* 容器2：投递情况列已删除 */

/* 容器2：应聘职位 - 同容器1公司概况（蓝色） */
#container2 .data-table thead .header-row-1 th.col-company-info-c2 {
    background: linear-gradient(135deg, rgba(199, 210, 254, 1) 0%, rgba(165, 180, 252, 1) 100%) !important;
    color: #1e3a8a;
    font-size: 13px !important;
    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 1) !important; /* 8px白色不透明遮罩层 */
}

/* 容器2：应聘进度 - 同容器1快速投递（橙色） */
#container2 .data-table thead .header-row-1 th.col-position-info-c2 {
    background: linear-gradient(135deg, rgba(254, 215, 170, 1) 0%, rgba(251, 191, 36, 1) 100%) !important;
    color: #92400e;
    font-size: 13px !important;
    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 1) !important; /* 8px白色不透明遮罩层 */
}

/* 容器2：序号列 - 灰色，垂直、水平居中对齐，保持最小宽度，再缩窄，再增加2mm，再增加2mm，文字不换行 */
/* 计算：30px + 5mm - 2mm + 1mm - 2mm - 3mm + 2mm + 2mm = 30px + 3mm */
#container2 .data-table thead .header-row-1 th.col-index-c2 {
    background: linear-gradient(135deg, rgba(229, 231, 235, 1) 0%, rgba(209, 213, 219, 1) 100%) !important;
    color: #334155;
    font-size: 11px !important;
    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 1) !important;
    vertical-align: middle !important;
    text-align: center !important;
    min-width: calc(30px + 3mm) !important;
    max-width: calc(30px + 3mm) !important;
    width: calc(30px + 3mm) !important;
    white-space: nowrap !important;
}

/* 容器2：序号列数据行 - 保持最小宽度，再缩窄，不换行，再增加2mm，再增加2mm */
#container2 .data-table tbody td:first-child {
    min-width: calc(30px + 3mm) !important;
    max-width: calc(30px + 3mm) !important;
    width: calc(30px + 3mm) !important;
    text-align: center !important;
    padding: 8px 4px !important;
    white-space: nowrap !important;
}

/* 容器2：公司名称列 - 增加5mm列宽 */
#container2 .data-table thead .header-row-2 th:nth-child(1),
#container2 #application-table thead .header-row-2 th:nth-child(1) {
    min-width: calc(80px + 5mm + 5mm) !important;
    width: auto;
}

#container2 .data-table tbody td[data-field="companyName"],
#container2 #application-table tbody td[data-field="companyName"],
#container2 .data-table tbody td:nth-child(2),
#container2 #application-table tbody td:nth-child(2) {
    min-width: calc(80px + 5mm + 5mm) !important;
    width: auto;
    text-align: left !important;
}

/* 容器2：企业性质列 - 缩窄列宽，不换行，再增加2mm，再增加2mm */
/* 计算：60px - 3mm + 2mm + 2mm = 60px + 1mm */
#container2 .data-table thead .header-row-2 th:nth-child(2),
#container2 #application-table thead .header-row-2 th:nth-child(2) {
    min-width: calc(60px + 1mm) !important;
    max-width: calc(60px + 1mm) !important;
    width: calc(60px + 1mm) !important;
}

#container2 .data-table tbody td[data-field="companyNature"],
#container2 #application-table tbody td[data-field="companyNature"],
#container2 .data-table tbody td:nth-child(3),
#container2 #application-table tbody td:nth-child(3) {
    min-width: calc(60px + 1mm) !important;
    max-width: calc(60px + 1mm) !important;
    width: calc(60px + 1mm) !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* 容器2：公司规模列 - 不换行（删除投递日期列后，索引从6改为5） */
#container2 .data-table tbody tr td[data-field="companySize"],
#container2 #application-table tbody tr td[data-field="companySize"],
#container2 .data-table tbody tr td:nth-child(5),
#container2 #application-table tbody tr td:nth-child(5) {
    white-space: nowrap !important;
}

/* 容器2：所有进度列（笔试进度、一面进度、二面进度、三面进度、offer）列宽再缩小0.5mm，再缩窄2mm，再减少1cm，再加宽1cm */
/* 计算：2.4cm + 3mm - 1.5mm - 0.5mm - 0.5mm - 2mm - 1cm + 1cm = 1.4cm - 1.5mm + 1cm = 22.5mm */
/* header-row-2中：公司全称(1)、企业性质(2)、公司规模(3)、应聘岗位(4)、工作地点(5)、笔试时间(6)、笔试进度(7)、一面时间(8)、一面进度(9)、二面时间(10)、二面进度(11)、三面时间(12)、三面进度(13)、offer进度(14) */
/* 进度列：笔试进度(7)、一面进度(9)、二面进度(11)、三面进度(13)、offer进度(14) */
/* 确保笔试进度列和一面进度列列宽完全一致 */
#container2 .data-table thead .header-row-2 th:nth-child(7),
#container2 .data-table thead .header-row-2 th:nth-child(9),
#container2 .data-table thead .header-row-2 th:nth-child(11),
#container2 .data-table thead .header-row-2 th:nth-child(13),
#container2 .data-table thead .header-row-2 th:nth-child(14),
#container2 #application-table thead .header-row-2 th:nth-child(8),
#container2 #application-table thead .header-row-2 th:nth-child(10),
#container2 #application-table thead .header-row-2 th:nth-child(12),
#container2 #application-table thead .header-row-2 th:nth-child(14),
#container2 #application-table thead .header-row-2 th:nth-child(15) {
    min-width: 22.5mm !important;
    max-width: 22.5mm !important;
    width: 22.5mm !important;
}

/* 专门确保笔试进度列和一面进度列列宽完全一致（更高优先级） */
#container2 .data-table thead .header-row-2 th:nth-child(8),
#container2 .data-table thead .header-row-2 th:nth-child(10),
#container2 #application-table thead .header-row-2 th:nth-child(8),
#container2 #application-table thead .header-row-2 th:nth-child(10) {
    min-width: 22.5mm !important;
    max-width: 22.5mm !important;
    width: 22.5mm !important;
    box-sizing: border-box !important;
}

/* 数据行中：序号(1)、公司全称(2)、企业性质(3)、公司规模(4)、应聘岗位(5)、工作地点(6)、投递日期(7)、笔试时间(8)、笔试进度(9)、一面时间(10)、一面进度(11)、二面时间(12)、二面进度(13)、三面时间(14)、三面进度(15)、offer进度(16) */
/* 进度列：笔试进度(9)、一面进度(11)、二面进度(13)、三面进度(15)、offer进度(16) */
#container2 .data-table tbody td.select-cell[data-field="writtenProgress"],
#container2 .data-table tbody td.select-cell[data-field="firstInterviewProgress"],
#container2 .data-table tbody td.select-cell[data-field="secondInterviewProgress"],
#container2 .data-table tbody td.select-cell[data-field="thirdInterviewProgress"],
#container2 .data-table tbody td.select-cell[data-field="offerProgress"],
#container2 #application-table tbody td.select-cell[data-field="writtenProgress"],
#container2 #application-table tbody td.select-cell[data-field="firstInterviewProgress"],
#container2 #application-table tbody td.select-cell[data-field="secondInterviewProgress"],
#container2 #application-table tbody td.select-cell[data-field="thirdInterviewProgress"],
#container2 #application-table tbody td.select-cell[data-field="offerProgress"],
#container2 .data-table tbody td:nth-child(9),
#container2 .data-table tbody td:nth-child(11),
#container2 .data-table tbody td:nth-child(13),
#container2 .data-table tbody td:nth-child(15),
#container2 .data-table tbody td:nth-child(16),
#container2 #application-table tbody td:nth-child(9),
#container2 #application-table tbody td:nth-child(11),
#container2 #application-table tbody td:nth-child(13),
#container2 #application-table tbody td:nth-child(15),
#container2 #application-table tbody td:nth-child(16) {
    min-width: 22.5mm !important;
    max-width: 22.5mm !important;
    width: 22.5mm !important;
}

/* 专门确保笔试进度列和一面进度列数据行列宽完全一致（更高优先级） */
#container2 .data-table tbody td.select-cell[data-field="writtenProgress"],
#container2 .data-table tbody td.select-cell[data-field="firstInterviewProgress"],
#container2 #application-table tbody td.select-cell[data-field="writtenProgress"],
#container2 #application-table tbody td.select-cell[data-field="firstInterviewProgress"],
#container2 .data-table tbody td:nth-child(9),
#container2 .data-table tbody td:nth-child(11),
#container2 #application-table tbody td:nth-child(9),
#container2 #application-table tbody td:nth-child(11) {
    min-width: 22.5mm !important;
    max-width: 22.5mm !important;
    width: 22.5mm !important;
    box-sizing: border-box !important;
}

/* 容器2：所有时间列（笔试时间、一面时间、二面时间、三面时间）列宽缩窄1cm，再增加4mm，再缩窄2mm，再缩窄2mm */
/* header-row-2中：公司全称(1)、企业性质(2)、公司规模(3)、应聘岗位(4)、工作地点(5)、投递日期(6)、笔试时间(7)、笔试进度(8)、一面时间(9)、一面进度(10)、二面时间(11)、二面进度(12)、三面时间(13)、三面进度(14)、offer进度(15) */
/* 时间列：投递日期(6)、笔试时间(7)、一面时间(9)、二面时间(11)、三面时间(13) */
/* 投递日期列：30mm（再增加5mm） */
/* 其他时间列：4.5cm - 1cm + 2mm + 1mm + 1mm - 2mm - 2mm = 3.5cm = 35mm */
#container2 .data-table thead .header-row-2 th:nth-child(6),
#container2 #application-table thead .header-row-2 th:nth-child(6),
#container2 .data-table thead .header-row-2 th[data-field="applyDate"],
#container2 #application-table thead .header-row-2 th[data-field="applyDate"] {
    min-width: 30mm !important;
    max-width: 30mm !important;
    width: 30mm !important;
}
#container2 .data-table thead .header-row-2 th:nth-child(7),
#container2 .data-table thead .header-row-2 th:nth-child(9),
#container2 .data-table thead .header-row-2 th:nth-child(11),
#container2 .data-table thead .header-row-2 th:nth-child(13),
#container2 #application-table thead .header-row-2 th:nth-child(7),
#container2 #application-table thead .header-row-2 th:nth-child(9),
#container2 #application-table thead .header-row-2 th:nth-child(11),
#container2 #application-table thead .header-row-2 th:nth-child(13),
#container2 .data-table thead .header-row-2 th[data-field="writtenTime"],
#container2 .data-table thead .header-row-2 th[data-field="firstInterviewTime"],
#container2 .data-table thead .header-row-2 th[data-field="secondInterviewTime"],
#container2 .data-table thead .header-row-2 th[data-field="thirdInterviewTime"],
#container2 #application-table thead .header-row-2 th[data-field="writtenTime"],
#container2 #application-table thead .header-row-2 th[data-field="firstInterviewTime"],
#container2 #application-table thead .header-row-2 th[data-field="secondInterviewTime"],
#container2 #application-table thead .header-row-2 th[data-field="thirdInterviewTime"] {
    min-width: 35mm !important;
    max-width: 35mm !important;
    width: 35mm !important;
}

/* 数据行中：序号(1)、公司全称(2)、企业性质(3)、公司规模(4)、应聘岗位(5)、工作地点(6)、投递日期(7)、笔试时间(8)、笔试进度(9)、一面时间(10)、一面进度(11)、二面时间(12)、二面进度(13)、三面时间(14)、三面进度(15)、offer进度(16) */
/* 投递日期列：25mm + 5mm = 30mm（再增加5mm） */
/* 其他时间列：4.5cm - 1cm + 2mm + 1mm + 1mm - 2mm - 2mm = 3.5cm = 35mm */
#container2 .data-table tbody td[data-field="applyDate"],
#container2 #application-table tbody td[data-field="applyDate"],
#container2 .data-table tbody td:nth-child(7),
#container2 #application-table tbody td:nth-child(7),
#container2 #application-table tbody tr td:nth-child(7),
#container2 .data-table tbody tr td:nth-child(7) {
    min-width: 30mm !important;
    max-width: 30mm !important;
    width: 30mm !important;
    box-sizing: border-box !important;
}

/* 投递日期列表头宽度（最高优先级） */
/* header-row-2中：公司全称(1)、企业性质(2)、公司规模(3)、应聘岗位(4)、工作地点(5)、投递日期(6) */
/* tbody中：序号(1)、公司全称(2)、企业性质(3)、公司规模(4)、应聘岗位(5)、工作地点(6)、投递日期(7) */
#container2 .data-table thead .header-row-2 th[data-field="applyDate"],
#container2 #application-table thead .header-row-2 th[data-field="applyDate"],
#container2 .data-table thead .header-row-2 th:nth-child(6),
#container2 #application-table thead .header-row-2 th:nth-child(6),
#container2 #application-table thead tr.header-row-2 th:nth-child(6),
#container2 .data-table thead tr.header-row-2 th:nth-child(6) {
    min-width: 30mm !important;
    max-width: 30mm !important;
    width: 30mm !important;
    box-sizing: border-box !important;
}

/* 投递日期列输入框宽度 */
#container2 .data-table tbody td[data-field="applyDate"] .datetime-input-wrapper,
#container2 #application-table tbody td[data-field="applyDate"] .datetime-input-wrapper,
#container2 .data-table tbody td:nth-child(7) .datetime-input-wrapper,
#container2 #application-table tbody td:nth-child(7) .datetime-input-wrapper {
    min-width: calc(100% - 2mm) !important;
    max-width: calc(100% - 2mm) !important;
    width: calc(100% - 2mm) !important;
}

#container2 .data-table tbody td[data-field="applyDate"] .datetime-input,
#container2 #application-table tbody td[data-field="applyDate"] .datetime-input,
#container2 .data-table tbody td:nth-child(7) .datetime-input,
#container2 #application-table tbody td:nth-child(7) .datetime-input {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
#container2 .data-table tbody td.datetime-cell,
#container2 #application-table tbody td.datetime-cell,
#container2 .data-table tbody td:nth-child(8),
#container2 .data-table tbody td:nth-child(10),
#container2 .data-table tbody td:nth-child(12),
#container2 .data-table tbody td:nth-child(14),
#container2 #application-table tbody td:nth-child(8),
#container2 #application-table tbody td:nth-child(10),
#container2 #application-table tbody td:nth-child(12),
#container2 #application-table tbody td:nth-child(14) {
    min-width: 35mm !important;
    max-width: 35mm !important;
    width: 35mm !important;
}

/* 容器2：所有时间列（笔试时间、一面时间、二面时间、三面时间）输入框样式美化 */
#container2 .data-table tbody td.datetime-cell .datetime-input-wrapper,
#container2 #application-table tbody td.datetime-cell .datetime-input-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-width: 31mm; /* 35mm - 2mm padding - 2mm缩窄 */
    max-width: calc(100% - 2mm);
}

#container2 .data-table tbody td.datetime-cell .datetime-input {
    width: calc(100% - 2mm);
    max-width: calc(100% - 2mm);
    padding: 4px 30px 4px 8px;
    border: 1.5px solid rgba(52, 211, 153, 0.3);
    border-radius: 6px;
    font-size: 10px;
    background: rgba(255, 255, 255, 0.95);
    color: transparent !important;
    text-shadow: 0 0 0 transparent !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 3px rgba(52, 211, 153, 0.1);
    position: relative;
}

/* 隐藏原生日历图标 */
#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-calendar-picker-indicator {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* 添加自定义钟表图标（浅绿色） */
#container2 .data-table tbody td.datetime-cell .datetime-input-wrapper::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2334d399'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 3;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

#container2 .data-table tbody td.datetime-cell .datetime-input-wrapper:hover::after {
    opacity: 0.9;
}

/* 默认隐藏原生日期时间输入框的所有文字 */
#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit {
    color: transparent !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit-fields-wrapper {
    color: transparent !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit-text {
    color: transparent !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit-month-field,
#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit-day-field,
#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit-year-field,
#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit-hour-field,
#container2 .data-table tbody td.datetime-cell .datetime-input::-webkit-datetime-edit-minute-field {
    color: transparent !important;
}

/* 聚焦时也保持隐藏原生输入框文字，只显示格式化文本 */
#container2 .data-table tbody td.datetime-cell .datetime-input:focus {
    color: transparent !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit {
    color: transparent !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit-fields-wrapper {
    color: transparent !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit-text {
    color: transparent !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit-month-field,
#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit-day-field,
#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit-year-field,
#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit-hour-field,
#container2 .data-table tbody td.datetime-cell .datetime-input:focus::-webkit-datetime-edit-minute-field {
    color: transparent !important;
}

/* Firefox */
#container2 .data-table tbody td.datetime-cell .datetime-input::-moz-placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* Firefox 隐藏原生日历图标 */
#container2 .data-table tbody td.datetime-cell .datetime-input::-moz-calendar-picker-indicator {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

#container2 .data-table tbody td.datetime-cell .datetime-input:hover {
    border-color: rgba(52, 211, 153, 0.5);
    box-shadow: 0 2px 6px rgba(52, 211, 153, 0.15);
    background: rgba(255, 255, 255, 1);
}

#container2 .data-table tbody td.datetime-cell .datetime-input:focus {
    outline: none;
    border-color: rgba(52, 211, 153, 0.8);
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15), 0 2px 8px rgba(52, 211, 153, 0.2);
    background: rgba(255, 255, 255, 1);
}

#container2 .data-table tbody td.datetime-cell .datetime-display {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
    color: #334155;
    z-index: 2;
    max-width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#container2 .data-table tbody td.datetime-cell .datetime-placeholder {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
    color: #94a3b8;
    z-index: 2;
    max-width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 容器2的二级表头样式 */
#container2 .data-table thead .header-row-2,
#container2 #application-table thead .header-row-2 {
    height: auto !important;
    margin-top: calc(-2px - 2.5mm - 8px) !important; /* 增加负边距，上移8px补偿筛选器增加的高度 */
    position: relative !important;
    transform: none !important;
    line-height: 1.2 !important; /* 改为1.2，与th的line-height一致 */
    font-size: 0 !important;
    min-height: 40px !important;
}

#container2 .data-table thead .header-row-2 th,
#container2 #application-table thead .header-row-2 th {
    padding: 4px 10px !important; /* 减少上下padding，从6px改为4px */
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.3px !important;
    border: 1px solid rgba(74, 138, 229, 0.15) !important;
    border-top: none !important;
    border-top-width: 0 !important;
    white-space: nowrap !important;
    vertical-align: middle !important; /* 改为middle，确保内容垂直居中 */
    position: sticky !important;
    top: calc(var(--header-row-1-height, auto) - 2px - 2.5mm - 8px) !important; /* 同时调整sticky的top值，上移8px */
    z-index: 100 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    min-width: 80px !important; /* 设置最小列宽 */
    width: 20% !important; /* 默认列宽 */
}

/* 容器2二级表头：公司全称、企业性质、公司规模、应聘岗位、工作地点 - 蓝色系 */
#container2 .data-table thead .header-row-2 th:nth-child(1),
#container2 .data-table thead .header-row-2 th:nth-child(2),
#container2 .data-table thead .header-row-2 th:nth-child(3),
#container2 .data-table thead .header-row-2 th:nth-child(4),
#container2 .data-table thead .header-row-2 th:nth-child(5) {
    background: linear-gradient(135deg, rgba(238, 242, 255, 1) 0%, rgba(224, 231, 255, 1) 100%) !important;
    color: #1e3a8a;
}

/* 容器2二级表头：投递日期、笔试进度、笔试时间、一面进度、一面时间、二面进度、二面时间、三面进度、三面时间、offer进度 - 浅橙色系（同容器1快速投递） */
#container2 .data-table thead .header-row-2 th:nth-child(6),
#container2 .data-table thead .header-row-2 th:nth-child(7),
#container2 .data-table thead .header-row-2 th:nth-child(8),
#container2 .data-table thead .header-row-2 th:nth-child(9),
#container2 .data-table thead .header-row-2 th:nth-child(10),
#container2 .data-table thead .header-row-2 th:nth-child(11),
#container2 .data-table thead .header-row-2 th:nth-child(12),
#container2 .data-table thead .header-row-2 th:nth-child(13),
#container2 .data-table thead .header-row-2 th:nth-child(14),
#container2 .data-table thead .header-row-2 th:nth-child(15),
#container2 .data-table thead .header-row-2 th:nth-child(16),
#container2 .data-table thead .header-row-2 th:nth-child(17),
#container2 #application-table thead .header-row-2 th:nth-child(6),
#container2 #application-table thead .header-row-2 th:nth-child(7),
#container2 #application-table thead .header-row-2 th:nth-child(8),
#container2 #application-table thead .header-row-2 th:nth-child(9),
#container2 #application-table thead .header-row-2 th:nth-child(10),
#container2 #application-table thead .header-row-2 th:nth-child(11),
#container2 #application-table thead .header-row-2 th:nth-child(12),
#container2 #application-table thead .header-row-2 th:nth-child(13),
#container2 #application-table thead .header-row-2 th:nth-child(14),
#container2 #application-table thead .header-row-2 th:nth-child(15),
#container2 #application-table thead .header-row-2 th:nth-child(16),
#container2 #application-table thead .header-row-2 th:nth-child(17) {
    background: linear-gradient(135deg, rgba(255, 247, 237, 1) 0%, rgba(254, 243, 199, 1) 100%) !important;
    color: #92400e;
}

#container2 .data-table thead th .resize-handle {
    position: absolute;
    top: 0;
    right: -2px;
    width: 5px;
    height: 100%;
    cursor: col-resize;
    background: transparent;
    z-index: 102;
}

#container2 .data-table thead th .resize-handle:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* 容器2的表格数据行样式 */
#container2 .data-table tbody td {
    padding: 6px 10px;
    text-align: center;
    border: 1px solid rgba(52, 211, 153, 0.12);
    font-size: 10px;
    line-height: 1.4;
    color: #334155;
    word-break: break-word;
    vertical-align: middle;
    min-width: 70px; /* 与表头保持一致 */
    overflow: visible; /* 确保下拉箭头可见 */
}

/* 容器2的可编辑单元格样式 */
#container2 .data-table .editable-cell {
    cursor: text !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    background: rgba(255, 255, 255, 0.5);
    transition: background 0.2s ease;
}

/* 确保可编辑单元格在编辑状态下可以正常编辑 */
#container2 .data-table .editable-cell[contenteditable="true"],
#container2 .data-table td.editable-cell[contenteditable="true"],
#container2 .data-table [contenteditable="true"],
#container2 .data-table [data-editing="true"] {
    cursor: text !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    pointer-events: auto !important;
    -webkit-touch-callout: default !important;
    -webkit-user-drag: none !important;
    /* 确保可以输入 - 覆盖 body 的 user-select: none */
    caret-color: #1e40af !important;
    -webkit-text-fill-color: #334155 !important;
    color: #334155 !important;
    outline: 2px solid rgba(52, 211, 153, 0.5) !important;
    outline-offset: -2px !important;
    background: rgba(255, 255, 255, 1) !important;
    /* 确保可以编辑 */
    -webkit-user-modify: read-write !important;
    -moz-user-modify: read-write !important;
    /* 光标垂直居中、水平居中对齐 */
    vertical-align: middle !important;
    text-align: center !important;
    /* 确保行高合适，让光标真正垂直居中 */
    line-height: 1.4 !important;
    display: table-cell !important;
    font-size: 10px !important;
    /* 确保 padding 上下一致，让内容垂直居中 */
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    /* 确保单元格有足够的高度来垂直居中 */
    height: auto !important;
    min-height: 28px !important;
}

#container2 .data-table .editable-cell:hover {
    background: rgba(52, 211, 153, 0.1);
}

#container2 .data-table .editable-cell:focus {
    background: rgba(255, 255, 255, 1);
    outline: 2px solid rgba(52, 211, 153, 0.5);
    outline-offset: -2px;
}

#container2 .data-table .editable-cell:empty::before {
    content: '双击编辑';
    color: rgba(148, 163, 184, 0.5);
    font-style: italic;
}

/* 编辑状态下隐藏"双击编辑"文本 */
#container2 .data-table .editable-cell[contenteditable="true"]::before,
#container2 .data-table .editable-cell[data-editing="true"]::before {
    content: none !important;
    display: none !important;
}

/* 容器2所有可双击编辑的单元格（除序号列和投递状态列） */
#container2 .data-table tbody td:not(:first-child):not(.status-cell):not(.select-cell):not(.datetime-cell) {
    cursor: text !important;
    position: relative;
}

#container2 .data-table tbody td:not(:first-child):not(.status-cell):not(.select-cell):not(.datetime-cell):hover {
    background: rgba(52, 211, 153, 0.05);
}

/* 投递日期列已删除 */

/* 包含select或datetime-input的单元格也支持双击 */
#container2 .data-table tbody td.select-cell,
#container2 .data-table tbody td.datetime-cell {
    cursor: pointer;
}

#container2 .data-table tbody td.select-cell:hover,
#container2 .data-table tbody td.datetime-cell:hover {
    background: rgba(52, 211, 153, 0.05);
}

/* 容器2的下拉选择框样式 */
#container2 .data-table .select-cell {
    padding: 3px 6px;
    overflow: visible; /* 确保下拉箭头可见 */
    position: relative; /* 为伪元素提供定位上下文 */
}

#container2 .data-table .progress-select {
    width: 100%;
    padding: 4px 18px 4px 8px; /* 右侧padding调整为18px，为图标留出足够空间 */
    border: 0.5px solid rgba(52, 211, 153, 0.3); /* 缩小边框宽度1mm（从1.5px改为0.5px） */
    border-radius: 6px;
    background: transparent; /* 透明背景，让各状态的背景色显示 */
    color: #334155;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important; /* 完全移除浏览器默认的下拉箭头 */
    position: relative;
    overflow: visible;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

/* 下拉箭头图标容器（通过JavaScript动态添加） */
/* z-index设置为50，确保在表头（z-index: 100-101）下面 */
#container2 .data-table .select-arrow {
    position: absolute;
    right: 12px; /* 箭头位置，再左移1mm，不遮挡文字 */
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    pointer-events: none;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
}

#container2 .data-table .select-arrow svg {
    width: 8px;
    height: 8px;
    display: block;
}

#container2 .data-table .progress-select:hover {
    border: 0.5px solid rgba(52, 211, 153, 0.5) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    box-shadow: 0 2px 6px rgba(52, 211, 153, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

#container2 .data-table .progress-select:focus {
    outline: none;
    border: 0.5px solid rgba(52, 211, 153, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15), 0 2px 6px rgba(52, 211, 153, 0.2);
}

/* 下拉选择框选项样式 - 未开始（灰色按钮） */
#container2 .data-table .progress-select[value="未开始"],
#container2 .data-table .progress-select.option-not-started {
    background: rgba(229, 231, 235, 0.8) !important; /* 灰色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #4b5563 !important; /* 灰色文字 */
    border: 0.5px solid rgba(156, 163, 175, 0.5) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(107, 114, 128, 0.1) !important;
    font-weight: 600 !important;
}

/* 箭头颜色根据状态变化（通过JavaScript动态设置） */
#container2 .data-table .progress-select.option-not-started ~ .select-arrow svg path,
#container2 .data-table .progress-select[value="未开始"] ~ .select-arrow svg path {
    fill: #1f2937 !important;
}

#container2 .data-table .progress-select[value="未开始"]:hover,
#container2 .data-table .progress-select.option-not-started:hover {
    background: rgba(209, 213, 219, 0.9) !important; /* 灰色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(107, 114, 128, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(107, 114, 128, 0.2) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select[value="未开始"]:focus,
#container2 .data-table .progress-select.option-not-started:focus {
    background: rgba(229, 231, 235, 0.8) !important; /* 灰色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(107, 114, 128, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.15), 0 2px 6px rgba(107, 114, 128, 0.2) !important;
}

/* 下拉选择框选项样式 - 进行中/等待结果（黄色按钮） */
#container2 .data-table .progress-select[value="进行中"],
#container2 .data-table .progress-select[value="等待结果"],
#container2 .data-table .progress-select.option-in-progress {
    background: rgba(254, 243, 199, 0.8) !important; /* 黄色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #b45309 !important; /* 深黄色文字 */
    border: 0.5px solid rgba(251, 191, 36, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(217, 119, 6, 0.15) !important;
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.option-in-progress ~ .select-arrow svg path,
#container2 .data-table .progress-select[value="进行中"] ~ .select-arrow svg path,
#container2 .data-table .progress-select[value="等待结果"] ~ .select-arrow svg path {
    fill: #d97706 !important;
}

#container2 .data-table .progress-select[value="进行中"]:hover,
#container2 .data-table .progress-select[value="等待结果"]:hover,
#container2 .data-table .progress-select.option-in-progress:hover {
    background: rgba(253, 230, 138, 0.9) !important; /* 黄色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(217, 119, 6, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select[value="进行中"]:focus,
#container2 .data-table .progress-select[value="等待结果"]:focus,
#container2 .data-table .progress-select.option-in-progress:focus {
    background: rgba(254, 243, 199, 0.8) !important; /* 黄色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(217, 119, 6, 0.8) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2), 0 2px 6px rgba(217, 119, 6, 0.25) !important;
}

/* 下拉选择框选项样式 - 未通过（紫色按钮） */
#container2 .data-table .progress-select[value="未通过"],
#container2 .data-table .progress-select.option-failed {
    background: rgba(233, 213, 255, 0.8) !important; /* 紫色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #6b21a8 !important; /* 深紫色文字 */
    border: 0.5px solid rgba(147, 51, 234, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(124, 58, 237, 0.15) !important;
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.option-failed ~ .select-arrow svg path,
#container2 .data-table .progress-select[value="未通过"] ~ .select-arrow svg path {
    fill: #7c3aed !important;
}

#container2 .data-table .progress-select[value="未通过"]:hover,
#container2 .data-table .progress-select.option-failed:hover {
    background: rgba(221, 214, 254, 0.9) !important; /* 紫色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(147, 51, 234, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.25) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select[value="未通过"]:focus,
#container2 .data-table .progress-select.option-failed:focus {
    background: rgba(233, 213, 255, 0.8) !important; /* 紫色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(147, 51, 234, 0.8) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(196, 181, 253, 0.2), 0 2px 6px rgba(124, 58, 237, 0.25) !important;
}

/* 下拉选择框选项样式 - 无笔试（蓝色按钮） */
#container2 .data-table .progress-select[value="无笔试"],
#container2 .data-table .progress-select.option-no-written {
    background: rgba(219, 234, 254, 0.8) !important; /* 蓝色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #1e40af !important; /* 深蓝色文字 */
    border: 0.5px solid rgba(59, 130, 246, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.15) !important;
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.option-no-written ~ .select-arrow svg path,
#container2 .data-table .progress-select[value="无笔试"] ~ .select-arrow svg path {
    fill: #2563eb !important;
}

#container2 .data-table .progress-select[value="无笔试"]:hover,
#container2 .data-table .progress-select.option-no-written:hover {
    background: rgba(191, 219, 254, 0.9) !important; /* 蓝色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(59, 130, 246, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select[value="无笔试"]:focus,
#container2 .data-table .progress-select.option-no-written:focus {
    background: rgba(219, 234, 254, 0.8) !important; /* 蓝色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(59, 130, 246, 0.8) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.2), 0 2px 6px rgba(37, 99, 235, 0.25) !important;
}

/* 下拉选择框选项样式 - 已通过（绿色按钮） */
#container2 .data-table .progress-select[value="已通过"],
#container2 .data-table .progress-select.option-passed {
    background: rgba(209, 250, 229, 0.8) !important; /* 绿色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #065f46 !important; /* 深绿色文字 */
    border: 0.5px solid rgba(34, 197, 94, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(21, 128, 61, 0.15) !important;
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.option-passed ~ .select-arrow svg path,
#container2 .data-table .progress-select[value="已通过"] ~ .select-arrow svg path {
    fill: #15803d !important;
}

#container2 .data-table .progress-select[value="已通过"]:hover,
#container2 .data-table .progress-select.option-passed:hover {
    background: rgba(167, 243, 208, 0.9) !important; /* 绿色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(34, 197, 94, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(21, 128, 61, 0.25) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select[value="已通过"]:focus,
#container2 .data-table .progress-select.option-passed:focus {
    background: rgba(209, 250, 229, 0.8) !important; /* 绿色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(34, 197, 94, 0.8) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(110, 231, 183, 0.2), 0 2px 6px rgba(21, 128, 61, 0.25) !important;
}

/* offer进度列下拉选择框选项样式 - 等待结果（黄色按钮） */
#container2 .data-table .progress-select.offer-select[value="等待结果"],
#container2 .data-table .progress-select.offer-select[value="等待中"],
#container2 .data-table .progress-select.offer-select.option-waiting {
    background: rgba(254, 243, 199, 0.8) !important; /* 黄色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #b45309 !important; /* 深黄色文字 */
    border: 0.5px solid rgba(251, 191, 36, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(217, 119, 6, 0.15) !important;
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.offer-select.option-waiting ~ .select-arrow svg path,
#container2 .data-table .progress-select.offer-select[value="等待结果"] ~ .select-arrow svg path,
#container2 .data-table .progress-select.offer-select[value="等待中"] ~ .select-arrow svg path {
    fill: #d97706 !important;
}

#container2 .data-table .progress-select.offer-select[value="等待结果"]:hover,
#container2 .data-table .progress-select.offer-select[value="等待中"]:hover,
#container2 .data-table .progress-select.offer-select.option-waiting:hover {
    background: rgba(253, 230, 138, 0.9) !important; /* 黄色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(217, 119, 6, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select.offer-select[value="等待结果"]:focus,
#container2 .data-table .progress-select.offer-select[value="等待中"]:focus,
#container2 .data-table .progress-select.offer-select.option-waiting:focus {
    background: rgba(254, 243, 199, 0.8) !important; /* 黄色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(217, 119, 6, 0.8) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2), 0 2px 6px rgba(217, 119, 6, 0.25) !important;
}

/* offer进度列下拉选择框选项样式 - 已接（绿色按钮） */
#container2 .data-table .progress-select.offer-select[value="已接"],
#container2 .data-table .progress-select.offer-select.option-accepted {
    background: rgba(209, 250, 229, 0.8) !important; /* 绿色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #065f46 !important; /* 深绿色文字 */
    border: 0.5px solid rgba(34, 197, 94, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(21, 128, 61, 0.15) !important;
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.offer-select.option-accepted ~ .select-arrow svg path,
#container2 .data-table .progress-select.offer-select[value="已接"] ~ .select-arrow svg path {
    fill: #15803d !important;
}

#container2 .data-table .progress-select.offer-select[value="已接"]:hover,
#container2 .data-table .progress-select.offer-select.option-accepted:hover {
    background: rgba(167, 243, 208, 0.9) !important; /* 绿色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(34, 197, 94, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(21, 128, 61, 0.25) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select.offer-select[value="已接"]:focus,
#container2 .data-table .progress-select.offer-select.option-accepted:focus {
    background: rgba(209, 250, 229, 0.8) !important; /* 绿色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(34, 197, 94, 0.8) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(110, 231, 183, 0.2), 0 2px 6px rgba(21, 128, 61, 0.25) !important;
}

/* offer进度列下拉选择框选项样式 - 已拒（紫色按钮） */
#container2 .data-table .progress-select.offer-select[value="已拒"],
#container2 .data-table .progress-select.offer-select.option-rejected {
    background: rgba(233, 213, 255, 0.8) !important; /* 紫色按钮背景 */
    background-image: none !important; /* 确保没有默认箭头 */
    color: #6b21a8 !important; /* 深紫色文字 */
    border: 0.5px solid rgba(147, 51, 234, 0.6) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 1px 3px rgba(124, 58, 237, 0.15) !important;
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.offer-select.option-rejected ~ .select-arrow svg path,
#container2 .data-table .progress-select.offer-select[value="已拒"] ~ .select-arrow svg path {
    fill: #7c3aed !important;
}

#container2 .data-table .progress-select.offer-select[value="已拒"]:hover,
#container2 .data-table .progress-select.offer-select.option-rejected:hover {
    background: rgba(221, 214, 254, 0.9) !important; /* 紫色按钮hover背景 */
    background-image: none !important; /* 确保hover时也没有默认箭头 */
    border: 0.5px solid rgba(147, 51, 234, 0.7) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.25) !important;
    transform: translateY(-1px);
}

#container2 .data-table .progress-select.offer-select[value="已拒"]:focus,
#container2 .data-table .progress-select.offer-select.option-rejected:focus {
    background: rgba(233, 213, 255, 0.8) !important; /* 紫色按钮focus背景 */
    background-image: none !important; /* 确保focus时也没有默认箭头 */
    border: 0.5px solid rgba(147, 51, 234, 0.8) !important;
    padding: 5px 18px 5px 10px !important; /* 统一右侧padding */
    box-shadow: 0 0 0 3px rgba(196, 181, 253, 0.2), 0 2px 6px rgba(124, 58, 237, 0.25) !important;
}

/* 下拉框中的option元素样式 - 无背景色 */
#container2 .data-table .progress-select option {
    background-color: #ffffff !important;
    color: #334155 !important;
}

/* 各状态采用对应颜色文字 */
#container2 .data-table .progress-select option[value="未开始"] {
    color: #4b5563 !important; /* 灰色文字 */
    font-weight: 500 !important;
}

#container2 .data-table .progress-select option[value="进行中"],
#container2 .data-table .progress-select option[value="等待结果"] {
    color: #b45309 !important; /* 深黄色文字 */
    font-weight: 600 !important;
}

#container2 .data-table .progress-select option[value="未通过"] {
    color: #6b21a8 !important; /* 深紫色文字 */
    font-weight: 600 !important;
}

#container2 .data-table .progress-select option[value="无笔试"] {
    color: #1e40af !important; /* 深蓝色文字 */
    font-weight: 600 !important;
}

#container2 .data-table .progress-select option[value="已通过"] {
    color: #065f46 !important; /* 深绿色文字 */
    font-weight: 600 !important;
}

/* offer进度列下拉框中的option元素样式 */
#container2 .data-table .progress-select.offer-select option[value="等待结果"],
#container2 .data-table .progress-select.offer-select option[value="等待中"] {
    color: #b45309 !important; /* 深黄色文字 */
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.offer-select option[value="已接"] {
    color: #065f46 !important; /* 深绿色文字 */
    font-weight: 600 !important;
}

#container2 .data-table .progress-select.offer-select option[value="已拒"] {
    color: #6b21a8 !important; /* 深紫色文字 */
    font-weight: 600 !important;
}

#container2 .data-table tbody tr:nth-child(even) {
    background: rgba(248, 251, 255, 0.5);
}

#container2 .data-table tbody tr:hover {
    background: rgba(52, 211, 153, 0.08);
}

/* 容器2的投递状态列样式 - 使用按钮样式（已在上面的序号列样式中定义） */

/* 容器2的已投递按钮样式 - 与容器1一致，但禁用状态 */
#container2 .status-btn {
    /* 保持与容器1相同的样式 */
    padding: 5px 10px;
    border: none;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.3;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    /* 禁用交互 */
    pointer-events: none !important;
    cursor: default !important;
    opacity: 1 !important;
}

#container2 .status-btn.status-applied {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%) !important;
    color: white !important;
    box-shadow: 
        0 3px 10px rgba(34, 197, 94, 0.35),
        0 1px 4px rgba(34, 197, 94, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.1) !important; /* 缩小外框1号（从1px改为0.5px） */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

#container2 .status-btn:disabled {
    opacity: 1 !important;
    cursor: default !important;
}

/* 禁用容器2按钮的所有hover和active效果 */
#container2 .status-btn:hover,
#container2 .status-btn:active,
#container2 .status-btn:focus {
    transform: none !important;
    box-shadow: inherit !important;
    background: inherit !important;
    border-color: inherit !important;
}

#container2 .status-btn.status-applied:hover {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%) !important;
    transform: none !important;
    box-shadow: 
        0 3px 10px rgba(34, 197, 94, 0.35),
        0 1px 4px rgba(34, 197, 94, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Header 样式 */
header {
    background: #6ba3f0; /* 颜色调浅（从#4a8ae5改为#6ba3f0） */
    color: white;
    padding: 15px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/* 容器1标题栏颜色调浅 */
#container1 > header {
    background: #8bc0f8 !important; /* 颜色调浅（从#6ba3f0改为#8bc0f8） */
}

.header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.header-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

.header-text {
    font-size: 15px;
    font-weight: 600;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
    line-height: 1;
}

header h1 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    flex: 1;
    letter-spacing: 4px;
    position: relative;
    color: #ffffff;
    text-shadow: 
        0 1px 3px rgba(0, 0, 0, 0.25),
        0 2px 6px rgba(0, 0, 0, 0.15);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    padding: 0 50px;
}

header h1::before,
header h1::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%);
    transform: translateY(-50%);
    box-shadow: 
        0 0 8px rgba(255, 255, 255, 0.4),
        0 0 4px rgba(255, 255, 255, 0.2);
}

header h1::before {
    left: 15px;
}

header h1::after {
    right: 15px;
}

.header-info {
    flex: 0 0 auto;
}

.available-count {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    padding: 3px 16px;
    background: none;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.available-count::before {
    content: '✨';
    font-size: 20px;
    line-height: 1;
    filter: drop-shadow(0 2px 4px rgba(255, 215, 0, 0.5));
}

@keyframes starTwinkle {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}

.available-count span,
.available-count .count-input {
    color: #f59e0b;
    font-size: 30px;
    font-weight: 900;
    border: none;
    border-radius: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    position: relative;
    z-index: 1;
    animation: numberPulse 2s ease-in-out infinite;
    letter-spacing: 1px;
}

/* 后台输入框必须覆盖通用样式，强制显示边框 */
.admin-container .available-count .count-input,
.admin-container .available-count #admin-available-count,
#admin-available-count {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
    cursor: text !important;
    user-select: text !important;
}

/* 后台输入框不应用动画，保持可见 */
.admin-container .available-count .count-input {
    animation: none !important;
}

/* 后台输入框必须覆盖所有通用样式，移除边框 */
#admin-available-count {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}

@keyframes numberPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
}

.available-count .count-input {
    width: 70px;
    text-align: center;
    cursor: text;
    user-select: text;
}

/* 后台输入框样式 - 移除红色边框 */
#admin-available-count {
    cursor: text !important;
    user-select: text !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transition: none !important;
    box-shadow: none !important;
    animation: none !important;
}

/* 确保输入框可编辑，移除边框 */
#admin-available-count:hover {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#admin-available-count:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* 主内容区域 - 上下布局 */
.main-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
    padding: 20px;
    padding-left: calc(20px - 1mm);
    padding-right: calc(20px - 1mm);
    padding-top: calc(20px - 1mm);
    min-height: 0; /* 确保flex子元素可以正确收缩 */
}

/* 容器1的表格容器特殊处理 - 右移1mm对齐筛选区 */
#container1 .main-content .table-container {
    margin-left: 1mm !important;
    width: calc(100% - 1mm) !important;
    box-sizing: border-box !important;
}

/* 允许筛选条件区域内的元素可以选择和编辑 */
.filter-section *,
.filter-section input,
.filter-section select,
.filter-section button,
.filter-section label,
.filter-section .filter-item * {
    user-select: auto !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -webkit-touch-callout: default !important;
}

/* 允许按钮可以点击和选择 */
button,
.nav-tab,
.status-btn,
.btn-reset,
.btn-apply,
.filter-actions button {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* 允许筛选区域的输入框和下拉框可以编辑 */
.filter-section input[type="text"],
.filter-section select {
    pointer-events: auto !important;
    cursor: text !important;
}

.filter-section select {
    cursor: pointer !important;
}

/* 禁止表格内容的选择和复制 */
.data-table,
.data-table *,
#container1 .data-table,
#container1 .data-table *,
#container1 .table-container,
#container1 .table-container * {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -webkit-touch-callout: none !important;
    /* 禁止表格内容编辑 */
    -webkit-user-modify: read-only !important;
    -moz-user-modify: read-only !important;
}

/* 确保表格单元格不可编辑 */
.data-table td,
.data-table th {
    contenteditable: false !important;
    -webkit-user-modify: read-only !important;
    -moz-user-modify: read-only !important;
}

/* 允许投递状态按钮可以点击 */
.status-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
}

/* 允许表格中的链接可以点击 */
.data-table a,
.data-table .notice-link,
.data-table .apply-link {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
}

/* 前台容器1的主内容区域设置高度，确保表格可以滚动 */
#container1 .main-content {
    height: calc(100vh - 200px + 11mm);
    max-height: calc(100vh - 200px + 11mm);
    overflow: visible;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    pointer-events: auto;
}

/* 容器2的主内容区域 - 允许筛选区左移，从下侧减少高度1cm+3mm+1mm */
#container2 .main-content {
    height: calc(100vh - 200px + 11mm + 1mm) !important; /* 从下侧减少高度14mm：从+15mm改为+1mm */
    max-height: calc(100vh - 200px + 11mm + 1mm) !important; /* 从下侧减少高度14mm：从+15mm改为+1mm */
    overflow: visible;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    pointer-events: auto;
    padding-left: 0 !important; /* 确保没有padding影响左移 */
    padding-right: 0 !important;
    width: 100% !important; /* 确保宽度为100% */
    max-width: 100% !important; /* 最大宽度为100% */
    box-sizing: border-box !important;
}

/* 表格容器 */
#container1 .table-container {
    flex: 1 1 0 !important;
    min-height: 300px !important;
    overflow-x: hidden !important; /* 隐藏横向滚动条 */
    overflow-y: auto !important; /* 只允许纵向滚动 */
    height: auto !important;
    width: calc(100% - 1mm) !important; /* 减小宽度以容纳右移 */
    margin-left: 1mm !important; /* 表格区右移1mm，与筛选区对齐 */
    margin-top: -5mm !important; /* 表格区上移5mm */
    box-sizing: border-box !important;
}

/* 确保表格不出现横向滚动 */
#container1 .data-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    overflow-x: hidden !important;
}

/* 筛选条件区域 - 专栏按钮 */
.filter-section {
    flex: 0 0 auto !important;
    width: 100%;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.95) 0%, rgba(235, 245, 252, 0.98) 50%, rgba(230, 240, 250, 0.95) 100%);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    padding: 8px 16px !important; /* 减少padding：从12px 20px改为8px 16px */
    box-shadow: 
        0 4px 16px rgba(74, 138, 229, 0.12),
        0 1px 4px rgba(74, 138, 229, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(74, 138, 229, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: auto !important;
    max-height: fit-content !important;
    height: auto !important;
    margin-bottom: 8px; /* 减少与表格的间距 */
}

/* 容器2筛选区样式（最高优先级，覆盖通用规则）- 必须在通用规则之后 */
/* 移除背景、边框、阴影，只保留按钮 */
#container2 .main-content .filter-section,
#container2 .main-content > .filter-section,
#container2 .filter-section,
.container.container-2 .filter-section,
.container.container-2 .main-content .filter-section,
#container2 .main-content > div.filter-section,
#container2 div.filter-section,
#container2 .filter-section.filter-section,
#container2 .main-content .filter-section.filter-section {
    width: calc(100% - 2mm) !important; /* 左移2mm，宽度相应减少 */
    margin-left: 7mm !important; /* 右移5mm（从2mm改为7mm） */
    margin-top: 3mm !important; /* 下移3mm */
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    background: transparent !important; /* 透明背景 */
    background-color: transparent !important; /* 透明背景色 */
    background-image: none !important; /* 无背景图片 */
    box-shadow: none !important; /* 无阴影 */
    -webkit-box-shadow: none !important; /* 无阴影 */
    -moz-box-shadow: none !important; /* 无阴影 */
    border: none !important; /* 无边框 */
    border-width: 0 !important; /* 边框宽度为0 */
    border-style: none !important; /* 无边框样式 */
    border-color: transparent !important; /* 透明边框色 */
    border-top: none !important; /* 无上边框 */
    border-right: none !important; /* 无右边框 */
    border-bottom: none !important; /* 无下边框 */
    border-left: none !important; /* 无左边框 */
    outline: none !important; /* 无轮廓 */
    outline-width: 0 !important; /* 轮廓宽度为0 */
    outline-style: none !important; /* 无轮廓样式 */
    outline-color: transparent !important; /* 透明轮廓色 */
    box-sizing: border-box !important;
    padding-left: 0 !important; /* 移除内边距 */
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding: 0 !important; /* 移除所有内边距 */
    position: relative !important;
}

/* 容器2筛选区样式（最高优先级，覆盖通用规则） */
#container2 .main-content .filter-section,
#container2 .main-content > .filter-section,
#container2 .filter-section,
.container.container-2 .filter-section,
.container.container-2 .main-content .filter-section,
#container2 .main-content > div.filter-section {
    width: calc(100% - 2mm) !important; /* 左移2mm，宽度相应减少 */
    margin-left: 7mm !important; /* 右移5mm（从2mm改为7mm） */
    margin-top: 3mm !important; /* 下移3mm */
    margin-right: 0 !important;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.98) 0%, rgba(236, 253, 245, 0.95) 50%, rgba(240, 253, 250, 0.98) 100%) !important; /* 浅绿色系 */
    box-shadow: 
        0 8px 32px rgba(52, 211, 153, 0.1),
        0 2px 8px rgba(52, 211, 153, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    position: relative !important;
}

/* 容器2筛选区内的按钮（视图切换按钮）绿色系样式 */
#container2 .filter-section .column-btn,
#container2 .filter-section .view-btn,
#container2 .main-content .filter-section .column-btn,
#container2 .main-content .filter-section .view-btn,
.container.container-2 .filter-section .column-btn,
.container.container-2 .filter-section .view-btn {
    background: #ffffff !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important; /* 浅绿色细外框 */
    color: #64748b !important;
}

#container2 .filter-section .column-btn:hover,
#container2 .filter-section .view-btn:hover,
#container2 .main-content .filter-section .column-btn:hover,
#container2 .main-content .filter-section .view-btn:hover,
.container.container-2 .filter-section .column-btn:hover,
.container.container-2 .filter-section .view-btn:hover {
    background: #f0fdf4 !important;
    border-color: rgba(34, 197, 94, 0.5) !important; /* 悬停时浅绿色边框稍深 */
    color: #16a34a !important;
}

#container2 .filter-section .column-btn.active,
#container2 .filter-section .view-btn.active,
#container2 .main-content .filter-section .column-btn.active,
#container2 .main-content .filter-section .view-btn.active,
.container.container-2 .filter-section .column-btn.active,
.container.container-2 .filter-section .view-btn.active {
    background: linear-gradient(135deg, #34d399 0%, #22c55e 100%) !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3) !important;
}

#container2 .filter-section .column-btn.active::before,
#container2 .filter-section .view-btn.active::before,
#container2 .main-content .filter-section .column-btn.active::before,
#container2 .main-content .filter-section .view-btn.active::before,
.container.container-2 .filter-section .column-btn.active::before,
.container.container-2 .filter-section .view-btn.active::before {
    border-left-color: #22c55e !important;
}

#container2 .filter-section .column-btn.active::after,
#container2 .filter-section .view-btn.active::after,
#container2 .main-content .filter-section .column-btn.active::after,
#container2 .main-content .filter-section .view-btn.active::after,
.container.container-2 .filter-section .column-btn.active::after,
.container.container-2 .filter-section .view-btn.active::after {
    border-left-color: #16a34a !important;
}

/* 专栏按钮容器 */
.column-buttons {
    display: flex;
    gap: 10px; /* 减少按钮间距：从15px改为10px */
    width: 100%;
    justify-content: flex-start; /* 改为左对齐 */
    align-items: center;
    margin: 0;
    padding: 0;
}

/* 专栏按钮样式 - 带尖角的标签设计 */
.column-btn {
    flex: 0 0 auto;
    min-width: 130px;
    padding: 8px 24px 8px 20px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px 0 6px 6px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    letter-spacing: 0.2px;
    position: relative;
    overflow: visible;
    line-height: 1.4;
    text-align: center;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
}

.column-btn::before {
    content: '';
    position: absolute;
    top: 0;
    right: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 8px;
    border-color: transparent transparent transparent #ffffff;
    transition: border-color 0.25s ease;
}

.column-btn::after {
    content: '';
    position: absolute;
    top: 1px;
    right: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 7px;
    border-color: transparent transparent transparent #e2e8f0;
    transition: border-color 0.25s ease;
    z-index: -1;
}

.column-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.column-btn:hover::before {
    border-left-color: #f8fafc;
}

.column-btn:hover::after {
    border-left-color: #cbd5e1;
}

.column-btn.active {
    background: #3b82f6;
    color: #ffffff;
    border-color: #3b82f6;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
    font-weight: 600;
    transform: translateY(-1px);
}

.column-btn.active::before {
    border-left-color: #3b82f6;
}

.column-btn.active::after {
    border-left-color: #3b82f6;
}

.column-btn.active:hover {
    background: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.column-btn.active:hover::before {
    border-left-color: #2563eb;
}

.column-btn.active:hover::after {
    border-left-color: #2563eb;
}

/* 表头筛选器样式 */
#container1 .data-table thead .header-row-2 th.filterable {
    position: relative;
    padding-bottom: 8px;
}

/* 容器2的表头筛选器不增加padding-bottom，保持原有位置 */
#container2 .data-table thead .header-row-2 th.filterable,
#container2 #application-table thead .header-row-2 th.filterable {
    position: relative;
    /* 不添加额外的padding-bottom，保持原有表头位置 */
    padding: 6px 10px !important; /* 强制使用原有padding，覆盖任何其他样式 */
    vertical-align: middle !important; /* 确保垂直居中 */
}

#container1 .data-table thead .header-row-2 th.filterable > span {
    display: inline-block !important;
    margin-right: 4px;
    font-weight: 600;
}

/* 容器2的表头文本和按钮垂直对齐 */
#container2 .data-table thead .header-row-2 th.filterable > span,
#container2 #application-table thead .header-row-2 th.filterable > span {
    display: inline-block !important;
    margin-right: 4px;
    font-weight: 600;
    vertical-align: middle;
    line-height: 1.2;
}

/* 筛选图标按钮 */
#container1 .data-table thead .header-row-2 th.filterable .filter-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #4a8ae5;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    vertical-align: middle;
    line-height: 1;
    opacity: 0.7;
}

/* 容器2的筛选图标按钮，确保垂直对齐 */
#container2 .data-table thead .header-row-2 th.filterable .filter-icon-btn,
#container2 #application-table thead .header-row-2 th.filterable .filter-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #16a34a;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    vertical-align: middle;
    line-height: 1;
    opacity: 0.7;
    margin-left: 2px;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-icon-btn:hover,
#container2 .data-table thead .header-row-2 th.filterable .filter-icon-btn:hover,
#container2 #application-table thead .header-row-2 th.filterable .filter-icon-btn:hover {
    opacity: 1;
    color: #357abd;
    transform: scale(1.15);
}

/* 容器2筛选图标按钮颜色调整（绿色系） */
#container2 .data-table thead .header-row-2 th.filterable .filter-icon-btn,
#container2 #application-table thead .header-row-2 th.filterable .filter-icon-btn {
    color: #16a34a;
}

#container2 .data-table thead .header-row-2 th.filterable .filter-icon-btn:hover,
#container2 #application-table thead .header-row-2 th.filterable .filter-icon-btn:hover {
    color: #15803d;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-icon-btn:active {
    transform: scale(1.05);
}

#container1 .data-table thead .header-row-2 th.filterable .filter-icon-btn.active {
    opacity: 1;
    color: #357abd;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-icon-btn.has-filter {
    opacity: 1;
    color: #1e40af;
    font-weight: bold;
}

/* 筛选下拉菜单 */
#container1 .data-table thead .header-row-2 th.filterable .filter-dropdown,
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid rgba(74, 138, 229, 0.3);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 6px; /* 缩小padding：从8px改为6px */
    margin-top: 4px;
    min-width: 150px;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-dropdown-input,
#container1 .data-table thead .header-row-2 th.filterable .filter-dropdown-select,
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown-input,
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown-select,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown-input,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown-select {
    width: 100%;
    padding: 5px 8px; /* 缩小高度：从6px改为5px */
    font-size: 12px;
    border: 1px solid rgba(74, 138, 229, 0.3);
    border-radius: 4px;
    background: #ffffff;
    color: #334155;
    margin-bottom: 6px; /* 缩小间距：从8px改为6px */
    box-sizing: border-box;
    height: 28px; /* 固定高度，更紧凑 */
    line-height: 1.2;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-dropdown-input:focus,
#container1 .data-table thead .header-row-2 th.filterable .filter-dropdown-select:focus,
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown-input:focus,
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown-select:focus,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown-input:focus,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown-select:focus {
    outline: none;
    border-color: #4a8ae5;
    box-shadow: 0 0 0 2px rgba(74, 138, 229, 0.2);
}

/* 容器2筛选下拉菜单焦点颜色（绿色系） */
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown-input:focus,
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown-select:focus,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown-input:focus,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown-select:focus {
    border-color: #16a34a;
    box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2);
}

#container1 .data-table thead .header-row-2 th.filterable .filter-dropdown-actions,
#container2 .data-table thead .header-row-2 th.filterable .filter-dropdown-actions,
#container2 #application-table thead .header-row-2 th.filterable .filter-dropdown-actions {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-apply-btn,
#container1 .data-table thead .header-row-2 th.filterable .filter-clear-btn,
#container2 .data-table thead .header-row-2 th.filterable .filter-apply-btn,
#container2 .data-table thead .header-row-2 th.filterable .filter-clear-btn,
#container2 #application-table thead .header-row-2 th.filterable .filter-apply-btn,
#container2 #application-table thead .header-row-2 th.filterable .filter-clear-btn {
    padding: 4px 10px; /* 缩小高度 */
    font-size: 11px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
    height: 26px; /* 固定高度，更紧凑 */
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-apply-btn {
    background: #4a8ae5;
    color: #ffffff;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-apply-btn:hover {
    background: #357abd;
}

/* 容器2筛选确定按钮（绿色系） */
#container2 .data-table thead .header-row-2 th.filterable .filter-apply-btn,
#container2 #application-table thead .header-row-2 th.filterable .filter-apply-btn {
    background: #16a34a;
    color: #ffffff;
}

#container2 .data-table thead .header-row-2 th.filterable .filter-apply-btn:hover,
#container2 #application-table thead .header-row-2 th.filterable .filter-apply-btn:hover {
    background: #15803d;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-clear-btn,
#container2 .data-table thead .header-row-2 th.filterable .filter-clear-btn,
#container2 #application-table thead .header-row-2 th.filterable .filter-clear-btn {
    background: #e5e7eb;
    color: #6b7280;
}

#container1 .data-table thead .header-row-2 th.filterable .filter-clear-btn:hover,
#container2 .data-table thead .header-row-2 th.filterable .filter-clear-btn:hover,
#container2 #application-table thead .header-row-2 th.filterable .filter-clear-btn:hover {
    background: #d1d5db;
}

/* 容器2筛选图标按钮状态 */
#container2 .data-table thead .header-row-2 th.filterable .filter-icon-btn.active,
#container2 #application-table thead .header-row-2 th.filterable .filter-icon-btn.active {
    opacity: 1;
    color: #15803d;
}

#container2 .data-table thead .header-row-2 th.filterable .filter-icon-btn.has-filter,
#container2 #application-table thead .header-row-2 th.filterable .filter-icon-btn.has-filter {
    opacity: 1;
    color: #166534;
    font-weight: bold;
}

.filter-section h2 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: none;
    letter-spacing: 0.5px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.filter-section h2::after {
    content: '';
    position: absolute;
    bottom: -1mm;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, 
        transparent 0%,
        rgba(74, 138, 229, 0.15) 8%,
        rgba(74, 138, 229, 0.35) 25%,
        rgba(90, 154, 245, 0.55) 45%,
        rgba(90, 154, 245, 0.65) 50%,
        rgba(90, 154, 245, 0.55) 55%,
        rgba(74, 138, 229, 0.35) 75%,
        rgba(74, 138, 229, 0.15) 92%,
        transparent 100%);
    border-radius: 2px;
    box-shadow: 
        0 1px 3px rgba(74, 138, 229, 0.2),
        inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

.filter-section h2::before {
    content: '🔍';
    font-size: 18px;
    filter: drop-shadow(0 1px 2px rgba(74, 138, 229, 0.3));
    flex-shrink: 0;
    display: inline-block;
    color: #4a8ae5;
    line-height: 1;
    opacity: 1;
    z-index: 1;
    position: relative;
}

.filter-section h2 span {
    background: linear-gradient(135deg, #4a8ae5 0%, #5a9af5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.filter-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    padding: 4px 0;
}

.filter-controls {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 0;
    padding-bottom: 0;
}

.filter-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    padding: 4px 0;
    position: relative;
}

.filter-item > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.filter-item > label {
    margin-right: 0 !important;
    padding-right: 0 !important;
    margin-left: 3mm !important; /* 字段标签向右移动3mm（向内移动） */
    font-size: 12px;
    font-weight: 600;
    color: #3a7ad5;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
    flex: 0 0 85px;
    white-space: nowrap;
    transition: color 0.3s ease;
    box-sizing: border-box;
}

.filter-item::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: linear-gradient(135deg, #4a8ae5 0%, #5a9af5 100%);
    border-radius: 2px;
    transition: height 0.3s ease;
}

.filter-item:hover::before,
.filter-item:has(input:focus)::before,
.filter-item:has(select:focus)::before {
    height: 60%;
}

.filter-item:hover label,
.filter-item:has(input:focus) label,
.filter-item:has(select:focus) label {
    color: #4a8ae5;
}

/* 独占一行的筛选字段 */
.filter-item-full-width {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 8px 0 !important;
}

.filter-item-full-width > label {
    margin-left: 3mm !important;
    margin-bottom: 6px !important;
    flex: none !important;
    width: auto !important;
}

.filter-item-full-width > input,
.filter-item-full-width > select {
    width: 100% !important;
    margin-left: 3mm !important;
    margin-right: 3mm !important;
    box-sizing: border-box !important;
}

/* datetime-local输入框在独占一行时的样式 */
.filter-item-full-width > input[type="datetime-local"] {
    border: 1.5px solid rgba(74, 138, 229, 0.3) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

.filter-item-full-width > input[type="datetime-local"]:hover {
    border-color: rgba(74, 138, 229, 0.5) !important;
    box-shadow: 0 2px 6px rgba(74, 138, 229, 0.15) !important;
}

.filter-item-full-width > input[type="datetime-local"]:focus {
    border-color: rgba(74, 138, 229, 0.8) !important;
    box-shadow: 0 0 0 3px rgba(74, 138, 229, 0.15), 0 2px 8px rgba(74, 138, 229, 0.2) !important;
    outline: none !important;
}

/* 容器2筛选条件区绿色系样式 - 移除背景、边框、阴影 */
#container2 .filter-section {
    background: transparent !important; /* 透明背景 */
    background-color: transparent !important; /* 透明背景色 */
    background-image: none !important; /* 无背景图片 */
    box-shadow: none !important; /* 无阴影 */
    -webkit-box-shadow: none !important; /* 无阴影 */
    -moz-box-shadow: none !important; /* 无阴影 */
    border: none !important; /* 无边框 */
    border-width: 0 !important; /* 边框宽度为0 */
    border-style: none !important; /* 无边框样式 */
    border-color: transparent !important; /* 透明边框色 */
    outline: none !important; /* 无轮廓 */
}

#container2 .filter-section h2::after {
    background: linear-gradient(to right, 
        transparent 0%,
        rgba(52, 211, 153, 0.15) 8%,
        rgba(52, 211, 153, 0.35) 25%,
        rgba(34, 197, 94, 0.55) 45%,
        rgba(34, 197, 94, 0.65) 50%,
        rgba(34, 197, 94, 0.55) 55%,
        rgba(52, 211, 153, 0.35) 75%,
        rgba(52, 211, 153, 0.15) 92%,
        transparent 100%) !important;
    box-shadow: 
        0 1px 3px rgba(52, 211, 153, 0.2),
        inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
}

#container2 .filter-section h2::before {
    filter: drop-shadow(0 1px 2px rgba(52, 211, 153, 0.3)) !important;
    color: #34d399 !important;
}

#container2 .filter-section h2 span {
    background: linear-gradient(135deg, #34d399 0%, #22c55e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

#container2 .filter-item > label {
    color: #059669 !important;
}

#container2 .filter-item::before {
    background: linear-gradient(135deg, #34d399 0%, #22c55e 100%) !important;
}

#container2 .filter-item:hover label,
#container2 .filter-item:has(input:focus) label,
#container2 .filter-item:has(select:focus) label {
    color: #34d399 !important;
}

#container2 .filter-item input[type="text"] {
    color: #34d399 !important;
}

#container2 .filter-item input[type="text"]:hover {
    color: #22c55e !important;
}

#container2 .filter-item input[type="text"]:focus,
#container2 .filter-item input[type="text"]:focus-visible,
#container2 .filter-item input[type="text"]:focus-within {
    color: #059669 !important;
}

#container2 .filter-item select {
    color: #34d399 !important;
}

#container2 .filter-item select:hover {
    color: #22c55e !important;
}

#container2 .filter-item select:focus {
    color: #059669 !important;
}

#container2 .filter-item input[type="text"]::placeholder {
    color: rgba(52, 211, 153, 0.5) !important;
}

#container2 .filter-item-full-width > input[type="datetime-local"] {
    border: 1.5px solid rgba(52, 211, 153, 0.3) !important;
}

#container2 .filter-item-full-width > input[type="datetime-local"]:hover {
    border-color: rgba(52, 211, 153, 0.5) !important;
    box-shadow: 0 2px 6px rgba(52, 211, 153, 0.15) !important;
}

#container2 .filter-item-full-width > input[type="datetime-local"]:focus {
    border-color: rgba(52, 211, 153, 0.8) !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15), 0 2px 8px rgba(52, 211, 153, 0.2) !important;
}

#container2 .filter-actions::before {
    background: linear-gradient(to right, 
        transparent 0%,
        rgba(52, 211, 153, 0.15) 10%,
        rgba(52, 211, 153, 0.35) 30%,
        rgba(34, 197, 94, 0.5) 50%,
        rgba(52, 211, 153, 0.35) 70%,
        rgba(52, 211, 153, 0.15) 90%,
        transparent 100%) !important;
}

/* 容器2应用筛选按钮绿色系样式 */
#container2 .btn-apply {
    background: linear-gradient(135deg, #34d399 0%, #22c55e 50%, #16a34a 100%) !important;
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 
        0 2px 8px rgba(52, 211, 153, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#container2 .btn-apply:hover,
#container2 .btn-apply:active {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 4px 12px rgba(52, 211, 153, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

#container2 .btn-apply:active {
    transform: translateY(0) !important;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%) !important;
}

/* 通用输入框样式（不包含下拉选择框，下拉框样式在后面单独定义） */
.filter-item input {
    padding: 8px 12px;
    border: 1.5px solid rgba(74, 138, 229, 0.3);
    border-radius: 8px;
    font-size: 12px;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.98);
    color: #333;
}

/* 筛选条件区输入框 - 无外框，无下划线 */
.filter-item input[type="text"] {
    /* 移除边框和背景 */
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* 美化样式 - 无下划线 */
    padding: 8px 12px !important;
    font-size: 12px !important;
    color: #4a8ae5 !important;
    transition: all 0.3s ease !important;
    cursor: text !important;
    position: relative !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
}

/* 筛选条件区下拉框 - 无外框，无下划线，无箭头（最高优先级） */
.filter-item select,
#container1 .filter-item select,
#container1 #filter-nature,
#container1 #filter-industry,
#container1 #filter-size,
#container1 #filter-address,
#container1 #filter-education,
#container1 #filter-batch,
#container1 #filter-status,
.filter-item #filter-nature,
.filter-item #filter-industry,
.filter-item #filter-size,
.filter-item #filter-address,
.filter-item #filter-education,
.filter-item #filter-batch,
.filter-item #filter-status {
    /* 移除边框和背景 */
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* 美化样式 - 无下划线，无箭头 */
    padding: 8px 12px !important;
    font-size: 12px !important;
    color: #4a8ae5 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
}

/* 输入框占位符样式 */
.filter-item input[type="text"]::placeholder {
    color: rgba(74, 138, 229, 0.5) !important;
    font-style: italic !important;
}

/* hover效果 - 无下划线，只改变文字颜色 */
.filter-item input[type="text"]:hover {
    color: #3b82f6 !important;
    transform: none !important;
    background-image: none !important;
}

.filter-item select:hover,
#container1 .filter-item select:hover,
#container1 #filter-nature:hover,
#container1 #filter-industry:hover,
#container1 #filter-size:hover,
#container1 #filter-address:hover,
#container1 #filter-education:hover,
#container1 #filter-batch:hover,
#container1 #filter-status:hover,
.filter-item #filter-nature:hover,
.filter-item #filter-industry:hover,
.filter-item #filter-size:hover,
.filter-item #filter-address:hover,
.filter-item #filter-education:hover,
.filter-item #filter-batch:hover,
.filter-item #filter-status:hover {
    color: #3b82f6 !important;
    transform: none !important;
    background-image: none !important;
}

/* focus效果 - 下划线加粗并变色，文字颜色加深 */

.filter-item input[type="text"]:focus,
.filter-item input[type="text"]:focus-visible,
.filter-item input[type="text"]:focus-within {
    color: #2563eb !important;
    transform: none !important;
    background-image: none !important;
}

.filter-item select:focus,
.filter-item select:focus-visible,
.filter-item select:focus-within,
#filter-nature:focus,
#filter-industry:focus,
#filter-size:focus,
#filter-address:focus,
#filter-education:focus,
#filter-batch:focus,
#filter-status:focus,
#container1 #filter-nature:focus,
#container1 #filter-industry:focus,
#container1 #filter-size:focus,
#container1 #filter-address:focus,
#container1 #filter-education:focus,
#container1 #filter-batch:focus,
#container1 #filter-status:focus {
    color: #2563eb !important;
    transform: none !important;
    background-image: none !important;
}

/* 下拉选择框箭头样式已在上面的.filter-item select规则中定义 */

/* 移除旧的hover和focus样式，已由上面的规则覆盖 */

.filter-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
    padding-top: 3mm;
    margin-top: auto;
    border-top: none;
    width: 100%;
    position: relative;
    transform: translateY(3mm);
}

.filter-actions::before {
    content: '';
    position: absolute;
    top: -1mm;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, 
        transparent 0%,
        rgba(74, 138, 229, 0.15) 10%,
        rgba(74, 138, 229, 0.35) 30%,
        rgba(90, 154, 245, 0.5) 50%,
        rgba(74, 138, 229, 0.35) 70%,
        rgba(74, 138, 229, 0.15) 90%,
        transparent 100%);
    border-radius: 2px;
    box-shadow: 
        0 1px 3px rgba(74, 138, 229, 0.15),
        inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

/* 按钮样式 */
.btn-reset,
.btn-apply {
    flex: 1;
    min-width: 0;
    padding: 6px 16px;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 2px 8px rgba(74, 138, 229, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 1;
    height: auto;
    line-height: 1.2;
}

.btn-apply {
    background: linear-gradient(135deg, #4a8ae5 0%, #5a9af5 50%, #6ba3f7 100%);
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.btn-apply::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.btn-apply:hover::before {
    left: 100%;
}

.btn-apply::after {
    content: '✓';
    margin-left: 6px;
    font-size: 14px;
    opacity: 0.9;
}

.btn-apply:hover,
.btn-apply:active {
    transform: translateY(-2px);
    box-shadow: 
        0 4px 12px rgba(74, 138, 229, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-apply:active {
    transform: translateY(0);
    background: linear-gradient(135deg, #3a7ad5 0%, #4a8ae5 50%, #5a9af5 100%);
}

.btn-reset {
    background: linear-gradient(135deg, #64748b 0%, #768596 50%, #8892a6 100%);
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.btn-reset::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.btn-reset:hover::before {
    left: 100%;
}

.btn-reset::after {
    content: '↻';
    margin-left: 6px;
    font-size: 14px;
    opacity: 0.9;
    transition: transform 0.3s ease;
}

.btn-reset:hover::after {
    transform: rotate(180deg);
}

.btn-reset:hover,
.btn-reset:active {
    transform: translateY(-2px);
    box-shadow: 
        0 4px 12px rgba(100, 116, 139, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-reset:active {
    transform: translateY(0);
    background: linear-gradient(135deg, #475569 0%, #64748b 50%, #768596 100%);
}

/* 表格容器 */
.table-container {
    flex: 1 1 0 !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
    padding: 8px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(250, 252, 255, 1) 100%);
    backdrop-filter: blur(12px);
    border-radius: 18px;
    box-shadow: 
        0 16px 64px rgba(74, 138, 229, 0.35),
        0 8px 24px rgba(74, 138, 229, 0.25),
        0 4px 12px rgba(74, 138, 229, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(74, 138, 229, 0.15);
    border: 3px solid rgba(74, 138, 229, 0.4);
}

/* 容器2表格容器样式（最高优先级，缩小宽度6mm，上移1cm，从下侧增高1cm+5mm+5mm） */
#container2 .main-content .table-container,
#container2 .main-content > .table-container,
#container2 .table-container,
.container.container-2 .table-container,
.container.container-2 .main-content .table-container,
#container2 .main-content > div.table-container,
#container2 div.table-container {
    width: calc(100% - 6mm) !important; /* 缩小宽度6mm */
    max-width: calc(100% - 6mm) !important; /* 缩小宽度6mm */
    margin-left: 3mm !important; /* 右移3mm以保持居中 */
    margin-right: 3mm !important; /* 右移3mm以保持居中 */
    margin-top: -10mm !important; /* 上移1cm */
    max-height: calc(100vh - 200px - 60px + 20mm) !important; /* 从下侧增高20mm：增加10mm+5mm+5mm */
    height: calc(100vh - 200px - 60px + 20mm) !important; /* 从下侧增高20mm：增加10mm+5mm+5mm */
    box-sizing: border-box !important;
}

/* 容器1的表格容器特殊处理 */
#container1 .table-container {
    flex: 1 1 0 !important;
    min-height: 300px !important;
    overflow: auto !important;
    height: auto !important;
    max-height: none !important;
}


.data-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    margin: 0;
    border-radius: 12px;
    overflow: visible;
}

/* 容器1表格使用固定布局，各列保持固定列宽 */
#container1 .data-table {
    table-layout: fixed !important;
    width: 100% !important;
    height: auto !important;
}

/* 表格容器禁用横向滚动，只允许纵向滚动 - 容器1 */
#container1 .table-container {
    overflow-y: auto !important;
    overflow-x: auto !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: calc(100vh - 200px + 11mm) !important;
    height: calc(100vh - 200px + 11mm) !important;
    position: relative !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: auto !important;
    touch-action: pan-y !important;
    pointer-events: auto !important;
    isolation: isolate !important;
    z-index: 1 !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(250, 252, 255, 1) 100%) !important;
    box-shadow: 0 16px 64px rgba(74, 138, 229, 0.35), 0 8px 24px rgba(74, 138, 229, 0.25), 0 4px 12px rgba(74, 138, 229, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(74, 138, 229, 0.15) !important;
    border: 3px solid rgba(74, 138, 229, 0.4) !important;
    margin-left: -2mm !important;
    padding-left: calc(8px + 2mm) !important;
    padding-top: 8px !important;
    padding-bottom: calc(8px + 1mm) !important;
}

/* 容器2表格容器 - 缩小宽度6mm，上移1cm，从下侧增高1cm+5mm+5mm */
#container2 .table-container {
    width: calc(100% - 6mm) !important; /* 缩小宽度6mm */
    max-width: calc(100% - 6mm) !important; /* 缩小宽度6mm */
    margin-left: 3mm !important; /* 右移3mm以保持居中 */
    margin-right: 3mm !important; /* 右移3mm以保持居中 */
    margin-top: -10mm !important; /* 上移1cm */
    max-height: calc(100vh - 200px - 60px + 20mm) !important; /* 从下侧增高20mm：增加10mm+5mm+5mm */
    height: calc(100vh - 200px - 60px + 20mm) !important; /* 从下侧增高20mm：增加10mm+5mm+5mm */
    box-sizing: border-box !important;
}

#container1 .main-content {
    height: calc(100vh - 200px + 12mm);
    max-height: calc(100vh - 200px + 12mm);
    margin-top: -1mm;
}

#container1 .filter-section {
    height: calc(100vh - 200px + 10mm);
    max-height: calc(100vh - 200px + 10mm);
    margin-top: -1mm;
}

#container1 .table-container {
    max-height: calc(100vh - 200px + 12mm) !important;
    height: calc(100vh - 200px + 12mm) !important;
    margin-top: -1mm !important;
}

#container2 .main-content {
    height: calc(100vh - 200px + 11mm);
    max-height: calc(100vh - 200px + 11mm);
    margin-top: -1mm;
}

#container2 .filter-section {
    flex: 0 0 auto !important;
    width: calc(100% - 3mm) !important; /* 右移3mm，宽度相应减少 */
    margin-left: 7mm !important; /* 右移5mm（从3mm改为7mm） */
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.98) 0%, rgba(236, 253, 245, 0.95) 50%, rgba(240, 253, 250, 0.98) 100%) !important; /* 浅绿色系 */
    backdrop-filter: blur(8px);
    border-radius: 12px;
    padding: 8px 16px !important;
    box-shadow: 
        0 8px 32px rgba(52, 211, 153, 0.1),
        0 2px 8px rgba(52, 211, 153, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: auto !important;
    max-height: fit-content !important;
    height: auto !important;
    margin-bottom: 8px;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}

#container2 .table-container {
    flex: 1 1 0 !important;
    min-height: 300px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 3mm !important; /* 上侧增加3mm（使用padding而不是margin） */
    padding-bottom: 3mm !important; /* 下侧增加3mm（使用padding而不是margin） */
    box-sizing: border-box !important;
    max-height: calc(100vh - 200px - 60px + 6mm) !important; /* 高度从上下两侧各增加3mm（总共6mm） */
}

/* 确保表格容器内的所有元素都能接收鼠标事件 */
#container1 .table-container * {
    pointer-events: auto !important;
}

/* 序号列保持固定宽度 */
#container1 .data-table thead th.col-index {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    white-space: nowrap !important;
}

/* 一级表头（colspan的列）允许换行 */
#container1 .data-table .header-row-1 th:not(.col-index) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 二级表头列宽已在各列规则中设置，此处不再限制 */
#container1 .data-table thead .header-row-2 th {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow: visible !important;
}

.data-table thead {
    position: sticky;
    top: 0;
    z-index: 100;
}

/* 确保表头行正确对齐 */
.data-table thead tr {
    display: table-row;
    line-height: 1;
    margin: 0;
    border: none;
    height: auto;
    font-size: 0; /* 消除可能的空白字符间距 */
}

.data-table thead tr th {
    font-size: initial; /* 恢复字体大小 */
}

/* 确保表头行之间没有间距 */
.data-table thead tr.header-row-1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.data-table thead tr.header-row-2 {
    margin-top: 0;
    padding-top: 0;
}

/* 第一级表头 */
.header-row-1 {
    height: auto;
    position: relative;
}

.header-row-1 th {
    padding: 8px 10px;
    text-align: center;
    font-weight: 700;
    font-size: 14px !important;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none !important;
    border-bottom-width: 0 !important;
    position: sticky;
    top: 0;
    z-index: 101;
    vertical-align: top;
    margin: 0;
    margin-bottom: 0 !important;
    height: auto;
    line-height: 1.2;
    box-sizing: border-box;
}

/* 序号列（rowspan=2）需要特殊处理，确保不影响二级表头位置 */
.header-row-1 th[rowspan="2"] {
    vertical-align: middle;
}

.header-row-1 th.col-index {
    background: linear-gradient(135deg, rgba(229, 231, 235, 1) 0%, rgba(209, 213, 219, 1) 100%) !important;
    color: #334155;
    white-space: nowrap;
    vertical-align: middle !important;
    text-align: center !important;
    font-size: 11px !important;
    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 1) !important; /* 8px白色不透明遮罩层 */
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    display: table-cell !important;
    padding: 8px 5px !important;
    line-height: 1.2 !important;
}

/* 后台表头"序号"字号增加2个字号 */
.admin-container .header-row-1 th.col-index {
    font-size: 13px !important;
}

.header-row-1 th.col-company-info {
    background: linear-gradient(135deg, rgba(199, 210, 254, 1) 0%, rgba(165, 180, 252, 1) 100%) !important;
    color: #1e3a8a;
    font-size: 13px !important;
    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 1) !important; /* 8px白色不透明遮罩层 */
}

/* 确保容器1的第一级表头colspan列不限制宽度 */
#container1 .header-row-1 th.col-company-info,
#container1 .header-row-1 th.col-position-info,
#container1 .header-row-1 th.col-apply-info {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

.header-row-1 th.col-position-info {
    background: linear-gradient(135deg, rgba(187, 247, 208, 1) 0%, rgba(134, 239, 172, 1) 100%) !important;
    color: #065f46;
    font-size: 13px !important;
    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 1) !important; /* 8px白色不透明遮罩层 */
}

.header-row-1 th.col-apply-info {
    background: linear-gradient(135deg, rgba(254, 215, 170, 1) 0%, rgba(251, 191, 36, 1) 100%) !important;
    color: #92400e;
    font-size: 13px !important;
    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 1) !important; /* 8px白色不透明遮罩层 */
}

/* 第二级表头 */
.header-row-2 {
    height: auto;
    margin-top: -2px;
    position: relative;
    transform: none; /* 取消整体下移，恢复初始位置 */
    line-height: 1;
    font-size: 0;
    min-height: 40px;
}

.header-row-2 th {
    padding: 6px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.3px;
    border: 1px solid rgba(74, 138, 229, 0.15);
    border-top: none !important;
    border-top-width: 0 !important;
    white-space: nowrap;
    vertical-align: top;
    position: sticky;
    top: calc(var(--header-row-1-height, auto) - 2px);
    z-index: 100;
    margin: 0;
    margin-top: 0 !important;
    height: auto;
    line-height: 1.2;
    box-sizing: border-box;
    will-change: auto !important;
}

/* 容器1的二级表头固定高度与位置（上移5mm） */
#container1 .data-table .header-row-2 {
    margin-top: calc(-2px - 5mm) !important;
    min-height: 40px !important;
    height: auto !important;
}

/* 容器1的二级表头th固定位置（上移5mm） */
#container1 .data-table .header-row-2 th {
    top: calc(var(--header-row-1-height, auto) - 2px - 5mm) !important;
    padding-top: 6px !important;
    position: sticky !important;
    will-change: auto !important;
    transform: none !important;
    height: auto !important;
    min-height: 35px !important;
    vertical-align: middle !important;
}

.header-row-2 th:first-child {
    white-space: nowrap;
}

/* 确保序号列在二级表头中正确对齐（虽然序号列在第一行，但需要确保二级表头其他列对齐） */
.header-row-2 th {
    vertical-align: top;
    font-size: 11px !important; /* 确保字号正确应用 */
}

/* 前台容器1：二级表头列宽根据内容自适应（已在上面定义，这里移除重复） */

.header-row-2 th:nth-child(1),
.header-row-2 th:nth-child(2),
.header-row-2 th:nth-child(3),
.header-row-2 th:nth-child(4),
.header-row-2 th:nth-child(5),
.header-row-2 th:nth-child(6) {
    background: linear-gradient(135deg, rgba(238, 242, 255, 1) 0%, rgba(224, 231, 255, 1) 100%) !important;
    color: #1e3a8a;
}

.header-row-2 th:nth-child(7),
.header-row-2 th:nth-child(8),
.header-row-2 th:nth-child(9),
.header-row-2 th:nth-child(10) {
    background: linear-gradient(135deg, rgba(236, 253, 245, 1) 0%, rgba(209, 250, 229, 1) 100%) !important;
    color: #065f46;
}

.header-row-2 th:nth-child(11),
.header-row-2 th:nth-child(12) {
    background: linear-gradient(135deg, rgba(255, 247, 237, 1) 0%, rgba(254, 243, 199, 1) 100%) !important;
    color: #92400e;
}

/* 表格数据行 */
.data-table tbody td {
    padding: 6px 8px;
    text-align: center;
    border: 1px solid rgba(74, 138, 229, 0.12);
    font-size: 11px;
    line-height: 1.4;
    color: #334155;
    word-break: break-word;
    vertical-align: middle;
}

/* 容器1表格区域数据行字号缩小1号 */
#container1 .data-table tbody td {
    font-size: 10px !important;
}

/* 前台数据行序号列（第一列）水平和垂直居中 */
.data-table tbody td:first-child {
    text-align: center !important;
    vertical-align: middle !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
}

/* 确保第一行数据不被表头覆盖 */
.data-table tbody tr:first-child td {
    position: relative;
    z-index: 1;
}

/* 公司全称、公司地址、福利待遇列居左对齐 */
.data-table tbody td:nth-child(2),
.data-table tbody td:nth-child(6),
.data-table tbody td:nth-child(7) {
    text-align: left;
}

/* 序号列保持固定宽度 */
#container1 .data-table tbody td:first-child {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    white-space: nowrap !important;
}

/* 容器1表格各列固定列宽（使用百分比） */
/* 第1列：序号 */
#container1 .data-table thead .header-row-2 th:nth-child(1),
#container1 .data-table tbody td:nth-child(1) {
    width: 3% !important;
    min-width: 40px !important;
    max-width: 40px !important;
}

/* 第2列：公司全称 */
#container1 .data-table thead .header-row-2 th:nth-child(2),
#container1 .data-table tbody td:nth-child(2) {
    width: 12% !important;
    min-width: 120px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第3列：企业性质 */
#container1 .data-table thead .header-row-2 th:nth-child(3),
#container1 .data-table tbody td:nth-child(3) {
    width: 8% !important;
    min-width: 80px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第4列：行业分类 */
#container1 .data-table thead .header-row-2 th:nth-child(4),
#container1 .data-table tbody td:nth-child(4) {
    width: 8% !important;
    min-width: 80px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第5列：公司规模 */
#container1 .data-table thead .header-row-2 th:nth-child(5),
#container1 .data-table tbody td:nth-child(5) {
    width: 7% !important;
    min-width: 70px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第6列：公司地址 */
#container1 .data-table thead .header-row-2 th:nth-child(6),
#container1 .data-table tbody td:nth-child(6) {
    width: 10% !important;
    min-width: 100px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第7列：福利待遇 */
#container1 .data-table thead .header-row-2 th:nth-child(7),
#container1 .data-table tbody td:nth-child(7) {
    width: 10% !important;
    min-width: 100px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第8列：招聘公告（固定宽度，允许换行） */
#container1 .data-table thead .header-row-2 th:nth-child(8),
#container1 .data-table tbody td:nth-child(8) {
    width: 11% !important;
    min-width: 100px !important;
    max-width: 11% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* 第9列：届次要求 */
#container1 .data-table thead .header-row-2 th:nth-child(9),
#container1 .data-table tbody td:nth-child(9) {
    width: 7% !important;
    min-width: 70px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第10列：学历要求 */
#container1 .data-table thead .header-row-2 th:nth-child(10),
#container1 .data-table tbody td:nth-child(10) {
    width: 7% !important;
    min-width: 70px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第11列：截止时间 */
#container1 .data-table thead .header-row-2 th:nth-child(11),
#container1 .data-table tbody td:nth-child(11) {
    width: 8% !important;
    min-width: 80px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* 第12列：投递链接（固定宽度，允许换行） */
#container1 .data-table thead .header-row-2 th:nth-child(12),
#container1 .data-table tbody td:nth-child(12) {
    width: 9% !important;
    min-width: 90px !important;
    max-width: 9% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* 第13列：投递状态 */
#container1 .data-table thead .header-row-2 th:nth-child(13),
#container1 .data-table tbody td:nth-child(13) {
    width: 8% !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    word-break: normal !important;
}

/* 容器1各列固定列宽已在上面的规则中设置，此处不再重复 */

/* 招聘公告、投递链接列允许文本换行，使用固定列宽 */
#container1 .data-table thead .header-row-2 th:nth-child(8),
#container1 .data-table tbody td:nth-child(8),
#container1 .data-table thead .header-row-2 th:nth-child(12),
#container1 .data-table tbody td:nth-child(12) {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* 投递状态列保持不换行 */
#container1 .data-table thead .header-row-2 th:nth-child(13),
#container1 .data-table tbody td:nth-child(13) {
    white-space: nowrap !important;
    word-wrap: normal !important;
    word-break: normal !important;
}


.data-table tbody tr:nth-child(even) {
    background: rgba(248, 251, 255, 0.5);
}

.data-table tbody tr:hover {
    background: rgba(74, 138, 229, 0.08);
    transform: scale(1.01);
    box-shadow: 0 2px 8px rgba(74, 138, 229, 0.15);
}

.data-table tbody td a {
    color: #4a8ae5;
    text-decoration: none;
    font-weight: 500;
    padding: 2px 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.data-table tbody td a:hover {
    background: rgba(74, 138, 229, 0.1);
    color: #2563eb;
}

.data-table tbody td:nth-child(8) a,
.data-table tbody td:nth-child(8) .notice-link {
    color: #10b981;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.data-table tbody td:nth-child(8) a:hover,
.data-table tbody td:nth-child(8) .notice-link:hover {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.data-table tbody td:nth-child(12) a {
    color: #f59e0b;
    font-weight: 600;
    text-decoration: underline;
}

.data-table tbody td:nth-child(12) a:hover {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
}

.loading {
    text-align: center;
    padding: 40px;
    color: #999;
}

.info-section {
    padding: 20px 25px;
    background: #f8f9fa;
    border-top: 2px solid #e9ecef;
}

.record-count {
    color: #555;
    font-size: 14px;
}

.record-count span {
    font-weight: 700;
    color: #4a8ae5;
    font-size: 16px;
}

/* 投递状态按钮样式 */
.status-btn {
    padding: 5px 10px;
    border: none;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 3px 8px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    line-height: 1.3;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.status-btn:active {
    transform: translateY(0);
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* 容器1表格区域投递状态下拉选择框样式 */
#container1 .data-table .status-select {
    width: 100%;
    padding: 4px 8px 4px 8px; /* 右侧padding改为8px，因为不需要为箭头留空间 */
    border: 0.5px solid rgba(52, 211, 153, 0.3);
    border-radius: 6px;
    background: transparent;
    color: #334155;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
    position: relative;
    overflow: visible;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    text-align: center; /* 文字居中显示，更像按钮 */
    outline: none !important; /* 移除默认的outline */
}

#container1 .data-table .status-select:focus {
    outline: none !important; /* 移除focus时的默认outline */
}

/* 容器1投递状态下拉选择框 - 未投递（灰色按钮） */
#container1 .data-table .status-select[value="未投递"],
#container1 .data-table .status-select.option-not-started {
    background: rgba(229, 231, 235, 0.8) !important;
    background-image: none !important;
    color: #4b5563 !important;
    border: 0.5px solid rgba(156, 163, 175, 0.5) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 1px 3px rgba(107, 114, 128, 0.1) !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* 容器1投递状态下拉选择框 - 已投递（绿色按钮） */
#container1 .data-table .status-select[value="已投递"],
#container1 .data-table .status-select.option-passed {
    background: rgba(209, 250, 229, 0.8) !important;
    background-image: none !important;
    color: #065f46 !important;
    border: 0.5px solid rgba(34, 197, 94, 0.6) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 1px 3px rgba(21, 128, 61, 0.15) !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* 容器1投递状态下拉选择框 - 稍后投递（黄色按钮） */
#container1 .data-table .status-select[value="稍后投递"],
#container1 .data-table .status-select.option-in-progress {
    background: rgba(254, 243, 199, 0.8) !important;
    background-image: none !important;
    color: #b45309 !important;
    border: 0.5px solid rgba(251, 191, 36, 0.6) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 1px 3px rgba(217, 119, 6, 0.15) !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* 容器1投递状态下拉选择框hover状态 */
#container1 .data-table .status-select[value="未投递"]:hover,
#container1 .data-table .status-select.option-not-started:hover {
    background: rgba(209, 213, 219, 0.9) !important;
    background-image: none !important;
    border: 0.5px solid rgba(107, 114, 128, 0.6) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 2px 6px rgba(107, 114, 128, 0.2) !important;
    transform: translateY(-1px);
}

#container1 .data-table .status-select[value="已投递"]:hover,
#container1 .data-table .status-select.option-passed:hover {
    background: rgba(167, 243, 208, 0.9) !important;
    background-image: none !important;
    border: 0.5px solid rgba(34, 197, 94, 0.7) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 2px 6px rgba(21, 128, 61, 0.25) !important;
    transform: translateY(-1px);
}

#container1 .data-table .status-select[value="稍后投递"]:hover,
#container1 .data-table .status-select.option-in-progress:hover {
    background: rgba(253, 230, 138, 0.9) !important;
    background-image: none !important;
    border: 0.5px solid rgba(217, 119, 6, 0.7) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25) !important;
    transform: translateY(-1px);
}

/* 容器1投递状态下拉选择框focus状态 - 美化，无黑色粗外框 */
#container1 .data-table .status-select[value="未投递"]:focus,
#container1 .data-table .status-select.option-not-started:focus {
    background: rgba(229, 231, 235, 0.8) !important;
    background-image: none !important;
    border: 0.5px solid rgba(107, 114, 128, 0.7) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 2px 6px rgba(107, 114, 128, 0.2) !important; /* 移除外框，只保留阴影 */
    outline: none !important; /* 移除默认outline */
}

#container1 .data-table .status-select[value="已投递"]:focus,
#container1 .data-table .status-select.option-passed:focus {
    background: rgba(209, 250, 229, 0.8) !important;
    background-image: none !important;
    border: 0.5px solid rgba(34, 197, 94, 0.8) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 2px 6px rgba(21, 128, 61, 0.25) !important; /* 移除外框，只保留阴影 */
    outline: none !important; /* 移除默认outline */
}

#container1 .data-table .status-select[value="稍后投递"]:focus,
#container1 .data-table .status-select.option-in-progress:focus {
    background: rgba(254, 243, 199, 0.8) !important;
    background-image: none !important;
    border: 0.5px solid rgba(217, 119, 6, 0.8) !important;
    padding: 5px 8px 5px 8px !important; /* 右侧padding改为8px */
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25) !important; /* 移除外框，只保留阴影 */
    outline: none !important; /* 移除默认outline */
}

/* 容器1投递状态下拉选择框隐藏箭头图标 */
#container1 .data-table .status-cell .select-arrow {
    display: none !important;
}

/* 容器1投递状态下拉选择框选项样式 - 无背景色，文本左移1mm */
#container1 .data-table .status-select option {
    background-color: #ffffff !important;
    color: #334155 !important;
    padding-left: calc(8px + 1mm) !important; /* 文本左移1mm */
}

#container1 .data-table .status-select option[value="未投递"] {
    color: #4b5563 !important;
    font-weight: 500 !important;
}

#container1 .data-table .status-select option[value="已投递"] {
    color: #065f46 !important;
    font-weight: 600 !important;
}

#container1 .data-table .status-select option[value="稍后投递"] {
    color: #b45309 !important;
    font-weight: 600 !important;
}

.status-btn.status-pending,
.status-btn.status-not-applied {
    background: #94a3b8;
    color: #ffffff;
    box-shadow: 
        0 3px 10px rgba(148, 163, 184, 0.4),
        0 1px 4px rgba(148, 163, 184, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.15);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 600;
}

.status-btn.status-pending:hover,
.status-btn.status-not-applied:hover {
    background: #64748b;
    box-shadow: 
        0 5px 15px rgba(100, 116, 139, 0.5),
        0 2px 6px rgba(100, 116, 139, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

.status-btn.status-applied {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);
    color: white;
    box-shadow: 
        0 3px 10px rgba(34, 197, 94, 0.35),
        0 1px 4px rgba(34, 197, 94, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.status-btn.status-applied:hover {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%);
    box-shadow: 
        0 5px 15px rgba(34, 197, 94, 0.4),
        0 2px 6px rgba(34, 197, 94, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.2);
}

.status-btn.status-later {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
    color: white;
    box-shadow: 
        0 3px 10px rgba(245, 158, 11, 0.35),
        0 1px 4px rgba(245, 158, 11, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: normal;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    padding: 3px 5px;
    line-height: 1.2;
    word-break: keep-all;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.status-btn.status-later:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);
    box-shadow: 
        0 5px 15px rgba(245, 158, 11, 0.4),
        0 2px 6px rgba(245, 158, 11, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.2);
}

.status-btn:active {
    transform: translateY(0) scale(0.98);
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .main-content {
        flex-direction: column;
    }
    
    .filter-section {
        flex: 1;
        min-width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    
    .table-container {
        height: auto;
        min-height: 400px;
    }
}

@media (max-width: 768px) {
    body {
        padding: 10px;
    }
    
    header {
        flex-direction: column;
        gap: 15px;
        padding: 20px;
    }
    
    header h1 {
        font-size: 24px;
    }
    
    .header-left {
        font-size: 14px;
    }
    
    .available-count {
        font-size: 12px;
    }
    
    .available-count span,
    .available-count .count-input {
        font-size: 24px;
    }
    
    .data-table {
        font-size: 10px;
    }
    
    .data-table th,
    .data-table td {
        padding: 4px 6px;
    }
}

/* 强制显示后台招聘中企业数量输入框的边框 - 覆盖浏览器扩展样式 */
/* 使用更具体的选择器覆盖扩展的 input:focus 样式 */
#admin-available-count,
#admin-available-count:focus,
#admin-available-count:focus-visible,
#admin-available-count:focus-within,
input#admin-available-count,
input#admin-available-count:focus,
input#admin-available-count:focus-visible,
input#admin-available-count:focus-within,
input#admin-available-count.count-input,
input#admin-available-count.count-input:focus,
.admin-container #admin-available-count,
.admin-container #admin-available-count:focus,
.admin-container input#admin-available-count,
.admin-container input#admin-available-count:focus {
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    animation: none !important;
    cursor: text !important;
    user-select: text !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    outline-style: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

#admin-available-count:hover,
input#admin-available-count:hover {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

#admin-available-count:focus,
#admin-available-count:focus-visible,
#admin-available-count:focus-within,
input#admin-available-count:focus,
input#admin-available-count:focus-visible,
input#admin-available-count:focus-within {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 后台页面样式 - 左右留5mm外边距，恢复窗口滚动条 */
body:has(.admin-container) {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    overflow: auto !important;
}

.admin-container {
    max-width: calc(100vw - 10mm) !important;
    width: calc(100vw - 10mm) !important;
    margin-left: 5mm !important;
    margin-right: 5mm !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 100vh !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
}

/* 后台页面header移除外边距，实现真正的居中，高度增加7.5mm（从5mm增加2.5mm） */
.admin-container header {
    margin: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: calc(15px + 7.5mm) !important;
    padding-bottom: calc(15px + 7.5mm) !important;
    justify-content: center !important;
    position: relative !important;
    min-height: calc(100% + 15mm) !important;
}

/* 后台页面标题居中对齐 */
.admin-container header h1 {
    text-align: center !important;
    flex: none !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: auto !important;
}

/* 后台页面header-info不影响居中 */
.admin-container header .header-info {
    position: absolute !important;
    right: 15px !important;
    flex: none !important;
}

/* 后台页面标题删除左右两侧的白色装饰线 */
.admin-container header h1::before,
.admin-container header h1::after {
    display: none !important;
    content: none !important;
}

/* 后台页面admin-controls移除外边距 */
.admin-container .admin-controls {
    margin: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* 强制确保容器2笔试进度列和一面进度列列宽完全一致（最高优先级） */
/* 添加投递日期列后，进度列索引：笔试进度(8)、一面进度(10) */
#container2 #application-table thead .header-row-2 th:nth-child(8),
#container2 #application-table thead .header-row-2 th:nth-child(10),
#container2 .data-table thead .header-row-2 th:nth-child(8),
#container2 .data-table thead .header-row-2 th:nth-child(10) {
    min-width: 22.5mm !important;
    max-width: 22.5mm !important;
    width: 22.5mm !important;
    box-sizing: border-box !important;
}

/* 添加投递日期列后，进度列索引：笔试进度(9)、一面进度(11) */
#container2 #application-table tbody td:nth-child(9),
#container2 #application-table tbody td:nth-child(11),
#container2 .data-table tbody td:nth-child(9),
#container2 .data-table tbody td:nth-child(11),
#container2 #application-table tbody td.select-cell[data-field="writtenProgress"],
#container2 #application-table tbody td.select-cell[data-field="firstInterviewProgress"],
#container2 .data-table tbody td.select-cell[data-field="writtenProgress"],
#container2 .data-table tbody td.select-cell[data-field="firstInterviewProgress"] {
    min-width: 22.5mm !important;
    max-width: 22.5mm !important;
    width: 22.5mm !important;
    box-sizing: border-box !important;
}

/* 后台页面info-section移除外边距 */
.admin-container .info-section {
    margin: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* 后台页面表格容器样式 - 移除外框，移除滚动条（使用窗口滚动条），移除高度限制，移除所有边距 */
.admin-container .table-container {
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    flex: 1 !important;
    width: 100% !important;
}

/* 强制设置容器2所有进度列列宽（最高优先级，覆盖所有其他规则） */
/* 计算：2.4cm + 3mm - 1.5mm - 0.5mm - 0.5mm - 2mm - 1cm + 1cm = 1.4cm - 1.5mm + 1cm = 22.5mm */
/* header-row-2中：进度列是第8、10、12、14、15个th（添加投递日期列后） */
/* tbody中：进度列是第9、11、13、15、16个td（因为第一列是序号，添加投递日期列后） */
#container2 #application-table thead .header-row-2 th:nth-child(8),
#container2 #application-table thead .header-row-2 th:nth-child(10),
#container2 #application-table thead .header-row-2 th:nth-child(12),
#container2 #application-table thead .header-row-2 th:nth-child(14),
#container2 #application-table thead .header-row-2 th:nth-child(15),
#container2 .data-table thead .header-row-2 th:nth-child(8),
#container2 .data-table thead .header-row-2 th:nth-child(10),
#container2 .data-table thead .header-row-2 th:nth-child(12),
#container2 .data-table thead .header-row-2 th:nth-child(14),
#container2 .data-table thead .header-row-2 th:nth-child(15),
#container2 #application-table tbody td:nth-child(9),
#container2 #application-table tbody td:nth-child(11),
#container2 #application-table tbody td:nth-child(13),
#container2 #application-table tbody td:nth-child(15),
#container2 #application-table tbody td:nth-child(16),
#container2 .data-table tbody td:nth-child(9),
#container2 .data-table tbody td:nth-child(11),
#container2 .data-table tbody td:nth-child(13),
#container2 .data-table tbody td:nth-child(15),
#container2 .data-table tbody td:nth-child(16),
#container2 #application-table tbody td.select-cell[data-field="writtenProgress"],
#container2 #application-table tbody td.select-cell[data-field="firstInterviewProgress"],
#container2 #application-table tbody td.select-cell[data-field="secondInterviewProgress"],
#container2 #application-table tbody td.select-cell[data-field="thirdInterviewProgress"],
#container2 #application-table tbody td.select-cell[data-field="offerProgress"],
#container2 .data-table tbody td.select-cell[data-field="writtenProgress"],
#container2 .data-table tbody td.select-cell[data-field="firstInterviewProgress"],
#container2 .data-table tbody td.select-cell[data-field="secondInterviewProgress"],
#container2 .data-table tbody td.select-cell[data-field="thirdInterviewProgress"],
#container2 .data-table tbody td.select-cell[data-field="offerProgress"],
#container2 #application-table tbody tr td:nth-child(9),
#container2 #application-table tbody tr td:nth-child(11),
#container2 #application-table tbody tr td:nth-child(13),
#container2 #application-table tbody tr td:nth-child(15),
#container2 #application-table tbody tr td:nth-child(16),
#container2 .data-table tbody tr td:nth-child(9),
#container2 .data-table tbody tr td:nth-child(11),
#container2 .data-table tbody tr td:nth-child(13),
#container2 .data-table tbody tr td:nth-child(15),
#container2 .data-table tbody tr td:nth-child(16) {
    min-width: 22.5mm !important;
    max-width: 22.5mm !important;
    width: 22.5mm !important;
    box-sizing: border-box !important;
}

/* ICP备案号底部样式 */
.icp-footer {
    width: 100%;
    background: transparent !important; /* 隐藏灰色背景 */
    background-color: transparent !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 0;
    text-align: center;
    margin-top: auto;
    box-shadow: none !important; /* 移除阴影 */
    position: relative;
    z-index: -9999999 !important; /* 设置为很低的负数，确保不遮挡侧边栏 */
    clear: both;
    flex-shrink: 0;
}

/* 侧边栏模式下，备案号需要排除左侧侧边栏区域 - 确保不覆盖侧边栏 */
body.with-sidebar .icp-footer {
    margin-left: calc(230px - 2mm) !important;
    width: calc(100% - 230px + 2mm) !important;
    z-index: -9999999 !important; /* 极低的z-index，确保在侧边栏之下 */
    position: relative !important;
    background: transparent !important; /* 隐藏灰色背景 */
    background-color: transparent !important;
    pointer-events: none !important; /* 禁用交互，避免遮挡 */
    left: 0 !important;
    right: auto !important;
}

body.with-sidebar .icp-footer * {
    pointer-events: auto !important; /* 但内容可以点击 */
    background: transparent !important; /* 确保子元素背景透明 */
    background-color: transparent !important;
}

/* 确保备案号不覆盖侧边栏底部 */
body.with-sidebar .icp-footer::before {
    display: none !important;
}

/* 确保备案号及其所有子元素都在侧边栏之下 */
body.with-sidebar .icp-footer,
body.with-sidebar .icp-footer * {
    z-index: -9999999 !important; /* 极低的z-index，确保在侧边栏之下 */
    position: relative !important;
}

/* 侧边栏样式 - 恢复原本的背景渐变 */
body.with-sidebar .side-panel {
    position: relative !important;
    z-index: 99999 !important;
    overflow: hidden !important; /* 改为 hidden，防止底部露出白色 */
    background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 55%, #edf1f7 100%) !important;
    background-color: #edf1f7 !important;
    background-clip: border-box !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    bottom: 0 !important;
}


/* 确保备案号不覆盖侧边栏底部 - 移除clip-path，使用margin-left排除 */
body.with-sidebar .icp-footer {
    margin-left: calc(230px - 2mm) !important;
    width: calc(100% - 230px + 2mm) !important;
    z-index: -10000 !important;
    position: relative !important;
    background: rgba(255, 255, 255, 0.95) !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

/* 确保侧边栏底部不被遮挡，显示原色 */
body.with-sidebar .side-panel {
    overflow: visible !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 55%, #edf1f7 100%) !important;
    background-clip: padding-box !important;
    position: relative !important;
}

/* 确保侧边栏底部区域显示原色 */
body.with-sidebar .side-panel > * {
    position: relative;
    z-index: 1;
}

/* 确保侧边栏和导航栏在备案号之上 */
body.with-sidebar .side-panel {
    z-index: 99999 !important;
    position: relative !important;
}

body.with-sidebar .nav-tabs,
body.with-sidebar .nav-tab {
    z-index: 99999 !important;
    position: relative !important;
}

/* 确保非侧边栏模式下的导航栏也在备案号之上 */
.nav-tabs,
.nav-tab {
    z-index: 99999 !important;
}

.icp-footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.icp-footer-content a {
    color: #666;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.icp-footer-content a:hover {
    color: #4a8ae5;
    text-decoration: underline;
}

/* ==================== 容器2行选择和右键菜单样式 ==================== */

/* 行选中状态 */
#container2 #application-table tbody tr.row-selected {
    background-color: rgba(59, 130, 246, 0.15) !important;
    border: 2px solid rgba(59, 130, 246, 0.5) !important;
}

#container2 #application-table tbody tr.row-selected td {
    background-color: transparent !important;
}

/* 序号列样式 */
#container2 #application-table tbody td.row-index-cell {
    cursor: pointer;
    user-select: none;
    font-weight: 600;
    color: #4a8ae5;
    transition: all 0.2s ease;
    position: relative;
}

#container2 #application-table tbody td.row-index-cell:hover {
    background-color: rgba(59, 130, 246, 0.1);
    color: #2563eb;
}

#container2 #application-table tbody tr.row-selected td.row-index-cell {
    background-color: rgba(59, 130, 246, 0.2);
    color: #1d4ed8;
    font-weight: 700;
}

/* 右键菜单样式 */
.context-menu {
    display: none;
    position: fixed;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.2), 0 4px 10px rgba(15, 23, 42, 0.1);
    padding: 4px 0;
    min-width: 160px;
    z-index: 100000;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.98);
}

.context-menu-item {
    padding: 8px 16px;
    cursor: pointer;
    color: #1e293b;
    transition: all 0.15s ease;
    user-select: none;
    white-space: nowrap;
    position: relative;
}

.context-menu-item:hover {
    background-color: rgba(59, 130, 246, 0.1);
    color: #2563eb;
}

.context-menu-item:active {
    background-color: rgba(59, 130, 246, 0.2);
}

.context-menu-divider {
    height: 1px;
    background: rgba(148, 163, 184, 0.2);
    margin: 4px 0;
}

.context-menu-item-with-input {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    user-select: none;
    white-space: nowrap;
}

.context-menu-item-with-input:hover {
    background-color: transparent;
}

.context-menu-item-with-input input[type="number"] {
    text-align: center;
    font-size: 14px;
    outline: none;
}

.context-menu-item-with-input input[type="number"]:focus {
    border-color: #4a8ae5;
    box-shadow: 0 0 0 2px rgba(74, 138, 229, 0.2);
}

.context-menu-item-with-input button {
    font-size: 13px;
    transition: all 0.15s ease;
}

.context-menu-item-with-input button:hover {
    background-color: #357abd !important;
    border-color: #357abd !important;
}

.context-menu-item-with-input button:active {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

/* 容器2筛选区按钮确保可点击 */
#container2 .filter-section,
#container2 .filter-section .column-buttons,
#container2 .filter-section .column-btn,
#container2 .filter-section .view-btn {
    pointer-events: auto !important;
    z-index: 10000 !important;
    position: relative !important;
    cursor: pointer !important;
}

/* 确保容器2的蒙版不覆盖筛选区 */
#container2 .main-overlay {
    pointer-events: none !important;
}

#container2 .main-overlay .overlay-content {
    pointer-events: auto !important;
}

/* 容器2日历视图样式 */
#container2 .calendar-view {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;
}

#container2 .calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e7eb;
}

#container2 .calendar-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

#container2 .calendar-header-right {
    display: flex;
    gap: 5px;
}

#container2 .calendar-btn {
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #374151;
    transition: all 0.2s;
}

#container2 .calendar-btn:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

#container2 .calendar-btn.today-btn {
    background: linear-gradient(135deg, #34d399 0%, #22c55e 100%);
    color: #ffffff;
    border-color: #16a34a;
}

#container2 .calendar-btn.nav-btn {
    padding: 6px 10px;
    font-size: 18px;
    font-weight: bold;
}

#container2 .calendar-month-select,
#container2 .calendar-year-input {
    padding: 6px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    color: #374151;
}

#container2 .calendar-year-input {
    width: 70px;
}

#container2 .calendar-year-label {
    font-size: 14px;
    color: #6b7280;
    margin-left: 5px;
}

#container2 .calendar-view-btn {
    padding: 6px 16px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #374151;
    transition: all 0.2s;
}

#container2 .calendar-view-btn:hover {
    background: #f3f4f6;
}

#container2 .calendar-view-btn.active {
    background: linear-gradient(135deg, #34d399 0%, #22c55e 100%);
    color: #ffffff;
    border-color: #16a34a;
}

#container2 .calendar-body {
    width: 100%;
}

#container2 .calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    margin-bottom: 5px;
}

#container2 .calendar-weekday {
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #6b7280;
    background: #f9fafb;
}

#container2 .calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    background: #e5e7eb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

#container2 .calendar-day {
    min-height: 100px;
    background: #ffffff;
    padding: 8px;
    position: relative;
    cursor: pointer;
    transition: background 0.2s;
}

#container2 .calendar-day:hover {
    background: #f9fafb;
}

#container2 .calendar-day.other-month {
    background: #f9fafb;
    color: #9ca3af;
}

#container2 .calendar-day.today {
    background: #eff6ff;
}

#container2 .calendar-day.today .calendar-day-number {
    background: linear-gradient(135deg, #34d399 0%, #22c55e 100%);
    color: #ffffff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

#container2 .calendar-day-number {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 5px;
}

#container2 .calendar-day-events {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 5px;
}

#container2 .calendar-event {
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.3;
    background: #f0fdf4;
    border-left: 3px solid #34d399;
}

#container2 .calendar-event.calendar-event-written {
    background: #eff6ff;
    border-left-color: #3b82f6;
}

#container2 .calendar-event.calendar-event-first {
    background: #fef3c7;
    border-left-color: #f59e0b;
}

#container2 .calendar-event.calendar-event-second {
    background: #fce7f3;
    border-left-color: #ec4899;
}

#container2 .calendar-event.calendar-event-third {
    background: #e0e7ff;
    border-left-color: #6366f1;
}

#container2 .calendar-event-time {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 2px;
}

#container2 .calendar-event-company {
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#container2 .calendar-event-type {
    color: #6b7280;
    font-size: 10px;
}

/* 导出按钮样式 - 与column-btn等高且水平对齐，浅灰色 */
#export-to-excel-btn {
    height: 34px;
    padding: 8px 20px;
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    letter-spacing: 0.2px;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    flex: 0 0 auto;
    margin-left: 171mm !important;
}

#export-to-excel-btn:hover {
    background: #e2e8f0 !important;
    border-color: #cbd5e1 !important;
    color: #475569 !important;
}

#export-to-excel-btn:active {
    background: #cbd5e1 !important;
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* 确保导出按钮与column-btn在同一行且水平对齐 */
#container2 .filter-section .column-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: flex-start;
}