/* =====================================================================
   餐饮连锁行业页 · canyin.css
   布局：左文右图简介 + 双大卡（迎客/招商）+ 横向四步加盟流程 + 双卡案例 + FAQ
   点缀色：番茄红 #E11D48 / 橙红 #F43F5E（餐饮暖调）
   ===================================================================== */

.banner-cy{background-image:url('../images/banner-liuyan.jpg')}

/* ---------- 左文右图 ---------- */
.cy-intro-sec{background:#fff}
.cy-intro-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.cy-intro-text h2{font-size:clamp(24px,2.8vw,34px);margin:0 0 18px;line-height:1.35}
.cy-intro-text p{color:var(--c-text-2);margin-bottom:14px}
.cy-intro-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.cy-intro-tags span{font-size:13px;color:#9F1239;background:#FFE4E6;padding:6px 14px;border-radius:999px;font-weight:600}
.cy-intro-media img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;box-shadow:var(--shadow-lg)}

/* ---------- 双大卡 ---------- */
.cy-type-sec{background:linear-gradient(180deg,#FFF1F2,#fff)}
.cy-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cy-type{
  background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);
  transition:transform var(--trans),box-shadow var(--trans);
}
.cy-type:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.cy-type-top{padding:30px 34px 26px;color:#fff}
.ct1{background:linear-gradient(135deg,#E11D48,#F43F5E)}
.ct2{background:linear-gradient(135deg,#EA580C,#F59E0B)}
.cy-type-top i{
  width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.cy-type-top i svg{width:28px;height:28px;fill:#fff}
.cy-type-top h3{color:#fff;font-size:21px}
.cy-type-body{padding:28px 34px}
.cy-type-desc{color:var(--c-text-2);font-size:14.5px;margin:0 0 16px}
.cy-type-body ul{display:grid;gap:10px}
.cy-type-body li{position:relative;padding-left:24px;font-size:14.5px;color:var(--c-text)}
.cy-type-body li::before{
  content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:3px;
  background:linear-gradient(135deg,#E11D48,#F43F5E);
}
.cy-type:nth-child(2) .cy-type-body li::before{background:linear-gradient(135deg,#EA580C,#F59E0B)}

/* ---------- 横向四步流程 ---------- */
.cy-flow-sec{background:#fff}
.cy-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:cy}
.cy-flow-item{
  position:relative;background:var(--c-ice-2);border-radius:var(--radius-lg);padding:30px 24px 26px;
  border-top:5px solid #E11D48;transition:transform var(--trans),box-shadow var(--trans);
}
.cy-flow-item:nth-child(2){border-top-color:#F43F5E}
.cy-flow-item:nth-child(3){border-top-color:#EA580C}
.cy-flow-item:nth-child(4){border-top-color:#F59E0B}
.cy-flow-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.cy-flow-no{
  display:inline-block;font-size:14px;font-weight:800;color:#fff;background:#E11D48;
  border-radius:999px;padding:4px 14px;margin-bottom:14px;letter-spacing:1px;
}
.cy-flow-item:nth-child(2) .cy-flow-no{background:#F43F5E}
.cy-flow-item:nth-child(3) .cy-flow-no{background:#EA580C}
.cy-flow-item:nth-child(4) .cy-flow-no{background:#F59E0B}
.cy-flow-item h3{font-size:17.5px;margin-bottom:8px}
.cy-flow-item p{color:var(--c-text-2);font-size:14px;margin:0}

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

/* ---------- FAQ ---------- */
.cy-faq-sec{background:#fff}
.cy-faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.cy-faq-item{background:#FFF1F2;border-radius:12px;padding:18px 26px}
.cy-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}
.cy-faq-item summary::-webkit-details-marker{display:none}
.cy-faq-item summary i{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#E11D48;position:relative}
.cy-faq-item summary i::before{content:"";position:absolute;left:6px;right:6px;top:12px;height:2px;background:#fff}
.cy-faq-item summary i::after{content:"";position:absolute;top:6px;bottom:6px;left:12px;width:2px;background:#fff;transition:opacity .3s}
.cy-faq-item[open] summary i::after{opacity:0}
.cy-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){
  .cy-intro-wrap{grid-template-columns:1fr;gap:40px}
  .cy-type-grid{grid-template-columns:1fr}
  .cy-flow{grid-template-columns:1fr 1fr}
  .cy-case-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .cy-flow{grid-template-columns:1fr}
}