/* 星天璀工作台 · hr.css —— 🌱 行政人事部作战室 · 关怀风格（2026-11-06）。类名一律 hr- 前缀；只作用于 pages_hr.js 输出的 .hr-wrap 与弹层。
   配色：清爽浅色为底（Tony：爱浅色 / 绿色 / 清爽，忌油腻黑红），每个模块一块柔和色——薄荷（成长）· 蜜桃（温暖）· 天空（信任）· 薰衣草（倾听）· 奶油（福利）· 樱粉（祝福）。 */
.hr-wrap{--hr-ink:#24332B;--hr-ink2:#5E6B64;--hr-line:#E6ECE8;
 --hr-mint:#E6F6EE;--hr-mint-i:#2E7D57;--hr-peach:#FFEFE7;--hr-peach-i:#B4583A;--hr-sky:#E8F2FC;--hr-sky-i:#2F69A8;
 --hr-lav:#F0ECFB;--hr-lav-i:#6550B0;--hr-butter:#FFF7E0;--hr-butter-i:#8C6D0E;--hr-rose:#FDEDF2;--hr-rose-i:#AE4468;
 --hr-acc:#3E9A6E;--hr-coral:#EE8467;margin-top:12px;color:var(--hr-ink)}
.hr-hero{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-radius:18px;padding:18px 20px;
 background:linear-gradient(120deg,#E8F6EE 0%,#FFF3EC 55%,#EDF3FD 100%);border:1px solid #E1EDE6}
.hr-kick{font-size:12px;font-weight:800;color:var(--hr-acc);letter-spacing:.02em}
.hr-hero h2{font-size:20px;margin:4px 0 6px;color:var(--hr-ink)}
.hr-hero p{margin:0 0 6px;font-size:13px;line-height:1.7;color:var(--hr-ink2);max-width:720px}
.hr-hero p b{color:var(--hr-ink)}
.hr-hero .hr-ask{font-size:12.5px;background:rgba(255,255,255,.65);border-radius:10px;padding:6px 10px;display:inline-block}
.hr-hero .btn.p{background:var(--hr-coral);border-color:var(--hr-coral);margin-top:4px}
.hr-pets{display:flex;align-items:flex-end;gap:2px}
.hr-pets img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(46,125,87,.15))}
.hr-sec{background:#fff;border:1px solid var(--hr-line);border-radius:16px;padding:14px 16px;margin-top:12px}
.hr-sh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.hr-sh h3{margin:0;font-size:15px}
.hr-note{font-size:11.5px;color:var(--hr-ink2)}
.hr-lock{font-size:11px;font-weight:800;border-radius:999px;padding:1px 9px;background:#EEF1EF;color:var(--hr-ink2)}
.hr-core{border:1.5px solid #CFE7DA;background:linear-gradient(180deg,#F7FCF9,#fff 60%)}
.hr-locked{opacity:.85}
.hr-intro{font-size:12.5px;line-height:1.7;color:var(--hr-ink2);margin-bottom:10px}
.hr-intro b{color:var(--hr-ink)}
.hr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.hr-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hr-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:start;text-align:left;
 font:inherit;color:var(--hr-ink);border:1px solid transparent;border-radius:14px;padding:12px;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:0}
.hr-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(36,51,43,.08)}
.hr-card:focus-visible{outline:2px solid var(--hr-acc);outline-offset:2px}
.hr-card .hr-ico{grid-row:1/3;font-size:24px;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center}
.hr-card .hr-txt{display:flex;flex-direction:column;min-width:0}
.hr-card .hr-txt b{font-size:13.5px}
.hr-card .hr-d{font-size:12px;color:var(--hr-ink2);line-height:1.5;margin-top:2px}
.hr-card .hr-st{justify-self:start}
.hr-st{font-size:10.5px;font-weight:800;border-radius:999px;padding:0 8px;line-height:19px;white-space:nowrap;background:rgba(255,255,255,.85)}
.hr-s-live{color:var(--hr-mint-i)}.hr-s-build{color:var(--hr-peach-i)}.hr-s-plan{color:var(--hr-ink2)}
.hr-c-mint{background:var(--hr-mint)}.hr-c-mint .hr-txt b{color:var(--hr-mint-i)}
.hr-c-peach{background:var(--hr-peach)}.hr-c-peach .hr-txt b{color:var(--hr-peach-i)}
.hr-c-sky{background:var(--hr-sky)}.hr-c-sky .hr-txt b{color:var(--hr-sky-i)}
.hr-c-lav{background:var(--hr-lav)}.hr-c-lav .hr-txt b{color:var(--hr-lav-i)}
.hr-c-butter{background:var(--hr-butter)}.hr-c-butter .hr-txt b{color:var(--hr-butter-i)}
.hr-c-rose{background:var(--hr-rose)}.hr-c-rose .hr-txt b{color:var(--hr-rose-i)}
.hr-care{background:linear-gradient(180deg,#FFFaF7,#fff 70%)}
/* 弹层 */
.hr-mask{position:fixed;inset:0;background:rgba(36,51,43,.32);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}
.hr-box{width:min(520px,100%);max-height:86vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(36,51,43,.2);color:#24332B}
.hr-box.hr-c-mint,.hr-box.hr-c-peach,.hr-box.hr-c-sky,.hr-box.hr-c-lav,.hr-box.hr-c-butter,.hr-box.hr-c-rose{background:#fff}
.hr-bh{display:flex;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid #E6ECE8;border-radius:18px 18px 0 0}
.hr-box.hr-c-mint .hr-bh{background:#E6F6EE}.hr-box.hr-c-peach .hr-bh{background:#FFEFE7}.hr-box.hr-c-sky .hr-bh{background:#E8F2FC}
.hr-box.hr-c-lav .hr-bh{background:#F0ECFB}.hr-box.hr-c-butter .hr-bh{background:#FFF7E0}.hr-box.hr-c-rose .hr-bh{background:#FDEDF2}
.hr-bh .hr-ico{font-size:22px}.hr-bh b{font-size:15px}.hr-sp{flex:1}
.hr-bd{padding:12px 16px;font-size:13px;line-height:1.7}
.hr-bd h4{margin:8px 0 2px;font-size:13px}.hr-bd ul{margin:0;padding-left:20px}
.hr-bd .hr-d{color:#5E6B64}.hr-bd .hr-note{margin-top:8px;font-size:12px;color:#5E6B64}
.hr-bf{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:10px 16px 14px}
.hr-bf .btn.p{background:#3E9A6E;border-color:#3E9A6E}
@media (max-width:900px){.hr-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hr-hero{grid-template-columns:1fr;padding:14px}.hr-pets{display:none}.hr-g4,.hr-grid{grid-template-columns:1fr}.hr-sec{padding:12px}}