/* laowuyuan.css · 劳务员岗位页 */

/* 题头 H6 胶片齿孔条带（墨绿） */
.lw-hero{background:linear-gradient(120deg,var(--green-900),var(--green-700));color:var(--cream-100);position:relative;padding:calc(var(--header-h) + 56px) 0 50px;border-bottom:4px solid var(--brass)}
.lw-perf{height:22px;background-image:radial-gradient(circle,var(--cream-100) 3.2px,transparent 3.6px);background-size:34px 22px;background-repeat:repeat-x;background-position:center}
.lw-hero-inner{padding:26px 0}
.lw-hero-kicker{font-size:13px;letter-spacing:.24em;color:var(--brass-light);font-weight:600;margin:14px 0 10px}
.lw-hero h1{font-size:clamp(36px,5vw,56px);color:var(--cream-50);margin-bottom:14px}
.lw-hero-sub{max-width:600px;color:var(--cream-200);line-height:1.9}

/* ① B3 棋盘格 */
.lw-duty{background:var(--cream-50)}
.lw-chess{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.lw-cell{background:var(--cream-100);border:1px solid var(--line);border-radius:var(--r-sm);padding:24px 22px}
.lw-cell h3{font-size:19px;color:var(--brown-700);margin-bottom:8px}
.lw-cell p{font-size:14px;color:var(--ink-soft);line-height:1.9}
.lw-cell-img{padding:0;overflow:hidden}
.lw-cell-img img{width:100%;height:100%;min-height:210px;object-fit:cover}
.lw-chess-note{margin-top:22px;font-size:14.5px;color:var(--ink-soft);background:var(--cream-100);border-left:4px solid var(--green-600);border-radius:var(--r-xs);padding:16px 18px;line-height:1.9}

/* ② C3 标签云 */
.lw-taggroups{display:grid;gap:20px;max-width:860px}
.lw-taggroup h3{font-size:16px;color:var(--brown-700);margin-bottom:12px}
.lw-tags{display:flex;flex-wrap:wrap;gap:10px}
.lw-tags .tag{font-size:14px;padding:8px 16px}
.lw-cond-note{margin-top:18px;font-size:13.5px;color:var(--muted)}
.lw-cond-note a{color:var(--green-600);font-weight:600}

/* ③ D1 横向步进 */
.lw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lw-steps li{background:rgba(251,247,236,.05);border:1px solid var(--line-dark);border-top:3px solid var(--brass);border-radius:var(--r-sm);padding:22px 18px}
.lw-steps b{font-family:var(--font-display);font-size:22px;color:var(--brass-light)}
.lw-steps h3{color:var(--cream-50);font-size:17px;margin:8px 0}
.lw-steps p{color:var(--cream-200);font-size:13.5px}

/* ④ E5 徽章墙 */
.lw-value{background:var(--cream-50)}
.lw-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.lw-badge{padding:11px 22px;border:1.5px solid var(--brown-600);border-radius:var(--r-xs);background:var(--cream-100);color:var(--brown-700);font-weight:600;font-size:14px}
.lw-value-note{max-width:720px;margin:22px auto 0;font-size:14.5px;color:var(--brown-600);background:var(--cream-100);border-left:4px solid var(--green-600);border-radius:var(--r-xs);padding:16px 18px;line-height:1.9}

/* ⑤ E1 大数字 */
.lw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lw-stat{background:var(--brown-700);color:var(--cream-100);border-radius:var(--r-md);padding:28px 24px;border-bottom:4px solid var(--brass)}
.lw-stat b{display:block;font-family:var(--font-display);font-size:28px;color:var(--brass-light);margin-bottom:10px}
.lw-stat span{font-size:14px;color:var(--cream-200);line-height:1.9}

/* ⑥ C6 色带磁贴 */
.lw-prep{background:var(--cream-100)}
.lw-magnet{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-md)}
.lw-mag{padding:28px 24px;color:var(--cream-50)}
.lw-mag:nth-child(1){background:var(--brown-700)}
.lw-mag:nth-child(2){background:var(--brown-600)}
.lw-mag:nth-child(3){background:var(--brown-500)}
.lw-mag h3{color:var(--cream-50);font-size:18px;margin-bottom:8px}
.lw-mag p{font-size:14px;color:var(--cream-200)}

/* ⑦ F3 标签页 */
.lw-tabs .lw-tab-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.lw-tab-btn{padding:10px 22px;border:1px solid var(--line-dark);border-radius:var(--r-sm);color:var(--cream-200);font-size:14px;font-weight:600;background:transparent}
.lw-tab-btn.active{background:var(--brass);border-color:var(--brass);color:var(--cream-50)}
.lw-tab-panel{display:none;max-width:700px;margin:0 auto;background:rgba(251,247,236,.05);border:1px solid var(--line-dark);border-radius:var(--r-md);padding:28px;text-align:center}
.lw-tab-panel.active{display:block}
.lw-tab-panel h3{color:var(--cream-50);font-size:19px;margin-bottom:10px}
.lw-tab-panel p{color:var(--cream-200);line-height:1.9}

/* ⑧ G4 双按钮 */
.lw-cta{background:linear-gradient(120deg,var(--green-900),var(--green-700));padding:clamp(44px,6vw,66px) 0;border-top:4px solid var(--brass)}
.lw-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.lw-cta-inner h2{color:var(--cream-50);font-size:clamp(24px,3vw,34px);margin-bottom:8px}
.lw-cta-inner p{color:var(--cream-200)}
.lw-cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* 新·岗位适合谁（双列人物卡，带图标圆） */
.lw-fits{background:var(--cream-50)}
.lw-fits-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px;margin:0 auto}
.lw-fit{background:var(--cream-100);border:1px solid var(--line);border-radius:var(--r-md);padding:26px 24px;display:flex;gap:18px;align-items:flex-start}
.lw-fit-icon{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:var(--green-700);color:var(--cream-50);display:flex;align-items:center;justify-content:center}
.lw-fit h3{font-size:18px;color:var(--brown-700);margin-bottom:8px}
.lw-fit p{font-size:14px;color:var(--ink-soft);line-height:1.9}

/* 新·证书企业用法（深色底竖排编号清单） */
.lw-use{background:linear-gradient(120deg,var(--brown-900),var(--brown-700))}
.lw-use-list{list-style:none;max-width:760px;display:grid;gap:14px}
.lw-use-list li{background:rgba(251,247,236,.05);border:1px solid var(--line-dark);border-radius:var(--r-sm);padding:18px 22px;display:flex;gap:16px;align-items:baseline}
.lw-use-list b{flex:0 0 auto;color:var(--brass-light);font-family:var(--font-display);font-size:17px}
.lw-use-list span{color:var(--cream-200);font-size:14.5px;line-height:1.9}
.lw-use-note{max-width:760px;margin:18px auto 0;font-size:13.5px;color:var(--cream-200)}

@media(max-width:900px){
  .lw-chess,.lw-steps,.lw-stats,.lw-magnet{grid-template-columns:1fr}
  .lw-fits-grid{grid-template-columns:1fr}
}