/* ============================================================
   solution-food.css — 食品行业方案页
   双账本对照 + 不对称车间画廊 + 深色三栏做法 + 案例三卡 + CTA
   ============================================================ */

/* ---------- 双账本对照 ---------- */
.sfood-pain{background:var(--white)}
.sfood-ledger{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sfood-ledger-col{
  border:1px solid var(--line);border-radius:16px;padding:32px 30px;
  background:var(--mist);
}
.sfood-ledger-col h3{font-size:20px;margin-bottom:16px}
.sfood-ledger-col ul{list-style:none}
.sfood-ledger-col li{
  position:relative;padding:9px 0 9px 26px;font-size:14px;line-height:1.85;color:var(--ink-2);
  border-bottom:1px dashed var(--line);
}
.sfood-ledger-col li:last-child{border-bottom:0}
.sfood-ledger-col li::before{
  content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;
  background:var(--gold);transform:rotate(45deg);
}
.sfood-ledger-dark{background:var(--ink);border-color:rgba(217,190,133,.3)}
.sfood-ledger-dark h3{color:#fff}
.sfood-ledger-dark li{color:#C9C6BC;border-color:rgba(217,190,133,.2)}
.sfood-ledger-note{
  max-width:860px;margin:36px auto 0;text-align:center;font-size:14.5px;
  line-height:2;color:var(--gray);
}

/* ---------- 不对称车间画廊 ---------- */
.sfood-gallery{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
.sfood-shot{
  position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft);
}
.sfood-shot img{width:100%;height:230px;object-fit:cover;transition:transform .6s ease}
.sfood-shot:hover img{transform:scale(1.05)}
.sfood-shot figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:26px 18px 12px;
  background:linear-gradient(180deg,transparent,rgba(20,22,26,.82));
  color:#F0EBDD;font-size:13px;letter-spacing:1px;
}
.sfood-shot-big{grid-row:span 2}
.sfood-shot-big img{height:100%}
.sfood-gallery-points{
  margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
}
.sfood-gallery-points span{
  padding:9px 20px;border:1px solid var(--gold);border-radius:30px;
  font-size:13.5px;color:var(--gold-3);background:var(--white);
}

/* ---------- 深色三栏做法 ---------- */
.sfood-how{position:relative;overflow:hidden}
.sfood-how-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sfood-how-item{
  padding:32px 28px;border:1px solid rgba(217,190,133,.2);border-radius:14px;
  background:rgba(255,255,255,.03);transition:all .35s ease;
}
.sfood-how-item:hover{border-color:var(--gold-2);background:rgba(217,190,133,.07);transform:translateY(-5px)}
.sfood-how-item h3{color:#fff;font-size:19px;margin-bottom:12px}
.sfood-how-item p{font-size:14px;line-height:1.95;color:#B7B3A8}
.sfood-how-item a{color:var(--gold-2);border-bottom:1px dashed var(--gold-2)}

/* ---------- 案例三卡 ---------- */
.sfood-cases{background:var(--white)}
.sfood-case-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sfood-case{
  display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:var(--mist);transition:all .35s ease;
}
.sfood-case:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-2)}
.sfood-case img{width:100%;height:180px;object-fit:cover}
.sfood-case div{padding:20px 22px 22px}
.sfood-case span{
  display:inline-block;font-size:11.5px;letter-spacing:2px;color:var(--gold-3);
  border:1px solid var(--gold);padding:2px 10px;border-radius:20px;margin-bottom:10px;
}
.sfood-case h3{font-size:16.5px;line-height:1.6;margin-bottom:8px}
.sfood-case p{font-size:13px;color:var(--gray);line-height:1.85}

/* ---------- CTA ---------- */
.sfood-cta{
  background:linear-gradient(150deg,#2B2721,#201D18 60%,#1C1E23 100%);
  padding:90px 0;position:relative;overflow:hidden;
}
.sfood-cta::before{
  content:"";position:absolute;left:-60px;top:-60px;width:260px;height:260px;
  border:1px solid rgba(217,190,133,.22);transform:rotate(45deg);
}
.sfood-cta-inner{position:relative;max-width:840px}
.sfood-cta h2{color:#fff;font-size:32px;margin-bottom:18px}
.sfood-cta p{color:#C9C2B2;font-size:15px;line-height:2}
.sfood-cta a{color:var(--gold-2);border-bottom:1px dashed var(--gold-2)}
.sfood-cta-actions{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 14px}
.sfood-cta .btn-line{color:#E9E3CD;border-color:rgba(217,190,133,.45)}
.sfood-cta .btn-line:hover{border-color:var(--gold-2);color:#fff;background:rgba(217,190,133,.12)}
.sfood-cta-note{font-size:13.5px;color:#9A968C}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .sfood-ledger{grid-template-columns:1fr}
  .sfood-gallery{grid-template-columns:1fr}
  .sfood-shot-big{grid-row:auto}
  .sfood-shot-big img{height:230px}
  .sfood-how-cols{grid-template-columns:1fr;gap:18px}
  .sfood-case-row{grid-template-columns:1fr;gap:18px}
}
@media (max-width:640px){
  .sfood-cta h2{font-size:24px}
}