/* =====================================================================
   医药健康行业页 · yiyao.css
   布局：四格信任徽章 + 2×2 编号痛点卡 + 图文交替长行 + 双卡案例 + FAQ
   点缀色：青绿 #0D9488 / 蓝绿 #14B8A6（健康安心感）
   ===================================================================== */

.banner-yy{background-image:url('../images/banner-contact.jpg')}

/* ---------- 信任徽章行 ---------- */
.yy-trust-sec{background:#fff}
.yy-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.yy-trust{
  background:var(--c-ice-2);border-radius:var(--radius-lg);padding:32px 26px;text-align:center;
  border:1px solid var(--c-line);transition:transform var(--trans),box-shadow var(--trans),border-color var(--trans);
}
.yy-trust:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#5EEAD4}
.yy-trust i{
  width:60px;height:60px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0D9488,#14B8A6);box-shadow:0 10px 22px rgba(13,148,136,.3);
}
.yy-trust i svg{width:28px;height:28px;fill:#fff}
.yy-trust h3{font-size:17.5px;margin-bottom:8px}
.yy-trust p{color:var(--c-text-2);font-size:13.5px;margin:0;line-height:1.7}

/* ---------- 痛点 2×2 ---------- */
.yy-pain-sec{background:var(--c-ice-2)}
.yy-pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.yy-pain{
  position:relative;background:#fff;border-radius:var(--radius-lg);padding:36px 32px 30px 96px;
  box-shadow:var(--shadow);transition:transform var(--trans),box-shadow var(--trans);
}
.yy-pain:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.yy-pain>b{
  position:absolute;left:26px;top:34px;font-size:34px;font-weight:800;line-height:1;
  color:transparent;-webkit-text-stroke:2px #14B8A6;
}
.yy-pain h3{font-size:18.5px;margin-bottom:8px;padding-left:34px}
.yy-pain p{color:var(--c-text-2);font-size:14.5px;margin:0}

/* ---------- 图文交替 ---------- */
.yy-feat-sec{background:#fff}
.yy-feat-row{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.yy-feat-row + .yy-feat-row{margin-top:90px}
.yy-feat-media img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;box-shadow:var(--shadow-lg)}
.yy-feat-row.yy-flip .yy-feat-media{order:2}
.yy-feat-text h2{font-size:clamp(23px,2.6vw,32px);margin:0 0 18px;line-height:1.35}
.yy-feat-text p{color:var(--c-text-2);margin-bottom:14px}

/* ---------- 案例 ---------- */
.yy-case-sec{background:var(--c-ice-2)}
.yy-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:980px;margin:0 auto}
.yy-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);display:block;transition:transform var(--trans),box-shadow var(--trans)}
.yy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.yy-card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.yy-card-body{padding:24px 28px}
.yy-card-tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#0D9488;border-radius:999px;padding:3px 12px;margin-bottom:10px}
.yy-card-body h3{font-size:18px;margin-bottom:8px}
.yy-card-body p{color:var(--c-text-2);font-size:14px;margin:0}

/* ---------- FAQ ---------- */
.yy-faq-sec{background:#fff}
.yy-faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.yy-faq-item{background:var(--c-ice-2);border-radius:12px;padding:18px 26px;border-left:4px solid #0D9488}
.yy-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:700;color:var(--c-primary);font-size:16px}
.yy-faq-item summary::-webkit-details-marker{display:none}
.yy-faq-item summary i{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#0D9488;position:relative}
.yy-faq-item summary i::before{content:"";position:absolute;left:6px;right:6px;top:12px;height:2px;background:#fff}
.yy-faq-item summary i::after{content:"";position:absolute;top:6px;bottom:6px;left:12px;width:2px;background:#fff;transition:opacity .3s}
.yy-faq-item[open] summary i::after{opacity:0}
.yy-faq-item p{margin:12px 0 2px;color:var(--c-text-2);font-size:14.5px;line-height:1.8}

/* 移动端当前行业高亮 */
.mnav-sub a.cur{color:var(--c-accent)!important;font-weight:700!important}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .yy-trust-row{grid-template-columns:1fr 1fr}
  .yy-pain-grid{grid-template-columns:1fr}
  .yy-feat-row{grid-template-columns:1fr;gap:32px}
  .yy-feat-row + .yy-feat-row{margin-top:60px}
  .yy-feat-row.yy-flip .yy-feat-media{order:0}
  .yy-case-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .yy-trust-row{grid-template-columns:1fr}
}