/* 回客 HuiKe 示範店家：示範標示 + 三種產業配色（覆寫 main.css 的主題變數） */
.demo-ribbon{position:relative;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;
  padding:7px 14px;background:#1d1b1f;color:#fff;font-size:12.5px;line-height:1.5;text-align:center}
.demo-ribbon b{background:#ffd166;color:#1d1b1f;border-radius:999px;padding:1px 9px;font-size:12px;letter-spacing:.04em}
.demo-ribbon a{color:#ffd166;text-decoration:underline;text-underline-offset:2px}
.demo-foot{font-size:12px;line-height:1.6;max-width:520px;margin-left:auto;margin-right:auto}
.shopcard-bg::before{display:none!important}

/* 美甲：霧粉 × 莓果 */
.demo-nail{--ink:#3a2231;--ink-2:#5a3a4c;--accent:#d4869f;--accent-d:#a8566f;--accent-l:#fbeff3;--accent-soft:#f3d9e2;
  --bg:#fbf4f6;--bg-2:#f4e6eb;--card:#fffafc;--text:#3a2c33;--muted:#8d7480;--line:#efdde4;
  --gold-line:linear-gradient(90deg,transparent,rgba(212,134,159,.55),transparent);
  --metal:linear-gradient(135deg,#e7a3b8 0%,#d4869f 45%,#a8566f 100%)}
.demo-nail .shopcard-bg{background:
  radial-gradient(circle at 85% 18%,rgba(255,214,228,.55) 0 9%,transparent 10%),
  radial-gradient(circle at 92% 58%,rgba(231,163,184,.45) 0 6%,transparent 7%),
  radial-gradient(circle at 74% 78%,rgba(255,255,255,.18) 0 4%,transparent 5%),
  linear-gradient(150deg,#2a1622 0%,#4a2a3c 45%,#7a4660 100%)}

/* 美睫：夜藍 × 薰衣草 */
.demo-lash{--ink:#1e2340;--ink-2:#353b62;--accent:#8f87d9;--accent-d:#5f57b0;--accent-l:#f1f0fb;--accent-soft:#dedcf5;
  --bg:#f5f5fb;--bg-2:#e9e8f5;--card:#fdfdff;--text:#2b2d3d;--muted:#787a93;--line:#e1e0ef;
  --gold-line:linear-gradient(90deg,transparent,rgba(143,135,217,.55),transparent);
  --metal:linear-gradient(135deg,#aaa3ea 0%,#8f87d9 45%,#5f57b0 100%)}
.demo-lash .shopcard-bg{background:
  repeating-linear-gradient(100deg,transparent 0 22px,rgba(255,255,255,.05) 22px 23px),
  radial-gradient(ellipse at 80% 0%,rgba(170,163,234,.45),transparent 60%),
  linear-gradient(160deg,#121630 0%,#232a52 55%,#3b3f78 100%)}

/* 紋繡：墨色 × 赭土 */
.demo-brow{--ink:#2a211c;--ink-2:#4a3a30;--accent:#b07a55;--accent-d:#86553a;--accent-l:#f8f0e9;--accent-soft:#ecdccd;
  --bg:#f7f1ea;--bg-2:#eee3d7;--card:#fffcf8;--text:#2f2722;--muted:#857467;--line:#e7dacd;
  --gold-line:linear-gradient(90deg,transparent,rgba(176,122,85,.55),transparent);
  --metal:linear-gradient(135deg,#c99673 0%,#b07a55 45%,#86553a 100%)}
.demo-brow .shopcard-bg{background:
  radial-gradient(ellipse 60% 22% at 78% 30%,rgba(0,0,0,.28),transparent 70%),
  radial-gradient(ellipse 45% 14% at 82% 30%,rgba(201,150,115,.35),transparent 70%),
  linear-gradient(150deg,#17110d 0%,#2e231c 50%,#4d3a2c 100%)}
.app[class*="demo-"] .shopcard-name{font-size:clamp(1.3rem,5.6vw,1.9rem);word-break:keep-all;overflow-wrap:anywhere;line-height:1.45}