/* WE-WIN 案例详情 — shared stylesheet for every /cases/<slug>/ page (loads after ../../shared/site.css).
   Each detail page reuses its thumbnail from ../assets/ as the hero photo (same picture, no new assets) and
   picks its business gem with one class: .gem-food / .gem-air / .gem-lab. SCM pages (brand-origin lives under
   LAB, order-to-invoice-system is SCM × FRESH) use .gem-gold for a neutral gold field. */

.gem-food{--gem:var(--emerald)}
.gem-air {--gem:var(--sapphire)}
.gem-lab {--gem:var(--amethyst)}
.gem-gold{--gem:var(--gold-2)}

.lf-food{--lf:radial-gradient(260px 220px at 8% 10%,rgba(34,168,115,.22),transparent 70%),radial-gradient(240px 200px at 94% 70%,rgba(226,196,106,.13),transparent 70%)}
.lf-air {--lf:radial-gradient(260px 220px at 92% 12%,rgba(74,127,240,.26),transparent 70%),radial-gradient(240px 200px at 6% 70%,rgba(226,196,106,.13),transparent 70%)}
.lf-lab {--lf:radial-gradient(260px 220px at 8% 12%,rgba(160,106,224,.24),transparent 70%),radial-gradient(240px 200px at 94% 70%,rgba(226,196,106,.13),transparent 70%)}
.lf-gold{--lf:radial-gradient(260px 220px at 50% 10%,rgba(226,196,106,.16),transparent 70%)}

/* hero: the case thumbnail, landscape, masked the same way as a portrait hero */
.phero{--hero-ratio:16/10; --hero-card-at:.92;
  --hero-shade:linear-gradient(180deg,rgba(6,13,31,.35) 0,rgba(6,13,31,.05) 18%,rgba(6,13,31,.15) 48%,rgba(6,13,31,.65) 78%,var(--bg) 100%)}
.eyebrow span{display:flex;align-items:center;gap:8px}
.hero-card .tag{display:inline-block;margin-top:12px;font-size:11.5px;letter-spacing:.06em;padding:5px 10px;border-radius:999px;color:var(--tx);background:rgba(6,13,31,.5);border:1px solid rgba(226,196,106,.4)}

/* 问题 / 结果 summary strip under the hero */
.brief{display:grid;gap:10px}
.brief>*{padding:15px 16px;--g-r:18px}
.brief b{display:block;font-size:12px;font-weight:600;color:var(--gold-2);letter-spacing:.08em;margin-bottom:4px}
.brief p{color:var(--tx2)}

/* fact chips (reuses the same look as the case-card list) */
.facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.facts span{font-size:12px;line-height:1.4;padding:5px 9px;border-radius:999px;color:var(--tx);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}

/* disclosure note (anonymised / dramatised) */
.disclose{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:var(--tx2);line-height:1.7}

/* related case / back-to-library link */
.backlink{display:block;padding:16px 44px 16px 16px;--g-r:18px}
.backlink small{display:block;font-size:12.5px;color:var(--tx2)}
.backlink strong{display:block;font-family:var(--serif);font-size:16px;margin-top:2px}
.backlink::after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--tx2)}