@keyframes float { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-10px); }}
@keyframes spin {0% { transform:rotate(0deg); }100% { transform:rotate(360deg); }}
@keyframes fadeIn {from { opacity:0; } to { opacity:1; }}
@keyframes slideUp {from {opacity:0; transform:translateY(20px);}to { opacity:1;  transform:translateY(0); }}
.filter-container{margin-top:1px;padding:10px 15px;background:#f9f9f9;border-radius:8px;margin-bottom:10px}
.dl_zw_job{display:flex;flex-wrap:wrap;gap:1px;align-items:flex-start}
.dl_zw_job dt{font-weight:600;color:#333;min-width:60px;padding-top:5px}
.dl_zw_job dd{flex:1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;overflow:hidden;transition:max-height 0.3s ease;max-height:150px}
.dl_zw_job a{padding:4px 8px;background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;font-size:13px;color:#666;transition:all 0.3s ease;text-decoration:none;z-index:1;position:relative;cursor:pointer}
.dl_zw_job a:hover{background-color:#3E9EFE;color:#fff;border-color:#00b38a}
.dl_zw_job a.on{background:linear-gradient(135deg,#3E9EFE 0%,#06F 100%);color:#fff;border-color:transparent}
.dl_zw_job a.red{color:#ff6600;border-color:#ff6600}
.dl_zw_job a.red:hover{background-color:#ff6600;color:#fff}
.more_zw{padding:4px 12px;background-color:#f0f7f5;border:1px solid #e0f2ed;border-radius:16px;font-size:13px;color:#00b38a;cursor:pointer;transition:all 0.3s ease;display:inline-block; margin-top:1px; z-index:10;}
.more_zw:hover{background-color:#00b38a;color:#fff;border-color:#00b38a}
.divclear{width:100%;clear:both;margin:0;border-top:1px solid #f0f0f0}
.filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;padding:15px;background:#f9f9f9;border-radius:8px}
.filter-item{display:flex;flex-direction:column;gap:5px}
.filter-item label{font-size:14px;font-weight:500;color:#333}
.filter-item select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;background-color:#fff;transition:all 0.3s ease}
.filter-item select:focus{border-color:#00b38a;box-shadow:0 0 0 2px rgba(0,179,138,0.1)}
.dl_zw_job dd > a:first-child{white-space:nowrap;order:-1}
.dl_zw_job dd #jobLinks,.dl_zw_job dd #cityLinks{display:flex;flex-wrap:wrap;gap:3px;align-items:center;flex:1}
.dl_zw_job dd #jobLinks a,.dl_zw_job dd #cityLinks a{white-space:nowrap}
/* 二级和三级职位链接样式 */
.second-level-btn{position:relative}
.second-level-btn:hover::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#00b38a}
.second-level-active{background:linear-gradient(135deg,#3E9EFE 0%,#06F 100%);color:#fff !important;border-color:transparent}
.third-level-active{background:linear-gradient(135deg,#3E9EFE 0%,#06F 100%);color:#fff !important;border-color:transparent}
.third-level-container{display:inline-flex;gap:3px;margin-left:10px}
.third-level{padding:2px 6px;font-size:12px;border-radius:4px}
.third-level-active{background-color:#00b38a;color:#fff !important;border-color:#00b38a}
/* 搜索结果容器 */
.search-result-container{display:flex;flex-direction:column;gap:20px;margin-top:10px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
/* 搜索头部信息 */
.search-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:15px}
.search-query{font-size:14px;color:#333;margin-bottom:5px}
.result-count{font-size:13px;color:#999}
/* 搜索内容区域 */
.search-content{display:flex;gap:5px;width:100%}
.zuoce{flex:4;min-width:500px}
.zuodi{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.youce{flex:1;min-width:160px;background:#f9f9f9;padding: 1px 2px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.youce img{max-width:100%;height:auto;border-radius:4px}
.lb_tit{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;border-bottom:1px solid #f0f0f0}
.lb_tit .left-section{display:flex;align-items:center;gap:15px}
.lb_tit label{font-size:14px;color:#333}
.lb_tit .butt{padding:6px 12px;background-color:#F63;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all 0.3s ease}
.lb_tit .butt:hover{background-color:#fd9810;}
.lb_tit .butt.start{background-color:#f0f7f5;color:#00b38a;border:1px solid #e0f2ed}
.buttlu{ margin-left:15px;padding:8px 10px;background-color:#52c41a ;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all 0.3s ease}
.buttlu:hover{background:#52c41a}
.lb_tit .butt.start:hover{background-color:#00b38a;color:#fff}
.lb_tit .right-section{display:flex;align-items:center;gap:10px}
.butt{ margin-left:15px;padding:8px 10px;background-color:#3E9EFE ;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all 0.3s ease}
.buttsc{ margin-left:15px;padding:6px 8px;background-color:#F63;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all 0.3s ease}
.table{width:100%}
.ta_tit{display:flex;background:#f9f9f9;padding:20px 10px;font-weight:400;color:#333;border-bottom:5px solid #f0f0f0;position:relative;padding-left:80px}
.ta_tit:hover{background:#f5f5f5;transform:translateY(-3px); box-shadow:0 8px 25px rgb(198 199 199);}
.ta_tit dt{flex:3.3}
.ta_tit .joba{flex:1;font-size:13px;}
.ta_tit .jobb{flex:3.5}
.ta_tit .jobc{flex:0.5;justify-content:flex-end;text-align:right}
.ta_tit .jobd{flex:1.0;justify-content:flex-end;text-align:right}
.ta_tit .jobx{flex:0.5;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}
.photo-wrapper{position:absolute;left:15px;top:50%;transform:translateY(-50%)}
.photo{width:50px;height:50px;border-radius:4px;overflow:hidden}
.jobname{font-size: 16px;font-weight:600;color: #000;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 10px;}
.mb-badge{display:inline-block;padding:2px 3px;background:#ff7a45;color:#fff;font-size:12px;border-radius:4px;margin-left:5px}
.job-meta{display:flex;gap:2px;font-size:13px;color:#666; margin-left:1px;margin-top:10px}
.job-meta:hover{cursor:pointer}
.jobb {color:#666;font-size:14px;}
.shu{color:#999;}
.job_an{display:flex;align-items:center;justify-content:space-between;padding:15px;border-top:1px solid #f0f0f0}
.job_an label{font-size:14px;color:#333}
.job-list{margin:10px 1px 30px 1px;}
/* 加载状态 */
.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}
.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00b38a;border-radius:50%;animation:spin 1s linear infinite}
.loading p{margin-top:10px;color:#999}
.nodata{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}

.zuodi .pagination{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:0;padding:15px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-top:1px solid #f0f0f0}
.page-btn{padding:6px 18px;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;font-size:13px;color:#666;cursor:pointer;transition:all 0.3s ease}
.page-btn:hover{background-color:#f9f9f9}
.page-btn.active{background-color:#00b38a;color:#fff;border-color:#00b38a}
.page-btn:disabled{opacity:0.5;cursor:not-allowed}
.job-tooltip{position:absolute;background:#fff;border:1px solid #ddd;border-radius:4px;padding:15px;box-shadow:0 2px 8px rgba(0,0,0,0.1);min-width:280px;max-width:400px;z-index:1000}
.job-tooltip .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.job-tooltip h4{margin:0;font-size:16px;color:#333;flex:1}
.job-tooltip .buttlan{ margin-left:10px;padding:5px 12px;background:#06F;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;text-decoration:none;white-space:nowrap}
.job-tooltip .buttlan:hover{background:#3E9EFE}
.job-tooltip .butt{padding:5px 12px;background:#f08c00;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;text-decoration:none;white-space:nowrap}
.job-tooltip .butt:hover{background:#e07a00}
.job-tooltip p{margin:5px 0;color:#666}
.job-tooltip p strong{color:#333;font-weight:500}
.logout-btn{background:#3E9EFE;padding:8px 20px;border-radius:5px}
/* 响应式调整 */
@media (max-width:768px){
.search-box{padding:30px 0 5px 0;width: 100%;}
.zuoce{width:100%;min-width:100%}
.search-content > div:last-child{width:100%;min-width:100%}
.zuodi{border-radius:0;box-shadow:none}
.ta_tit{flex-wrap:wrap;font-size:12px}
.table dl{flex-wrap:wrap;font-size:12px}
.job_an{flex-wrap:wrap;gap:10px}
.pagination{flex-wrap:wrap}
.page-btn{font-size:12px;padding:4px 8px}
.job-tooltip{width:250px}
}