/* 基础样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            display: flex;
            justify-content: center;
            min-height: 100vh;
            background: #f0f2f5;
            font-family: 'Segoe UI', Arial, sans-serif;
        }
        .container {
            width: 100%;
            margin: 0 auto;
            padding: 20px;
            background: #f5f5f5;
            box-sizing: border-box;
            transition: width 0.3s ease;
        }

        @media (min-width: 768px) {
            .container {
                width: 75%;
                max-width: 1200px;
            }
        }
.index a {
	margin:3px;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:15px;
	color:white;
	background-color:#2f90b9;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border:none;
	display:inline-block;
	
	}
.index a:hover {background-color:#fed71a;color:#2f90b9; }
		input {
            border: 1px solid #000; /* 设置边框 */
            border-radius: 4px;     /* 设置边框圆角 */
            padding: 10px;          /* 内边距 */
            margin: 10px 0;         /* 上下边距 */
            width: 200px;           /* 设置输入框宽度 */
            font-size: 16px;        /* 字体大小 */
        }

        input:focus {
            border-color: #007BFF;  /* 聚焦时边框颜色 */
            outline: none;           /* 取消默认的聚焦边框 */
            background-color: #f0f8ff; /* 聚焦时背景颜色 */
        }

        .search-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin: 20px;
        }

        .search-box {
            width: 100%;
            padding: 18px 50px 18px 30px;
            font-size: 1.2rem;
            border: none;
            border-radius: 50px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            background: #ffffff;
            color: #333;
        }

        .search-box:focus {
            outline: none;
            box-shadow: 0 8px 25px rgba(255, 122, 0, 0.3);
            transform: scale(1.02);
        }

        .search-box::placeholder {
            color: #999;
            font-weight: 300;
        }

        .search-icon {
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            color: #ff7a00;
            font-size: 1.5rem;
            cursor: pointer;
			display:inline;
            transition: all 0.3s ease;
        }

        /* 悬停动画效果 */
        .search-box:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(255, 122, 0, 0.2);
        }

        /* 移动端适配 */
        @media (max-width: 480px) {
            .search-box {
                padding: 15px 45px 15px 20px;
                font-size: 1rem;
            }
            
            .search-icon {
                right: 15px;
                font-size: 1.2rem;
            }
        }

        /* 加载动画 */
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .search-box.loading {
            animation: pulse 1.5s infinite;
        }
        .image-container {
            position: relative;
            display: inline-block;
        }

        .image-container img {
            width: 250px; /* 主图的宽度 */
            height: auto; /* 自适应高度 */
        }

        .hover-image {
            display: none;
            position: absolute;
            top: 0;
            left: 100%; /* 在主图的右侧显示 */
            width: 250px; /* 悬停图的宽度 */
            height: auto; /* 自适应高度 */
            z-index: 1; /* 确保悬停图在主图上方 */
        }

        .image-container:hover .hover-image {
            display: block; /* 鼠标悬停时显示悬停图 */
        }
        .table-container {
            width: 100%;
            overflow-x: auto;
            margin-bottom: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            border-radius: 5px;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
            table-layout: auto;
            min-width: 600px;
        }
        
        th, td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        th {
            background-color: #f2f2f2;
            font-weight: bold;
            position: sticky;
            top: 0;
        }
        
        tr:hover {
            background-color: #f5f5f5;
        }
        
        /* 移动端隐藏第5列及之后的列 */
        @media (max-width: 768px) {
            td:nth-child(n+5), 
            th:nth-child(n+5) {
                display: none;
            }
            
            .mobile-note {
                display: block;
                color: #666;
                font-size: 14px;
                margin-top: 10px;
            }
        }
        
        .mobile-note {
            display: none;
        }