/* ==========================================================
   AI 求职 —— 扩展样式（基座沿用 /job/assets/trade.css 的 K.Jdex 设计体系）
   只写「求职」特有的组件：画像表单 / 岗位卡 / 一键直达 / 赛道地图 / 投递池
   ========================================================== */

/* ---------- 通用小件 ---------- */
.btn.sm{padding:7px 13px;font-size:13px;border-radius:10px}
.mut{color:var(--ink-3)}

/* ---------- 画像表单 ---------- */
.pfwrap{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(14px,1.6vw,22px)}
.pfrow{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.pf-field{display:flex;flex-direction:column;gap:6px;min-width:132px}
.pf-field.grow{flex:1 1 260px}
.pf-field > span{font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}
.pf-field input,.pf-field select{appearance:none;background:#fff;border:1px solid var(--line);
  border-radius:11px;padding:11px 13px;font-size:14.5px;color:var(--ink);outline:none;transition:.18s}
.pf-field input:focus,.pf-field select:focus{border-color:var(--violet);
  box-shadow:0 0 0 3px rgba(123,97,255,.13)}
.pf-cities{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.pf-clabel{font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:9px}
.citychips{display:flex;flex-wrap:wrap;gap:7px}
.citychip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;
  font-size:13px;cursor:pointer;transition:.15s;color:var(--ink-2)}
.citychip:hover{border-color:var(--violet);color:var(--violet)}
.citychip.on{background:var(--violet);border-color:var(--violet);color:#fff;font-weight:600}
.pf-quick{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}
.qk{background:transparent;border:1px dashed var(--line);border-radius:999px;padding:5px 12px;
  font-size:12.5px;color:var(--ink-2);cursor:pointer;transition:.15s}
.qk:hover{border-color:var(--violet);color:var(--violet)}

/* ---------- 岗位卡列表 ---------- */
.jlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--gap)}
.jcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(14px,1.3vw,20px);display:flex;flex-direction:column;gap:9px;transition:.18s}
.jcard:hover{border-color:rgba(123,97,255,.4);box-shadow:var(--shadow);transform:translateY(-2px)}
.jcard-top{display:flex;align-items:flex-start;gap:9px}
.jno{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:var(--bg-soft);
  color:var(--ink-2);font-size:12px;font-weight:700;display:grid;place-items:center}
.jname{flex:1;font-size:15.5px;font-weight:700;line-height:1.42;font-family:var(--serif)}
.jname:hover{color:var(--violet)}
.jpay{flex:0 0 auto;font-size:14px;font-weight:800;color:var(--rose);white-space:nowrap}
.jpay.mut{color:var(--ink-3);font-weight:600;font-size:13px}
.jcomp{font-size:13.4px;color:var(--ink-2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.jscale{font-size:11.6px;color:var(--ink-3)}
.jtags{display:flex;gap:6px;flex-wrap:wrap}
.jtag{font-size:11.8px;padding:3px 9px;border-radius:999px;background:var(--bg-soft);
  color:var(--ink-2);border:1px solid var(--line)}
.jtag.hv{background:rgba(255,61,113,.09);border-color:rgba(255,61,113,.3);color:#c81e50;font-weight:700}
.jtag.city{background:rgba(0,201,167,.1);border-color:rgba(0,201,167,.3);color:#00836d}
.jtag.notice{background:rgba(255,176,32,.12);border-color:rgba(255,176,32,.34);color:#a06a00}
.jmeta{font-size:12.4px;color:var(--ink-3);line-height:1.5}
.jacts{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}

/* ---------- 一键直达 ---------- */
.dg{margin-top:var(--gap);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dg-h{padding:12px 16px;background:var(--bg-soft);font-size:13px;font-weight:700;color:var(--ink-2)}
.dg-list{display:grid}
.ditem{display:flex;align-items:center;gap:11px;padding:12px 16px;border-top:1px solid var(--line);
  transition:.15s}
.ditem:hover{background:var(--bg-soft)}
.dtag{flex:0 0 auto;font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--bg-soft);
  color:var(--ink-2);border:1px solid var(--line)}
.dname{flex:1;font-size:13.8px}
.dgo{font-size:12.6px;color:var(--violet);font-weight:600;white-space:nowrap}

/* ---------- 简历诊断 ---------- */
.fixrow{padding:11px 0;border-bottom:1px dashed var(--line)}
.fixrow:last-child{border-bottom:0}
.fixp{font-size:13.6px;color:#c81e50}
.fixr{font-size:13.6px;color:#00836d;margin-top:5px;line-height:1.6}

/* ---------- 赛道地图 ---------- */
.trackgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap);
  margin-top:var(--gap)}
.trackcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,1.4vw,22px);
  display:flex;flex-direction:column;gap:11px;transition:.18s}
.trackcard.on{border-color:var(--violet);box-shadow:0 0 0 3px rgba(123,97,255,.1)}
.track-h{display:flex;align-items:center;gap:10px}
.track-ico{font-size:22px}
.track-name{font-family:var(--serif);font-size:17px;font-weight:700}
.track-when,.track-who{font-size:13px;color:var(--ink-2);line-height:1.6}
.track-who b,.track-when b{color:var(--ink)}
.track-entry{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.track-entry a{font-size:13.2px;color:var(--violet);display:flex;gap:6px;align-items:baseline}
.track-entry a::before{content:"↗";opacity:.7}
.track-steps{margin-top:4px;border-top:1px dashed var(--line);padding-top:10px;
  display:flex;flex-direction:column;gap:9px}
.steprow{font-size:13px;color:var(--ink-2);line-height:1.6}
.steprow .st-k{display:inline-block;font-weight:700;color:var(--ink);margin-right:6px}
.steprow .st-c{margin-top:6px;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;
  padding:8px 11px;font-size:12.6px;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}
.steprow .st-w{margin-top:6px;font-size:12.4px;color:#a06a00}

/* ---------- SOP 大卡 ---------- */
.sopgrid{display:grid;gap:var(--gap);margin-top:var(--gap)}
.sopstep{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(15px,1.4vw,22px)}
.sop-h{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin-bottom:10px}
.sop-time{font-size:12.4px;font-weight:700;color:var(--violet);background:rgba(123,97,255,.09);
  padding:3px 10px;border-radius:999px;white-space:nowrap}
.sop-title{font-family:var(--serif);font-size:16.5px;font-weight:700}
.sop-do{font-size:14px;color:var(--ink-2);line-height:1.7}
.copybox{margin-top:10px;position:relative}
.copybox pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:11px;
  padding:11px 13px;font-size:12.8px;line-height:1.65;white-space:pre-wrap;word-break:break-word;
  font-family:var(--sans);color:var(--ink-2);margin:0}
.copybtn{position:absolute;top:8px;right:8px;font-size:11.8px;padding:4px 10px;border-radius:8px;
  border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink-2)}
.copybtn:hover{border-color:var(--violet);color:var(--violet)}
.sop-watch{margin-top:9px;font-size:13px;color:#a06a00;line-height:1.6}
.stepdeep{margin-top:10px}
.stepdeep .btn{font-size:12.4px}
.deepbox{margin-top:11px;border:1px solid var(--line);border-radius:12px;padding:13px;
  background:var(--bg-soft);font-size:13.2px;line-height:1.65}
.deepbox h5{font-size:14px;margin-bottom:7px}
.deepbox ul{margin:7px 0 0 18px}
.deepbox li{margin:3px 0}

/* ---------- 机会雷达 ---------- */
.radar{display:grid;gap:9px;margin-top:var(--gap)}
.radarrow{display:grid;grid-template-columns:minmax(80px,132px) 1fr auto;gap:11px;align-items:center}
.radar-name{font-size:13.4px;font-weight:600}
.radar-name small{display:block;font-weight:400;color:var(--ink-3);font-size:11.6px}
.radar-bar{height:9px;border-radius:999px;background:var(--bg-soft);overflow:hidden}
.radar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--teal))}
.radar-val{font-size:12.6px;color:var(--ink-2);white-space:nowrap;text-align:right}
.radar-val b{color:var(--ink)}

/* ---------- KPI 概览 ---------- */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--gap);
  margin-top:var(--gap)}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px 17px}
.kpi .k-v{font-family:var(--serif);font-size:24px;font-weight:800;line-height:1.15}
.kpi .k-k{font-size:12.6px;color:var(--ink-2);margin-top:5px}
.kpi .k-s{font-size:11.8px;color:var(--ink-3);margin-top:3px}

/* ---------- 平台入口矩阵 ---------- */
.entrygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:11px;
  margin-top:var(--gap)}
.entryitem{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;
  border:1px solid var(--line);border-radius:12px;transition:.15s}
.entryitem:hover{border-color:var(--violet);box-shadow:var(--shadow)}
.entryitem .e-t{font-size:11.6px;padding:3px 9px;border-radius:999px;background:var(--bg-soft);
  color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}
.entryitem .e-n{flex:1;font-size:13.4px;line-height:1.45}

/* ---------- 我的投递池 ---------- */
.poolwrap{display:grid;gap:var(--gap);margin-top:var(--gap)}
.poolitem{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(14px,1.3vw,19px);display:flex;flex-direction:column;gap:9px}
.pool-top{display:flex;gap:10px;align-items:flex-start}
.pool-name{flex:1;font-family:var(--serif);font-size:15.5px;font-weight:700;line-height:1.4}
.pool-comp{font-size:13.2px;color:var(--ink-2)}
.stagebar{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.stagebtn{font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);
  background:#fff;cursor:pointer;color:var(--ink-2);transition:.15s}
.stagebtn:hover{border-color:var(--violet);color:var(--violet)}
.stagebtn.on{background:var(--violet);border-color:var(--violet);color:#fff;font-weight:600}
.pool-note{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13px;
  font-family:var(--sans);resize:vertical;min-height:44px;outline:none}
.pool-note:focus{border-color:var(--violet)}
.pool-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pool-stat{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:var(--gap)}
.pstat{font-size:12.6px;padding:5px 12px;border-radius:999px;background:var(--bg-soft);
  border:1px solid var(--line);color:var(--ink-2)}
.pstat b{color:var(--ink)}

/* ---------- 提示条 ---------- */
.notice{margin-top:13px;font-size:12.8px;color:var(--ink-3);line-height:1.7}
.notice b{color:var(--ink-2)}

@media (max-width:640px){
  .radarrow{grid-template-columns:1fr;gap:5px}
  .radar-val{text-align:left}
  .jlist{grid-template-columns:1fr}
}

/* ==========================================================
   五模块流程条 —— 对齐境外拓客的 crumb-mod
   （★此前 #nextbar 完全没有样式，页底那行是"裸链接"，看着像没做完）
   ========================================================== */
.jsteps{max-width:var(--wrap);margin:0 auto;padding:0 clamp(14px,2vw,26px)}
.jsteps-in{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:12px 0;
  border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.jsteps-in::-webkit-scrollbar{display:none}
.jstep{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 14px 7px 9px;
  border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-2);
  font-size:13px;text-decoration:none;white-space:nowrap;
  transition:border-color .18s,box-shadow .18s,color .18s}
.jstep i{font-style:normal;font-weight:800;font-size:11.5px;color:#fff;width:19px;height:19px;
  border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--ink-3)}
.jstep b{font-weight:700;color:inherit}
.jstep span{font-size:11.5px;color:var(--ink-3)}
.jstep:hover{border-color:#ded9f0;color:var(--ink);box-shadow:0 4px 14px rgba(24,20,48,.06)}
.jstep.done i{background:var(--teal)}
.jstep.on{border-color:var(--violet);color:var(--ink);box-shadow:0 0 0 3px rgba(123,97,255,.10)}
.jstep.on i{background:linear-gradient(135deg,var(--rose),var(--violet))}
.jstep.on span{color:var(--ink-2)}
.jarr{color:var(--ink-3);font-size:12px;flex:0 0 auto;opacity:.68}

/* ---------- 页底「接着往下走」 ---------- */
#nextbar{margin-top:clamp(26px,3.2vw,48px)}
.nextwrap{border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--r);
  padding:clamp(14px,1.5vw,20px) clamp(16px,1.7vw,24px);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px}
.next-t{font-size:13px;color:var(--ink-3);flex:0 0 auto}
.nextwrap a{font-size:14px;font-weight:700;color:var(--violet);text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .18s}
.nextwrap a:hover{border-bottom-color:var(--violet)}
.nextcta{margin-top:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.next-hint{font-size:12.6px;color:var(--ink-3);line-height:1.72;max-width:66ch}
.next-hint b{color:var(--ink-2)}

/* ---------- AI 执行包末尾的「接着做下一步」 ---------- */
.deep-next{margin-top:13px;padding-top:12px;border-top:1px dashed var(--line);
  display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.deep-next::before{content:"不要停在这一步";font-size:12px;color:var(--ink-3);flex:0 0 auto}

@media (max-width:640px){
  .jstep span{display:none}
  .jstep{padding:7px 12px 7px 8px;font-size:12.5px}
  .nextcta{align-items:flex-start;flex-direction:column;gap:10px}
}