.container mx-auto p-6 {
		            height: calc(100vh - 280px); /* 根据实际header高度调整 */

		        }
		        .search-container {
		            padding: 20px;
		            background-color: #fff;
		            border-bottom: 1px solid #eee;
		            display: flex;
		            justify-content: center;
		            align-items: center;
		            margin: 0 10px;
		            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
		        }
		        body.dark .search-container {
		            background-color: #1e293b;
		            border-bottom: 1px solid #334155;
		            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
		        }
		
		        body.dark .search-input {
		            background-color: #334155;
		            border: 1px solid #475569;
		            color: #e2e8f0;
		        }
		
		        body.dark .search-input:focus {
		            border-color: #3b82f6;
		            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
		        }
		        .search-input {
		            border-radius: 4px;
		            width: 500px;
		            margin-right: 10px;
		            font-size: 16px;
		            box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
		            transition: border-color 0.3s, box-shadow 0.3s;
		        }
		
		        .search-input:focus {
		            outline: none;
		            border-color: #165DFF;
		            box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.2);
		        }
		        body {
		            font-family: "SimSun", "宋体", serif;
		            background-color: #f8f9fa;
		            color: #333;
		            height: 100vh;
		            transition: background-color 0.3s, color 0.3s;
		        }
		
		        body.dark {
		            background-color: #0f172a !important;
		            color: #e5e7eb;
		        }
		
		        body.dark header {
		            background: linear-gradient(135deg, #0a2463 0%, #030f24 100%) !important;
		        }
		
		        body.dark .el-card,
		        body.dark .linked-area-content {
		            background-color: #1e293b !important;
		            color: #e5e7eb;
		        }
		
		        body.dark .method-item {
		            background-color: #253144 !important;
		            border-color: #334155;
		        }
		
		        body.dark .el-input,
		        body.dark .el-tag {
		            background-color: #253144 !important;
		            color: #e5e7eb;
		        }
		
		        body.dark .el-button {
		            color: #e5e7eb;
		        }
		
		        body.dark .el-button--primary {
		            background-color: #1e40af !important;
		        }
		
		        /* 新增点击变色样式 */
		        .active {
		            color: #ff0000 !important;
		        }
		
		        /* 其他原有样式保持不变 */
		        @layer utilities {
		            .card-hover {
		                @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
		            }
		            .btn-primary {
		                @apply bg-primary text-white px-4 py-2 rounded-md hover:bg-secondary transition-colors duration-300;
		            }
		            .highlight {
		                @apply text-red-500 font-bold;
		            }
		            .method-item {
		                @apply border rounded-lg p-3 mb-3 shadow-sm;
		            }
		            /* 顶部导航栏样式 */
		            header {
		                background: linear-gradient(135deg, #165DFF 0%, #0A2463 100%);
		                color: #fff;
		                padding: 20px 0;
		                margin: 10px 10px 0 10px;
		                border-radius: 8px 8px 0 0;
		                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
		            }
		            /* 标题样式 */
		            .app-title {
		                text-align: center;
		                font-size: 28px;
		                margin-bottom: 15px;
		                color: #fff;
		                text-shadow: 0 2px 4px rgba(0,0,0,0.2);
		            }
		            /* 导航菜单样式 */
		            nav ul {
		                list-style: none;
		                display: flex;
		                justify-content: center;
		                flex-wrap: wrap;
		                margin: 0 10px;
		            }
		            nav ul li {
		                margin: 5px;
		            }
		            nav ul li a {
		                display: block;
		                padding: 10px 15px;
		                background-color: rgba(255,255,255,0.1);
		                color: #fff;
		                text-decoration: none;
		                border-radius: 4px;
		                transition: all 0.3s;
		                box-shadow: 0 1px 3px rgba(0,0,0,0.1);
		            }
		            nav ul li a:hover {
		                background-color: rgba(255,255,255,0.2);
		                color: #ffcc00;
		                transform: translateY(-1px);
		                box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		            }
		            nav ul li a:active,
		            nav ul li a.active {
		                background-color: #ef4444 !important;
		                color: #fff !important;
		                box-shadow: 0 1px 2px rgba(0,0,0,0.1);
		                transform: translateY(0);
		            }
		            /* 新增的选中样式 */
		            .method-item:hover {
		                @apply bg-blue-50 shadow-md;
		            }
		            .method-item.selected {
		                @apply bg-blue-50 border-blue-400;
		            }
		        }
		        /* 获取方式样式 */
		        .acquisition-method {
		            margin-bottom: 8px;
		            padding: 6px 10px;
		            border-radius: 4px;
		            transition: all 0.2s;
		            cursor: pointer;
		        }
		        .acquisition-method:hover {
		            background-color: #f5f7fa;
		        }
		        .acquisition-method.active {
		            background-color: #ffebee;
		        }
		        .acquisition-method.active span {
		            color: #ff0000 !important;
		        }
		        .linked-areas {
		            display: flex;
		            width: 70%;
		        }
		        .linked-area {
		            width: 50%;
		            height: 100%;
		            padding: 20px;
		            border-right: 1px solid #eee;
		        }
		        .linked-area:last-child {
		            width: 50%;
		            border-right: none;
		        }
		        /* 右侧区域标题 - 深蓝色 */
		        .linked-area h3 {
		            font-size: 18px;
		            
		            margin-bottom: 15px;
		            border-bottom: 2px solid #0A2463;
		            padding-bottom: 8px;
		        }
		        .linked-area-content {
		            line-height: 1.8;
		            font-size: 16px;
		            color: #333;
		            padding: 15px;
		            background-color: #f9f9f9;
		            border-radius: 6px;
		            min-height: 200px;
		            border: 1px solid #eee;
		        }
		        .linked-area-content span {
		            cursor: pointer;
		            transition: all 0.2s;
		            color: #333; /* 初始黑色 */
		            text-decoration: none; /* 移除下划线 */
		        }
		        .item-list-title {
		            
		        }
		        .search-box {
		            @apply mb-4 p-2 rounded-md border border-gray-300 focus:outline-none focus:border-primary;
		        }
		        .dark-mode-toggle {
		            position: absolute;
		            top: 20px;
		            right: 20px;
		            background-color: rgba(255,255,255,0.1);
		            border-radius: 50%;
		            width: 40px;
		            height: 40px;
		            display: flex;
		            align-items: center;
		            justify-content: center;
		            cursor: pointer;
		            transition: all 0.3s;
		            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
		        }
		
		        .dark-mode-toggle:hover {
		            background-color: rgba(255,255,255,0.2);
		            transform: translateY(-1px);
		            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		        }
		
		        .dark-mode-toggle i {
		            font-size: 18px;
		        }
		        .search-button {
		            padding: 12px 25px;
		            background: linear-gradient(135deg, #165DFF 0%, #0A2463 100%);
		            color: #fff;
		            border: none;
		            border-radius: 4px;
		            cursor: pointer;
		            transition: all 0.3s;
		            font-size: 16px;
		            font-weight: 500;
		            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		        }
		
		        .search-button:hover {
		            background: linear-gradient(135deg, #0A2463 0%, #165DFF 100%);
		            transform: translateY(-1px);
		            box-shadow: 0 3px 6px rgba(0,0,0,0.15);
		        }
		
		        .search-button:active {
		            transform: translateY(0);
		            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
		        }
				.el-scrollbar__wrap { overflow-x: hidden; }
				.el-scrollbar__bar {
				  width: 16px !important; /* 垂直滚动条宽度 */
				}
				.el-scrollbar__wrap {
				  overflow: auto !important;
				}
		/* 强制显示滚动条 */
		.el-scrollbar__wrap {
		  overflow: auto !important;
		}
		
		.el-scrollbar__bar {
		  opacity: 1 !important;
		  visibility: visible !important;
		}
		
		/* 自定义滚动条外观 */
		.el-scrollbar__thumb {
		  background-color: rgba(144, 147, 153, 0.7) !important;
		  border-radius: 4px !important;
		}
		
		.el-scrollbar__track {
		  background-color: rgba(0, 0, 0, 0.05) !important;
		  border-radius: 4px !important;
		}
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .card-hover {
                @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
            }
            .dark {
                @apply bg-dark-50 text-white;
            }
            .dark .el-card {
                @apply bg-dark-100 border-dark-200;
            }
            .dark .el-input__inner {
                @apply bg-dark-200 text-white border-dark-300;
            }
            .dark .el-button {
                @apply bg-dark-200 text-white border-dark-300;
            }
            .dark .el-button--primary {
                @apply bg-primary text-white border-primary;
            }
            .dark .el-dialog__header {
                @apply bg-dark-100 text-white border-dark-200;
            }
            .dark .el-dialog__body {
                @apply bg-dark-100 text-white border-dark-200;
            }
            .dark .el-tag {
                @apply bg-dark-200 text-white border-dark-300;
            }
        }
		/* 全局布局结构 - 确保页面占满整个视口并正确分层 */
		html, body {
		    height: 100%;
		    margin: 0;
		    overflow: hidden;
		}
		
		#app {
		    display: flex;
		    flex-direction: column;
		    height: 100vh;
		}
		
		header {
		    flex-shrink: 0;
		}
		
		.container {
		    display: flex;
		    flex-grow: 1;
		    margin: 0 10px 10px;
		    gap: 20px;
		    min-height: 0; /* 允许容器缩小 */
		}
		
		/* 三列布局的核心设置 - 平均分配空间并设置最小宽度 */
		.el-col {
		    flex: 1;
		    min-width: 300px; /* 设置最小宽度防止内容挤压 */
		    display: flex;
		    flex-direction: column;
		}
		
		/* 卡片设置为可伸缩容器 */
		.el-card {
		    flex-grow: 1;
		    display: flex;
		    flex-direction: column;
		}
		
		/* 卡片内容区域设置为可滚动 */
		.el-card__body {
		    flex-grow: 1;
		    overflow-y: auto; /* 内容溢出时显示滚动条 */
		}
		
		/* 移除原有的固定高度设置 */
		.el-scrollbar {
		    height: 100% !important;
		}