﻿/* ===== 搜索条：全屏通栏 ===== */
.top-filter{width:100%;box-sizing:border-box;margin:10px 0 0;padding:14px 20px;background:#f5f5f5;border-radius:4px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center;z-index:101;transition:all 0.2s;}
.top-filter.fixed-sticky{position:sticky;top:0;left:0;right:0;margin:0;border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.top-filter label{font-size:14px;color:#444;margin:12px;}
.top-filter select,.top-filter input{box-sizing:border-box;padding:8px 14px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;transition:0.2s;}
.top-filter select{width:170px;}
.top-filter #keyword{width:220px;}
.top-filter select:focus,.top-filter input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.15);}
.top-filter button{padding:8px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:0.2s;}
.top-filter button:hover{background:#0056b3;}

/* ===== 主区：通栏两栏（左自适应 + 右固定） ===== */
.wrap{width:100%;max-width:100%;box-sizing:border-box;margin:15px 0 40px;padding:0 20px;display:flex;gap:20px;align-items:flex-start;}
.left{flex:1;min-width:0;}
.right{width:340px;flex-shrink:0;box-sizing:border-box;background:#FAFBFC;padding:20px;border-radius:8px;position:sticky;top:70px;align-self:flex-start;max-height:calc(100vh - 85px);overflow-y:auto;}
.right_ads{text-align:center;}
.right_ads img{display:block;border-radius:8px;}
.right_ads a{display:inline-block;position:relative;margin-top:15px;}
.right_ads a:after{content:"广告";display:inline-block;padding:1px 3px;background:rgba(0,0,0,0.5);position:absolute;right:2px;bottom:1px;color:#fff;font-size:12px;}
/* ===== 窄屏适配：右栏下移 ===== */
@media screen and (max-width:1280px){.wrap{flex-direction:column;}
.right{width:100%;position:static;align-self:auto;max-height:none;}}

/* ===== 招聘信息列表卡片 ===== */
.company-item{background:#fff;border-radius:0px;padding:20px;margin-bottom:16px;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:2px solid #409EFF;transition:all 0.2s;position:relative;}
.company-item.collapsed-highlight{background:#E8F4FD;border-left:none;}
.company-item:hover{box-shadow:0 2px 12px rgba(0,0,0,0.1);}
.company-item.collapsed-highlight:hover{box-shadow:none;}
.com-name-wrap{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.com-name{font-size:26px;font-weight:600;cursor:pointer;color:#000;text-decoration:none !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:540px;}
.com-name:hover{text-decoration:none !important;}
.company-rating-tag{position:relative;background:#007BFF;color:#fff;font-size:12px;font-weight:bold;padding:2px 8px;padding-left:12px;border-radius:0 4px 4px 0;}
.company-rating-tag::before{content:"";position:absolute;left:-8px;top:0;width:0;height:0;border-top:14px solid #86909c;border-left:8px solid transparent;}
.company-rating-tag[data-rating="1"]{background:#007BFF;}
.company-rating-tag[data-rating="1"]::before{border-top-color:#007BFF;}
.company-rating-tag[data-rating="2"]{background:#007BFF;}
.company-rating-tag[data-rating="2"]::before{border-top-color:#007BFF;}
.company-rating-tag[data-rating="3"]{background:#007BFF;}
.company-rating-tag[data-rating="3"]::before{border-top-color:#007BFF;}
.company-rating-tag[data-rating="4"]{background:#27ae60;}
.company-rating-tag[data-rating="4"]::before{border-top-color:#27ae60;}
.company-rating-tag[data-rating="5"]{background:#f56c6c;}
.company-rating-tag[data-rating="5"]::before{border-top-color:#f56c6c;}
.company-rating-tag[data-rating="6"]{background:#9b59b6;}
.company-rating-tag[data-rating="6"]::before{border-top-color:#9b59b6;}
.company-rating-tag[data-rating="7"]{background:#1abc9c;}
.company-rating-tag[data-rating="7"]::before{border-top-color:#1abc9c;}
.company-rating-tag[data-rating="8"]{background:#e74c3c;}
.company-rating-tag[data-rating="8"]::before{border-top-color:#e74c3c;}
.company-rating-tag[data-rating="9"]{background:#f39c12;}
.company-rating-tag[data-rating="9"]::before{border-top-color:#f39c12;}
.job-wrap{margin-bottom:14px;padding:0;background:transparent;border-radius:0;}
.job-btn{display:inline-block;font-weight:700;padding:7px 16px;margin:6px 8px 6px 0;background:#fff;border:1px solid #DDDDDD;border-radius:6px;font-size:13px;cursor:pointer;color:#D7000F;transition:0.2s;}
.job-btn:hover{background:#FFFFD4;}
.job-btn.active{background:#FFFFD4;}
.com-foot{font-size:13px;color:#666;display:flex;align-items:center;justify-content:space-between;}
.com-foot-middle{text-align:center;}
.expand-company-btn{padding:5px 16px;background:#FF552E;color:#ffffff;border:none;border-radius:20px;font-size:13px;cursor:pointer;transition:0.2s;}
.expand-company-btn:hover{background:#DA411E;}
.bottom-close-company{margin-top:12px;text-align:center;}
.bottom-close-company button{padding:4px 14px;background:#2b7bcc;color:#ffffff;border:none;border-radius:16px;cursor:pointer;font-size:12px;}
.bottom-close-company button:hover{background:#2b7bcc;color:#ffffff;}
.loading{text-align:center;padding:30px;color:#999;}
.company-all-detail{margin-top:16px;padding:12px 0;background:transparent;border-radius:0;display:none;}
.job-item-block{margin-bottom:0;padding:16px 0;background:transparent;border:none;border-bottom:1px dashed #ebeef5;position:relative;}
.job-item-block:last-child{border-bottom:none;}
.close-entire-company{position:absolute;top:10px;right:10px;padding:4px 10px;background:#f5f7fa;border-radius:6px;font-size:12px;cursor:pointer;color:#666;transition:0.2s;}
.close-entire-company:hover{background:#e4e7ed;}
.job_details_name{font-size:20px;font-weight:700;margin-bottom:12px;color:#FF552E;line-height:1.4;}
.job_details_name span{margin-left:12px;font-size:13px;color:#e53e3e;background-color:#fff2f2;padding:2px 8px;border-radius:4px;font-weight:500;}
.job_details_tit{font-size:15px;font-weight:600;margin:20px 0 10px;border-left:5px solid #007bff;padding:6px 12px;color:#1f2329;background:#f7faff;border-radius:0 4px 4px 0;}
.job_details_desc{line-height:2;color:#4e5969;font-size:14px;text-align:justify;}
.txt-gray{color:#888;}
.txt-red-num{color:#019418;font-weight:bold;}
.company-domain-link{display:inline-block;color:#fff;background:#018A16;text-decoration:none;vertical-align:middle;padding:4px 8px;border-radius:4px;font-size:12px;}
.company-domain-link:hover{color:#fff;text-decoration:none;background:#017012;}
.com_card_chat{display:inline-block;color:#fff;background:#2B77E4;text-decoration:none;vertical-align:middle;}
.com_card_chat:hover{color:#fff;text-decoration:none;background:#2064C7;}
#clearBtn{border:1px solid #d5d5d5;background:#fff;color:#666;margin-left:8px;}
#clearBtn:hover{color:#ff552e;border-color:#ff552e;background:#fff5f2;}

/* ===== 铜牌会员卡片（高亮） ===== */
.company-item.bronze{background:linear-gradient(135deg,#3b2a12,#6b4a1d);color:#fff;border:1px solid #8a6426;box-shadow:0 8px 24px rgba(107,74,29,.3);}
.company-item.bronze .com-name{color:#ffd666;}
.company-item.bronze .company-rating-tag{background:rgba(255,214,102,.16);color:#ffd666;border:1px solid rgba(255,214,102,.25);}
.company-item.bronze .job-btn{background:rgba(255,255,255,.16);color:#ffd666;border:1px solid rgba(255,214,102,.4);transition:all 0.22s ease;}
.company-item.bronze .job-btn:hover{background:rgba(255,214,102,.26);color:#fff;border-color:#ffd666;}
.com_card_chat{display:inline-block;color:#fff;background:linear-gradient(135deg,#3D9AF6,#2f7cd8);text-decoration:none;vertical-align:middle;padding:6px 16px;border-radius:6px;font-weight:500;box-shadow:0 2px 6px rgba(61,154,246,0.25);transition:all 0.22s ease;}
.com_card_chat:hover{color:#fff;text-decoration:none;background:linear-gradient(135deg,#0160BE,#004a99);box-shadow:0 3px 10px rgba(1,96,190,0.35);}
.bronze-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#7a5200;background:linear-gradient(135deg,#ffd666,#f7b731);border:1px solid #f0b429;padding:2px 10px;border-radius:12px;margin-left:8px;vertical-align:middle;box-shadow:0 2px 8px rgba(247,183,49,.4);}
.bronze-badge::before{content:"\2605";font-size:13px;}
.company-item.bronze .txt-gray{color:#F5F5F4;}
.company-item.bronze .com-foot{color:#fff;}
.company-item.bronze .txt-red-num{color:#FEF50C;}
.company-item.bronze .job_details_name{color:#FEF50C;}
.company-item.bronze .job_details_name span{margin-left:12px;font-size:13px;color:#FEC419;background-color:#5B4D38;padding:2px 8px;border-radius:4px;font-weight:500;}
.company-item.bronze .job_details_tit{font-size:15px;font-weight:600;margin:20px 0 10px;border-left:5px solid #FFD666;padding:6px 12px;color:#fff;background:#5C4D38;border-radius:0 4px 4px 0;}
.company-item.bronze .job_details_desc{line-height:2;color:#F2F1F0;font-size:14px;text-align:justify;}
.company-item.bronze .company-all-detail{color:#fff;border-top:1px solid #8a6426;}
.company-item.bronze .company-all-detail .job-item-block{color:#fff;border-bottom:1px solid rgba(255,214,102,0.15);}
.company-item.bronze .company-all-detail .bottom-close-company{background:rgba(0,0,0,0.15);}
.company-item.bronze .company-all-detail .bottom-close-btn{border:1px solid rgba(255,214,102,.4);}
.ctag{display:inline-block;font-style:normal;font-size:11px;line-height:1;padding:2px 5px;border-radius:3px;margin:0 0 0 4px;vertical-align:1px;color:#fff;}.ctag_top{background:#ff552e;}.ctag_rec{background:#ff8c00;}.ctag_urgent{background:#e53935;}