/* ============================================================
   page-anli-canyin.css — 餐饮连锁案例页（暖色菜单风）
   命名空间：body.page-anli-canyin
   签名视觉：今日菜单卡 / 门店卷轴 / 加盟路径
   ============================================================ */

body.page-anli-canyin .canyin-hero{background:linear-gradient(135deg,#FDF3F0 0%,#FBE7F0 100%)}
body.page-anli-canyin .hero-hotline{margin-top:14px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 今日菜单 ---------- */
body.page-anli-canyin .menu-board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-anli-canyin .menu-card{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);overflow:hidden;
}
body.page-anli-canyin .menu-card-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;background:var(--c-bg-pink);border-bottom:1px dashed var(--c-pink-200);
}
body.page-anli-canyin .menu-card-head h3{font-size:19px}
body.page-anli-canyin .menu-tag{
  font-size:11px;font-weight:700;color:#fff;background:var(--grad-main);
  padding:4px 12px;border-radius:999px;white-space:nowrap;
}
body.page-anli-canyin .dish-list li{
  display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px dashed var(--c-line);
}
body.page-anli-canyin .dish-list li:last-child{border-bottom:0}
body.page-anli-canyin .dish-list h4{font-size:15.5px;margin-bottom:2px}
body.page-anli-canyin .dish-list p{font-size:13px;color:var(--c-muted)}
body.page-anli-canyin .dish-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c-pink-300)}

/* ---------- 客户背景 ---------- */
body.page-anli-canyin .cy-bg{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
body.page-anli-canyin .cy-text p{margin-top:16px}
body.page-anli-canyin .cy-figure img{border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
body.page-anli-canyin .cy-figure figcaption{margin-top:10px;font-size:13px;color:var(--c-muted)}
body.page-anli-canyin .cy-need{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
body.page-anli-canyin .cy-need li{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:22px;box-shadow:var(--shadow-card);
}
body.page-anli-canyin .cy-need h3{font-size:17px;margin-bottom:6px;color:var(--c-pink-400)}
body.page-anli-canyin .cy-need p{font-size:14px}

/* ---------- 门店卷轴 ---------- */
body.page-anli-canyin .store-card{
  width:264px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-card);
  border-top:4px solid var(--c-pink-400);
}
body.page-anli-canyin .store-no{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--c-pink-400)}
body.page-anli-canyin .store-card h3{font-size:17px;margin:8px 0 6px}
body.page-anli-canyin .store-card p{font-size:13px;color:var(--c-muted)}

/* ---------- 加盟路径 ---------- */
body.page-anli-canyin .join-flow{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px;
}
body.page-anli-canyin .join-flow li{
  background:var(--c-bg-pink);border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:24px 18px 20px;
}
body.page-anli-canyin .join-no{
  display:inline-flex;width:36px;height:36px;border-radius:50%;
  background:var(--grad-main);color:#fff;font-weight:800;align-items:center;justify-content:center;
}
body.page-anli-canyin .join-flow h3{font-size:16px;margin:10px 0 6px}
body.page-anli-canyin .join-flow p{font-size:13px;color:var(--c-muted)}

/* ---------- 亮点 + 数据 ---------- */
body.page-anli-canyin .cy-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.page-anli-canyin .cy-card{
  background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:22px;
}
body.page-anli-canyin .cy-card h3{font-size:16.5px;margin-bottom:6px}
body.page-anli-canyin .cy-card p{font-size:13.5px}
body.page-anli-canyin .cy-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
body.page-anli-canyin .cstat-cell{
  background:var(--grad-dark);border-radius:var(--radius-md);padding:28px 18px;text-align:center;
}
body.page-anli-canyin .cstat-cell strong{
  display:block;font-size:clamp(24px,2.8vw,34px);font-weight:800;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.page-anli-canyin .cstat-cell span{font-size:13px;color:#C9BBD3}

/* ---------- 评价 ---------- */
body.page-anli-canyin .quote-box{
  max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-lg);padding:40px 44px 34px;box-shadow:var(--shadow-soft);
  border-left:5px solid var(--c-pink-400);
}
body.page-anli-canyin .quote-box blockquote p{font-size:16.5px;color:var(--c-ink);line-height:2}
body.page-anli-canyin .quote-by{margin-top:18px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
body.page-anli-canyin .quote-by strong{color:var(--c-pink-400)}
body.page-anli-canyin .quote-by span{font-size:13px;color:var(--c-muted)}

/* ---------- 相关案例 ---------- */
body.page-anli-canyin .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-anli-canyin .rel-item{
  display:flex;flex-direction:column;gap:8px;background:var(--c-bg-soft);
  border:1px solid var(--c-line);border-radius:var(--radius-md);padding:22px 24px;
  font-weight:700;color:var(--c-ink);font-size:16px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
body.page-anli-canyin .rel-item span{font-size:13px;font-weight:500;color:var(--c-purple-400)}
body.page-anli-canyin .rel-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}

/* ---------- 底部 CTA ---------- */
body.page-anli-canyin .cta-box{
  background:linear-gradient(135deg,#FDF3F0 0%,#F6F2FE 100%);
  border:1px solid var(--c-line);border-radius:var(--radius-lg);
  padding:56px 32px;text-align:center;
}
body.page-anli-canyin .cta-box p{max-width:640px;margin:14px auto 0}
body.page-anli-canyin .cta-note{margin-top:16px;font-size:13px;color:var(--c-muted)}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  body.page-anli-canyin .menu-board{grid-template-columns:1fr}
  body.page-anli-canyin .join-flow{grid-template-columns:repeat(3,1fr)}
  body.page-anli-canyin .cy-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  body.page-anli-canyin .cy-bg{grid-template-columns:1fr;gap:28px}
  body.page-anli-canyin .cy-need{grid-template-columns:1fr}
  body.page-anli-canyin .cy-stat{grid-template-columns:repeat(2,1fr)}
  body.page-anli-canyin .rel-grid{grid-template-columns:1fr}
  body.page-anli-canyin .quote-box{padding:34px 22px 26px}
}
@media (max-width:560px){
  body.page-anli-canyin .join-flow{grid-template-columns:1fr}
  body.page-anli-canyin .cy-cards{grid-template-columns:1fr}
  body.page-anli-canyin .store-card{width:232px}
}