/* anquanyuan.css · 安全员岗位页 */

/* 题头 H7 双层叠字大标题（深棕底） */
.aq-hero{
  background:
    radial-gradient(circle at 85% 20%,rgba(181,137,63,.18),transparent 45%),
    linear-gradient(135deg,var(--brown-900),var(--brown-700));
  padding:calc(var(--header-h) + 60px) 0 64px;color:var(--cream-100);
  border-bottom:4px solid var(--brass);position:relative;overflow:hidden;
}
.aq-hero-kicker{font-size:13px;letter-spacing:.24em;color:var(--brass-light);font-weight:600;margin:16px 0 6px}
.aq-hero-title{position:relative;margin-bottom:14px}
.aq-title-stack{
  position:absolute;left:-6px;top:-30px;font-family:var(--font-display);
  font-size:clamp(80px,14vw,150px);font-weight:700;color:rgba(181,137,63,.14);line-height:1;
  pointer-events:none;
}
.aq-hero h1{position:relative;font-size:clamp(36px,5.4vw,60px);color:var(--cream-50);letter-spacing:.02em}
.aq-hero-sub{max-width:640px;color:var(--cream-200);line-height:1.9;margin-bottom:24px}
.aq-hero-tags{display:flex;flex-wrap:wrap;gap:10px}
.aq-hero-tags a{padding:7px 16px;border:1px solid var(--line-dark);border-radius:var(--r-xs);font-size:13.5px;color:var(--cream-100);background:rgba(251,247,236,.06)}
.aq-hero-tags a:hover{border-color:var(--brass);color:var(--brass-light)}

/* ① B5 阶梯错落 */
.aq-duty{background:var(--cream-50)}
.aq-stair{max-width:900px;margin:0 auto;display:grid;gap:26px}
.aq-step{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}
.aq-step img{width:100%;height:220px;object-fit:cover;border-radius:var(--r-sm);box-shadow:var(--shadow-md)}
.aq-step-body h3{font-size:22px;color:var(--brown-700);margin-bottom:8px}
.aq-step-body p{color:var(--ink-soft);font-size:14.5px;line-height:1.9}
.aq-step-r{grid-template-columns:1fr 1.1fr}
.aq-step-r img{order:2}
.aq-step-plain{background:var(--cream-100);border-left:4px solid var(--brass);padding:24px;border-radius:var(--r-sm)}
.aq-stair-note{max-width:900px;margin:26px auto 0;font-size:14.5px;color:var(--brown-600);background:var(--cream-100);border-left:4px solid var(--rust);border-radius:var(--r-xs);padding:16px 18px;line-height:1.9}

/* ② C3 标签云分组 */
.aq-taggroups{display:grid;gap:20px;max-width:860px}
.aq-taggroup h3{font-size:16px;color:var(--brown-700);margin-bottom:12px;letter-spacing:.04em}
.aq-tags{display:flex;flex-wrap:wrap;gap:10px}
.aq-tags .tag{font-size:14px;padding:8px 16px}

/* ③ D3 环形循环 */
.aq-cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:center}
.aq-cycle-center{
  text-align:center;align-self:center;justify-self:center;
  width:150px;height:150px;border-radius:50%;border:3px dashed var(--brass);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(251,247,236,.05);grid-row:span 2;
}
.aq-cycle-center b{font-family:var(--font-display);font-size:22px;color:var(--brass-light)}
.aq-cycle-center span{font-size:12px;color:var(--cream-200);margin-top:4px}
.aq-ring{
  background:rgba(251,247,236,.05);border:1px solid var(--line-dark);border-radius:50%;
  aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:18px;border-top:3px solid var(--brass);
}
.aq-ring b{color:var(--cream-50);font-size:16px;margin-bottom:6px}
.aq-ring p{color:var(--cream-200);font-size:12.5px}

/* ④ E4 引用语录 */
.aq-value{background:var(--cream-50)}
.aq-quote{
  position:relative;max-width:780px;margin:0 auto 40px;text-align:center;
  background:var(--cream-100);border:1px solid var(--line);border-radius:var(--r-md);padding:44px 40px;
}
.aq-quote-mark{position:absolute;top:6px;left:24px;font-family:var(--font-display);font-size:90px;color:var(--brass);opacity:.3;line-height:1}
.aq-quote blockquote{font-family:var(--font-display);font-size:clamp(19px,2.4vw,26px);color:var(--brown-800);line-height:1.7}
.aq-quote-by{margin-top:16px;font-size:13.5px;color:var(--muted)}
.aq-value-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}
.aq-value-points div{border-top:3px solid var(--green-600);padding-top:16px}
.aq-value-points h3{font-size:18px;color:var(--green-700);margin-bottom:8px}
.aq-value-points p{font-size:14px;color:var(--ink-soft)}

/* ⑤ E5 徽章墙 */
.aq-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px;margin:0 auto}
.aq-badge{
  padding:10px 20px;border:1.5px solid var(--green-700);border-radius:30px;
  font-size:14px;color:var(--green-800);background:var(--cream-50);font-weight:600;
}
.aq-local-note{text-align:center;margin-top:24px;color:var(--muted);font-size:14px}
.aq-local-cta{display:flex;gap:14px;justify-content:center;margin-top:22px;flex-wrap:wrap}

/* ⑥ C7 双层叠卡 */
.aq-double-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:0 auto}
.aq-double{position:relative;height:230px}
.aq-double-back{
  position:absolute;inset:8px -8px -8px 8px;background:var(--green-600);border-radius:var(--r-sm);
}
.aq-double-front{
  position:absolute;inset:0;background:var(--cream-50);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:26px 24px;box-shadow:var(--shadow-md);border-left:4px solid var(--brass);
}
.aq-double-front h3{font-size:19px;color:var(--brown-700);margin-bottom:10px}
.aq-double-front p{font-size:14px;color:var(--ink-soft);line-height:1.9}

/* ⑦ F3 标签页 */
.aq-tab-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.aq-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;
}
.aq-tab-btn.active{background:var(--brass);border-color:var(--brass);color:var(--cream-50)}
.aq-tab-panel{display:none;max-width:720px;margin:0 auto;background:rgba(251,247,236,.05);border:1px solid var(--line-dark);border-radius:var(--r-md);padding:30px;text-align:center}
.aq-tab-panel.active{display:block}
.aq-tab-panel h3{color:var(--cream-50);font-size:20px;margin-bottom:12px}
.aq-tab-panel p{color:var(--cream-200);line-height:1.9}

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

/* 新·本地场景案例（大引述块，带城市标签） */
.aq-case{background:var(--cream-50)}
.aq-case-box{max-width:820px;margin:0 auto;background:var(--cream-100);border:1px solid var(--line);border-radius:var(--r-md);padding:34px 32px;box-shadow:var(--shadow-md);position:relative;border-top:4px solid var(--rust)}
.aq-case-tag{display:inline-block;background:var(--rust);color:var(--cream-50);font-size:12.5px;letter-spacing:.1em;padding:5px 14px;border-radius:var(--r-xs);margin-bottom:18px}
.aq-case-box blockquote{font-family:var(--font-display);font-size:clamp(17px,2vw,21px);color:var(--brown-800);line-height:1.9}
.aq-case-sign{margin-top:16px;font-size:13.5px;color:var(--muted);text-align:right}

/* 新·证书投标用法（三步横向流程，箭头连接） */
.aq-bid{background:var(--cream-100)}
.aq-bid-flow{display:flex;align-items:stretch;gap:16px;max-width:960px;margin:0 auto}
.aq-bid-step{flex:1;background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 20px;border-top:3px solid var(--green-600)}
.aq-bid-step b{display:block;font-family:var(--font-display);color:var(--green-700);font-size:15px;margin-bottom:8px}
.aq-bid-step h3{font-size:17px;color:var(--brown-700);margin-bottom:6px}
.aq-bid-step p{font-size:13.5px;color:var(--ink-soft);line-height:1.85}
.aq-bid-arrow{align-self:center;color:var(--brass);font-size:24px;font-weight:700}

@media(max-width:900px){
  .aq-step,.aq-step-r,.aq-cycle,.aq-value-points,.aq-double-grid{grid-template-columns:1fr}
  .aq-cycle-center{grid-row:auto;margin:0 auto}
  .aq-hero-title .aq-title-stack{font-size:90px;top:-18px}
  .aq-bid-flow{flex-direction:column}
  .aq-bid-arrow{transform:rotate(90deg)}
}