/* ========== 全局重置 (保持原有风格) ========== */
        * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", Arial, sans-serif;
}
body {
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
/* ========== 固定头部 ========== */
        .header {
	background-color: #409FFF;
	padding: 20px 20px;
	display: flex;
	align-items: center;
	color: white;
	flex-shrink: 0;
}
.header-logo {
	height:52px;
	margin-right: 10px;
	object-fit: contain;
}
.header-title {
	font-size: 26px;
}
/* ========== 固定搜索区域 ========== */
        .search-container {
	max-width: 800px;
	margin: 30px auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	flex-shrink: 0;
	width: 100%;
}
.search-select {
	padding: 12px 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	flex: 0 0 auto;
	font-size: 14px;
	background: white;
	min-width: 150px;
}
.search-input {
	padding: 12px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	flex: 1;
	min-width: 200px;
}
.search-btn {
	padding: 8px 20px;
	background-color: #409FFF;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.search-btn svg {
	height: 1em;
	width: 1em;
	font-size: 24px;
}
.advanced-search {
	color: #409FFF;
	text-decoration: none;
	margin-left: 5px;
}
/* ========== 表格核心区域 ========== */
        .table-fixed-header {
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}
.table-responsive {
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background-color: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.table-scrollable-body {
	overflow-y: auto;
	overflow-x: auto;
	flex: 1 1 auto;
	min-height: 0;
	background: white;
}
.data-table {
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	table-layout: fixed;
}
.data-table thead tr {
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}
.data-table th,  .data-table td {
	padding: 12px 12px;
	text-align: left;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	font-size: 14px;
	word-break: break-word;
}
.data-table th {
	font-weight: 600;
	color: #999;
	white-space: nowrap;
	background-color: #f8f9fa;
}
        /* 列宽定义 (与模板一致) */
        .data-table th:nth-child(1) {
width: 60px;
}
 .data-table th:nth-child(2) {
width: 250px;
}
 .data-table th:nth-child(3) {
width: 300px;
}
 .data-table th:nth-child(4) {
width: 250px;
}
 .data-table th:nth-child(5) {
width: 350px;
}
 .data-table th:nth-child(6) {
width: 300px;
}
 .data-table th:nth-child(7) {
width: 150px;
}
 .data-table th:nth-child(8) {
width: 150px;
}
 .data-table th:nth-child(9) {
width: 200px;
}
 .data-table th:nth-child(10) {
width: 150px;
}
 .data-table th:nth-child(11) {
width: 80px;
}

        /* 固定第一列 (序号) 左侧 sticky */
        .data-table th:nth-child(1),  .data-table td:nth-child(1) {
 position: sticky;
 left: 0;
 background-color: white;
 z-index: 15;
 box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);
}
        /* 固定操作列 (第11列) 右侧 sticky */
.data-table th:nth-child(11),  .data-table td:nth-child(11) {
 position: sticky;
 right: 0;
 background-color: white;
 z-index: 15;
 box-shadow: -2px 0 5px -2px rgba(0, 0, 0, 0.1);
}
        /* 表头中的固定列背景与表头一致 */
        .data-table thead th:nth-child(1),  .data-table thead th:nth-child(11) {
 background-color: #f8f9fa;
 z-index: 20;
}
 .data-table td:nth-child(1) {
text-align: center;
}
 .data-table thead th:nth-child(11) {
text-align: center;
}

        /* 隔行换色 */
        .data-table tbody tr:nth-child(even) td {
 background-color: #f9f9f9;
}
/* 悬停效果 */
        .data-table tbody tr:hover td {
	background-color: #e3f2fd;
}
        /* 让固定列悬停也变色 */
        .data-table tbody tr:hover td:nth-child(1),  .data-table tbody tr:hover td:nth-child(11) {
 background-color: #e3f2fd;
}
        /* 偶数行悬停固定列处理 */
        .data-table tbody tr:nth-child(even):hover td:nth-child(1),  .data-table tbody tr:nth-child(even):hover td:nth-child(11) {
 background-color: #e3f2fd;
}
.view-btn {
	padding: 4px 10px;
	background-color: #e3f2fd;
	color: #409FFF;
	border: 1px solid #bbdefb;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;
	display: block;
	width: fit-content;
	text-decoration:none;
	margin: 0 auto;
}

.view-btn:hover {
background:rgba(64,159,255);
border:1px solid #fff;
border-radius: 3px;
color:#fff;
}
/* ========== 分页区域 ========== */
        .pagination-container {
	max-width: 1800px;
	margin: 10px auto 20px auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
	flex-shrink: 0;
	width: 100%;
}
.pagination-info {
	font-size: 14px;
	color: #666;
}
.page-size-select {
	padding: 4px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
}
.pagination-btn {
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: white;
	color: #666;
	cursor: pointer;
	font-size: 14px;
	min-width: 32px;
}
.pagination-btn.active {
	background-color: #409FFF;
	color: white;
	border-color: #409FFF;
}
.pagination-btn:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}
.page-jump {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
}
.page-jump input {
	width: 50px;
	padding: 4px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-align: center;
}
.empty-message {
	text-align: center;
	color: #999;
	padding: 40px 0;
	font-size: 15px;
}
.clear{ clear:both;}
.main{ width:84%; margin:20px auto;}
.main h2{ font-size:18px;}
.main .div1{ border:1px solid #eee; margin-top:20px; }
.main .div1 .title{background:#F5F7FA; padding:10px 20px; font-weight:bold; color:#606266;}
.main .div1 ul{ padding:10px 0; margin:0}
.main .div1 ul li{ float:left; line-height:3; padding:0 20px; width:100%; list-style:none;}

.close{ border-top:1px solid #eee; text-align:center; padding:30px 0; margin:20px 0;}
.close a{ padding:6px 12px; background:rgba(64,159,255); color:#fff; text-decoration:none;border-radius:4px;}
.close a:hover{background:rgba(64,159,255,0.8);}
 @media (max-width: 768px) {
	 
.header {
	padding: 5px 10px;
}
	.header-logo {
	height: 42px;
} 
	 
 .header-title {
font-size: 16px;
}
 .search-container {
flex-direction: column;
align-items: stretch;
}
 .data-table th, .data-table td {
padding: 10px 6px;
font-size: 13px;
}
 .pagination-container {
justify-content: center;
}
 .pagination-info {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
}