/* ====== 75 离职面谈 · 走廊灰蓝 + 铜牌 + 沙色 ====== */
.eig{
  --bg:#eceef0; --bg2:#dfe4e7; --card:#fff; --card2:#f5f7f8;
  --ink:#161d23; --sub:#3d4a53; --faint:#78868f; --line:#d4dce0; --line2:#e6ebee;
  --slate:#33465c; --slate-d:#22303f; --slate-soft:#dfe6ec;
  --brass:#a9843f; --brass-soft:#f3ecdc;
  --sand:#f0e9dc; --good:#2f7d57; --bad:#a8483f;
  --shadow-sm:0 1px 2px rgba(22,29,35,.06),0 8px 20px rgba(22,29,35,.06);
  --shadow:0 3px 10px rgba(22,29,35,.08),0 24px 52px rgba(22,29,35,.12);
  --r:20px; --r-sm:13px;
  background:
    linear-gradient(115deg,rgba(51,70,92,.055) 0 22%,transparent 22% 78%,rgba(169,132,63,.05) 78%),
    radial-gradient(720px 340px at 100% -10%, rgba(51,70,92,.10), transparent 62%),
    var(--bg);
}
:root[data-theme="dark"] .eig{
  --bg:#0c1115; --bg2:#111820; --card:#161e26; --card2:#1b242d;
  --ink:#e6edf2; --sub:#a1b0ba; --faint:#6b7a85; --line:#2a3742; --line2:#1f2a33;
  --slate:#85a3c0; --slate-d:#aecbe4; --slate-soft:rgba(133,163,192,.13);
  --brass:#d0a864; --brass-soft:rgba(208,168,100,.12);
  --sand:rgba(208,168,100,.09); --good:#67bd8d; --bad:#d47a70;
}

.eig-hero{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:30px;padding:30px 0 24px;align-items:start;}
.eig-hero-l .tsk-h1 b{color:var(--slate-d);}

/* 门牌卡 */
.eig-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:0 20px 20px;position:relative;}
.eig-card::before{content:"";display:block;height:6px;margin:0 -20px;border-radius:var(--r) var(--r) 0 0;background:linear-gradient(90deg,var(--slate),var(--brass));}
.eig-plate{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px;padding:9px 12px;border-radius:8px;background:linear-gradient(180deg,var(--brass),#8e6d2f);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 2px 6px rgba(0,0,0,.15);}
.eig-plate span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#fff8e8;}
.eig-plate em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.1em;color:rgba(255,248,232,.8);}
.eig-card label{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:11px;}
.eig-card input,.eig-card select{width:100%;height:37px;margin-top:4px;padding:0 10px;border:1.5px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);font:700 13.5px/37px var(--num,"Bahnschrift",monospace);outline:none;}
.eig-card select{font-family:inherit;}
.eig-card input:focus,.eig-card select:focus{border-color:var(--slate);box-shadow:0 0 0 3px var(--slate-soft);background:var(--card);}
.eig-card .tsk-btn-main{background:var(--slate);border-color:var(--slate);}
.eig-card .tsk-btn-main:hover{background:var(--slate-d);}
.eig-card-foot{margin-top:12px;padding-top:9px;border-top:1px dashed var(--line);font-size:10.5px;line-height:1.6;color:var(--faint);}

/* 输出 */
.eig-output{margin:6px 0 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px 22px;border-top:4px solid var(--slate);}
.eig-out-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.eig-out-head h2{margin:0;font-size:15px;font-weight:800;color:var(--slate-d);}
.eig-copy{appearance:none;border:1.5px solid var(--line);background:var(--card2);color:var(--sub);font:700 12px/1 inherit;padding:9px 16px;border-radius:9px;cursor:pointer;transition:.18s;}
.eig-copy:hover{border-color:var(--brass);color:#8e6d2f;background:var(--brass-soft);}
.eig-output textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card2);color:var(--ink);padding:16px 18px;font:500 13px/1.9 ui-monospace,"SF Mono",Consolas,monospace;resize:vertical;outline:none;}
.eig-output textarea:focus{border-color:var(--slate);box-shadow:0 0 0 3px var(--slate-soft);}

/* 双栏 */
.eig-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.eig-col{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow-sm);}
.eig-col-hr{border-top:4px solid var(--slate);}
.eig-col-emp{border-top:4px solid var(--brass);}
.eig-col-head{display:flex;align-items:baseline;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px;}
.eig-col-head span{font-size:17px;}
.eig-col-head b{font-size:14px;font-weight:800;color:var(--ink);}
.eig-col-head i{font-style:normal;margin-left:auto;font-size:10.5px;font-weight:700;color:var(--faint);letter-spacing:.04em;}
.eig-block{margin-bottom:14px;}
.eig-block:last-child{margin-bottom:0;}
.eig-block header{display:flex;flex-direction:column;gap:3px;margin-bottom:6px;}
.eig-block header b{font-size:12.5px;font-weight:800;color:var(--slate-d);}
.eig-col-emp .eig-block header b{color:#8e6d2f;}
.eig-block header span{font-size:11px;line-height:1.65;color:var(--faint);}
.eig-block ul{margin:0;padding:0;list-style:none;}
.eig-block li{position:relative;padding:5px 0 5px 15px;font-size:12px;line-height:1.75;color:var(--sub);}
.eig-block li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:var(--slate);opacity:.6;}
.eig-col-emp .eig-block li::before{background:var(--brass);}

/* 表格 */
.eig-scroll{overflow-x:auto;border-radius:var(--r-sm);box-shadow:var(--shadow-sm);}
.eig-table{width:100%;min-width:720px;border-collapse:collapse;background:var(--card);border:1px solid var(--line);}
.eig-table th,.eig-table td{padding:12px 15px;text-align:left;font-size:12px;line-height:1.75;border-bottom:1px solid var(--line2);vertical-align:top;}
.eig-table thead th{font-size:11px;font-weight:800;color:var(--slate-d);background:var(--card2);letter-spacing:.03em;white-space:nowrap;}
.eig-table tbody tr:last-child td{border-bottom:0;}
.eig-table tbody tr:hover td{background:var(--card2);}
.eig-say{font-weight:800;color:var(--ink);}
.eig-lv{font-weight:800;color:var(--brass);white-space:nowrap;}
.eig-good{color:var(--good);}
.eig-bad{color:var(--bad);}

/* 挽留卡片 */
.eig-retain{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:11px;}
.eig-ret{position:relative;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--slate);border-radius:var(--r-sm);padding:15px 17px;box-shadow:var(--shadow-sm);}
.eig-ret b{display:block;font-size:12.5px;font-weight:800;color:var(--slate-d);margin-bottom:6px;}
.eig-ret p{margin:0;font-size:12px;line-height:1.8;color:var(--sub);}
.eig-ret span{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:10.5px;line-height:1.6;color:var(--faint);}
.eig-ret.is-warn{border-left-color:var(--bad);background:linear-gradient(180deg,rgba(168,72,63,.05),transparent 60%),var(--card);}
.eig-ret.is-warn b{color:var(--bad);}

@media (max-width:900px){
  .eig-hero{grid-template-columns:1fr;gap:22px;}
  .eig-two{grid-template-columns:1fr;}
}
