/* ============================================================================
   机器人英才网 · 公共样式
   由 searchresult.html 的内联 <style> 提取生成（原第 4 段，原始 5048 字节）
   出现于：searchresult
   ⚠ 本文件由脚本生成，请勿手工编辑；改样式请改源 HTML 后重跑 _tools/v1_extract.py
   ============================================================================ */
/* 无 id 内联样式块 #4
   ============================================================================ */


/* Keep the job summary visible while the right-hand detail container scrolls. */
#wrap.page-jobs .job-detail-container .job-detail-box > .job-detail-header {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #fff;
}

/* Temporarily hide only these actions in the search-result detail panel. */
#wrap.page-jobs #search-job-detail .op-btn-like,
#wrap.page-jobs #search-job-detail .op-btn-chat,
#wrap.page-jobs #search-job-detail .zp-hide-salary-icon,
#wrap.page-jobs #search-job-detail .wechat-share {
    display: none;
}

#wrap.page-jobs #search-job-detail .op-btn-apply {
    margin-left: 0;
    background: #d61518;
    border: none;
    color: #fff;
}
#wrap.page-jobs #search-job-detail .op-btn-apply:hover {
    background: rgba(214, 21, 24, .8);
}
#wrap.page-jobs #search-job-detail .op-btn-apply:focus-visible {
    outline: 2px solid #d61518;
    outline-offset: 3px;
}
#wrap.page-jobs #search-job-detail .op-btn-apply[aria-disabled="true"] {
    opacity: .65;
    cursor: default;
}
#wrap.page-jobs #search-job-detail .job-apply-feedback {
    margin: 0;
    padding: 0 24px 16px;
    color: #555;
    font-size: 14px;
}

/* Temporarily hide the entire related hot-links module on search results only. */
#wrap.page-jobs .job-detail-container > .c-hot-link.hot-link {
    display: none;
}

/* The guide banner follows the detail column instead of its old fixed width. */
#wrap.page-jobs .job-detail-container > .job-detail-guide-cont,
#wrap.page-jobs .job-detail-container > .job-detail-guide-cont > .job-detail-guide {
    width: 100%;
    box-sizing: border-box;
}

#wrap.page-jobs .job-detail-container > .job-detail-guide-cont {
    background: url("../../_assets/intentionBg.png") center / 100% 100% no-repeat;
}

#wrap.page-jobs .job-detail-container > .job-detail-guide-cont > .job-detail-guide.expect {
    background: none;
}

/* ============ ② 通用弹窗 ============ */

.epjob-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:9998;display:none}
.epjob-mask.on{display:block}
.epjob-dlg{
    position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;
    width:440px;background:#fff;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.2);
    display:none;overflow:hidden;
}
.epjob-dlg.on{display:block}
.epjob-dlg-hd{padding:22px 26px 6px;font-size:18px;font-weight:600;line-height:26px;color:#222;text-align:center}
.epjob-dlg-hd.epjob-left{text-align:left}
.epjob-dlg-bd{padding:10px 26px 22px;font-size:14px;line-height:22px;color:#666}
.epjob-dlg-ft{display:flex;gap:12px;padding:0 26px 22px}
.epjob-dlg-ft.epjob-ft-center{justify-content:center}
.epjob-btn{
    flex:1 1 0;height:40px;line-height:38px;text-align:center;border-radius:8px;font-size:14px;
    cursor:pointer;border:1px solid transparent;background:#fff;transition:all .2s linear;
    font-family:inherit;padding:0;
}
.epjob-btn-ghost{border-color:#e2e2e2;color:#666}
.epjob-btn-ghost:hover{border-color:#d61518;color:#c4141a}
.epjob-btn-primary{background:#d61518;border-color:#d61518;color:#fff}
.epjob-btn-primary:hover{background:#bf1215;border-color:#bf1215}
.epjob-radio{display:flex;align-items:flex-start;gap:10px;padding:9px 0;cursor:pointer;color:#222;font-size:14px;line-height:22px}
.epjob-radio > i{flex:0 0 18px;width:18px;height:18px;margin-top:2px;border:1px solid #cfcfcf;border-radius:50%;position:relative}
.epjob-radio.on > i{border-color:#d61518}
.epjob-radio.on > i:after{content:'';position:absolute;left:3px;top:3px;right:3px;bottom:3px;border-radius:50%;background:#d61518}
.epjob-ipt{
    display:block;width:100%;box-sizing:border-box;height:46px;padding:0 14px;font-size:14px;
    color:#222;background:#f8f8f8;border:1px solid #f8f8f8;border-radius:8px;outline:none;
    font-family:inherit;transition:all .2s linear;
}
.epjob-ipt:hover{border-color:#d61518}
.epjob-ipt:focus{background:#fff;border-color:#d61518}
.epjob-ipt-row{display:flex;gap:10px;margin-top:12px}
.epjob-ipt-row .epjob-ipt{flex:1 1 auto}
.epjob-code-btn{
    flex:0 0 116px;height:46px;line-height:44px;text-align:center;border-radius:8px;cursor:pointer;
    font-size:14px;color:#c4141a;background:#fff;border:1px solid #d61518;font-family:inherit;
}
.epjob-code-btn:hover{background:#d61518;color:#fff}
.epjob-err{color:#d61518;font-size:12px;line-height:18px;min-height:18px;padding-top:6px}
.epjob-ok{color:#1a9c5b;font-size:12px;line-height:18px;min-height:18px;padding-top:6px}
.epjob-note{color:#999;font-size:12px;line-height:18px;padding-top:8px}

/* ============ 2.1 添加求职期望弹窗（复用页面自带 temp-expect-dialog 样式）============ */
/* z-index 必须高于页面搜索区（原站该区带 position+z-index，会把 1001 压住，
   表现为「热门搜索标签盖在弹窗标题上、遮罩不生效」）*/
.dialog-wrap.temp-expect-dialog{
    position:fixed;left:0;top:0;right:0;bottom:0;z-index:3000;
    display:none;align-items:center;justify-content:center;
}
.dialog-wrap.temp-expect-dialog.on{display:flex}
.dialog-wrap.temp-expect-dialog .dialog-layer{
    position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);
    z-index:0;   /* ⚠️ 页面自带 .dialog-layer{z-index:1002}，会把遮罩顶到弹窗内容之上（内容发灰） */
}
.temp-expect-dialog .dialog-container{
    position:relative;z-index:2;margin:0 !important;
    background:#fff;border-radius:12px;padding:0;width:564px;overflow:hidden;
    box-shadow:0 16px 48px rgba(0,0,0,.2);
}
/* 顶部署色带原为「粉 → 青绿」(#f9c0c1 → #e5f9f8)，青绿属站点旧绿系 → 收敛到红色家族 */
.temp-expect-dialog .dialog-container:before{
    background:linear-gradient(181deg,#f7cdce 0,#fbf1f1 32%,rgba(255,255,255,0) 100%) !important;
}
.temp-expect-dialog .dialog-header{position:static;padding:20px 48px 8px 30px}
.temp-expect-dialog .dialog-header h3.title{color:#222;font-size:20px;font-weight:600;line-height:28px;margin:0}
.temp-expect-dialog .dialog-header .close{
    position:absolute;right:12px;top:12px;width:24px;height:24px;cursor:pointer;opacity:.55;
}
.temp-expect-dialog .dialog-header .close:hover{opacity:1}
.temp-expect-dialog .dialog-header .close .icon-close{
    display:block;width:24px;height:24px;position:relative;
}
.temp-expect-dialog .dialog-header .close .icon-close:before,
.temp-expect-dialog .dialog-header .close .icon-close:after{
    content:'';position:absolute;left:5px;top:11px;width:14px;height:2px;background:#222;border-radius:2px;
}
.temp-expect-dialog .dialog-header .close .icon-close:before{transform:rotate(45deg)}
.temp-expect-dialog .dialog-header .close .icon-close:after{transform:rotate(-45deg)}
.temp-expect-dialog .dialog-body{padding:0;max-height:none;overflow:visible}
/* UI 套件里有 `.ui-form .item-label{float:left}`；前 3 个表单项的长输入框会自然换行，
   唯独单选组是 flex、会收缩挤到浮动标签右侧 → 加 clear:both 让四行节奏一致 */
.temp-expect-body .expect-type.radio-group{display:flex;gap:12px;clear:both;width:100%}
#epjob-expect-dialog .expect-type .radio-item {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    background-position: right bottom, center;
    background-size: auto 99px, 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #999999;
}
#epjob-expect-dialog .expect-type .radio-item.professional {
    background-image: url('/trade_2026_v1/_assets/worker_grey.png'), linear-gradient(90deg, #f9f9f9, #f6f6f6);
}
#epjob-expect-dialog .expect-type .radio-item.student {
    background-image: url('/trade_2026_v1/_assets/student_grey.png'), linear-gradient(90deg, #f9f9f9, #f6f6f6);
}
#epjob-expect-dialog .expect-type .radio-item:is(.radio-checked, :hover) {
    background-position: right bottom, center;
    color: #222;
}
#epjob-expect-dialog .expect-type .radio-item.professional:is(.radio-checked, :hover) {
    background-image: url('/trade_2026_v1/_assets/worker.png'), linear-gradient(90deg, #fff8f1, #e6f8f8);
}
#epjob-expect-dialog .expect-type .radio-item.student:is(.radio-checked, :hover) {
    background-image: url('/trade_2026_v1/_assets/student.png'), linear-gradient(90deg, #fff8f1, #e6f8f8);
}
#epjob-expect-dialog .identity-label {
    padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}
.temp-expect-body .operate-area .operate-clear-btn{
    background:none;border:0;cursor:pointer;font-family:inherit;
}
.temp-expect-body .operate-area .btn-sure{border:0;cursor:pointer;font-family:inherit}

/* The search bar and all result sections share one content width and left edge. */
#wrap.page-jobs .column-search-panel > .inner.home-inner,
#wrap.page-jobs .page-jobs-main .expect-search-inner,
#wrap.page-jobs .page-jobs-main .filter-condition-inner,
#wrap.page-jobs .page-jobs-main .recommend-result-inner,
#wrap.page-jobs .page-jobs-main .bottom-area {
    width:1184px;
    max-width:calc(100% - 32px);
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
}
#wrap.page-jobs .page-jobs-main .filter-condition-inner > .city-label {
    padding-left:0;
}

#wrap.page-jobs .expect-and-search {
    padding: 15px 0 0;
}

#wrap.page-jobs .expect-search-inner > .c-expect-select {
    padding-bottom: 0;
}

/* Keep the other search filters; hide only industry and company size. */
#wrap.page-jobs .filter-condition-inner > .condition-industry-select,
#wrap.page-jobs .filter-condition-inner > .condition-filter-select:has([ka^="sel-job-rec-scale-"]) {
    display: none;
}