/* zhengshu-yongtu.html · 证书用途专属样式 */

/* 题头左右分栏 */
.zy-hero{
  background:var(--blue-50);padding:calc(var(--header-h) + 48px) 0 56px;
}
.zy-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.zy-hero-text h1{margin:16px 0 14px}
.zy-lead{color:var(--gray-600);font-size:16px;max-width:520px}.zy-hero-media img {border-radius:var(--radius-l);box-shadow:var(--shadow-m);height:auto;aspect-ratio:2508/1672;object-fit:cover;width:100%}

/* 用途 zigzag */
.zy-use{padding:56px 0;background:var(--white)}
.zy-use-alt{background:var(--gray-50)}
.zy-use-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.zy-use-media img {border-radius:var(--radius-l);box-shadow:var(--shadow-s);height:auto;aspect-ratio:2508/1672;object-fit:cover;width:100%}
.zy-use-text h2{margin:8px 0 14px}
.zy-use-text p{color:var(--gray-600)}
.zy-use-note{margin-top:12px;color:var(--gray-600);font-size:14px;border-left:3px solid var(--blue-300);padding-left:12px}

/* 职业价值数字卡 */
.zy-value{padding:64px 0;background:var(--white)}
.zy-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.zy-value-card{
  background:var(--blue-50);border-radius:var(--radius-l);padding:34px 28px;text-align:center;
}
.zy-value-card span{
  display:block;font-size:22px;font-weight:800;color:var(--blue-700);margin-bottom:12px;
}
.zy-value-card p{color:var(--gray-600);font-size:14.5px}
.zy-value-note{margin-top:22px;color:var(--gray-600);font-size:14.5px;max-width:820px}

/* 误区手风琴 */
.zy-mis{padding:64px 0;background:var(--gray-50)}
.zy-acc{display:grid;gap:12px;max-width:820px}
.zy-item{background:var(--white);border-radius:var(--radius-m);padding:0 22px;border:1px solid var(--gray-100)}
.zy-item summary{cursor:pointer;padding:16px 0;font-weight:600;color:var(--gray-900);list-style:none;position:relative;padding-right:30px}
.zy-item summary::-webkit-details-marker{display:none}
.zy-item summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:20px;color:var(--blue-500)}
.zy-item[open] summary::after{content:"−"}
.zy-item p{padding:0 0 16px;color:var(--gray-600);font-size:14.5px}
.zy-item a{color:var(--blue-600);font-weight:600}

/* CTA */
.zy-cta{background:var(--gray-900);padding:56px 0;color:#fff}
.zy-cta-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.zy-cta h2{color:#fff;margin-bottom:8px}
.zy-cta p{color:var(--gray-300)}
.zy-note{padding:64px 0;background:var(--white)}
.zy-note .sec-body{display:grid;gap:14px;max-width:820px}
.zy-note .sec-body p{color:var(--gray-600);font-size:14.5px;line-height:1.8}

/* 配岗场景 */
.yt-bid{padding:64px 0;background:var(--gray-50)}
.yt-bid .sec-body{display:grid;gap:14px;max-width:820px;margin:0 auto}
.yt-bid .sec-body p{color:var(--gray-600);font-size:14.5px;line-height:1.8}

/* 职业路径 */
.yt-career{padding:64px 0;background:var(--white)}
.yt-career .sec-body{display:grid;gap:14px;max-width:820px}
.yt-career .sec-body p{color:var(--gray-600);font-size:14.5px;line-height:1.8}

@media (max-width:920px){
  .zy-hero-inner,.zy-use-inner{grid-template-columns:1fr}
  .zy-use-alt .zy-use-media{order:-1}
  .zy-value-grid{grid-template-columns:1fr}
}
