/* 炼策AI 共享弹层模块（lian.html / ai.html 双端统一）——冷启动引导 / 邀请炼友 / 使用指南
 * 变量全部自包含在 #sheet 上（--lf-*），不依赖宿主页面主题，两页视觉绝对一致。
 * 2026-10-07 统一改造：对外推广主入口 = APK壳 → ai.html，功能两页共用本模块。 */
#sheet{
  --lf-bg:#f8f5ee; --lf-card:#ffffff; --lf-card2:#faf7ee;
  --lf-border:rgba(138,106,37,.16); --lf-ink:#262219; --lf-ink2:#635c4d; --lf-ink3:#9a9280;
  --lf-accent:#a17c2c; --lf-accent2:#7c5f22; --lf-soft:rgba(161,124,44,.08);
  --lf-gold-grad:linear-gradient(135deg,#d0ac55,#8f6f28);
  --lf-sab:env(safe-area-inset-bottom,0px);
  position:fixed; inset:0; z-index:900; background:rgba(38,34,25,.5); backdrop-filter:blur(3px);
  display:none; align-items:flex-end; justify-content:center;
}
#sheet.on{display:flex}
#sheetBox{background:var(--lf-bg); width:100%; max-width:560px; max-height:86dvh; overflow-y:auto;
  border-radius:22px 22px 0 0; padding:20px 18px calc(18px + var(--lf-sab)); position:relative;
  animation:sheetUp .28s cubic-bezier(.2,.8,.25,1); color:var(--lf-ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
@keyframes sheetUp{from{transform:translateY(40px);opacity:.4}to{transform:translateY(0);opacity:1}}
#sheetBox .sh-x{position:absolute; top:12px; right:14px; width:30px; height:30px; border-radius:50%;
  background:var(--lf-soft); color:var(--lf-ink2); font-size:14px; line-height:30px; text-align:center; cursor:pointer}
#sheetBox h3{font-size:17px; margin-bottom:4px; color:var(--lf-ink)}
#sheetBox .sh-sub{font-size:12.5px; color:var(--lf-ink3); margin-bottom:14px}
.lf-ob-step{display:none}
.lf-ob-step.on{display:block}
.lf-ava{width:54px; height:54px; border-radius:50%; border:2.5px solid #e5cf96; object-fit:cover; margin-bottom:8px}
.lf-chipwrap{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 4px}
.lf-chip{padding:8px 14px; border-radius:999px; border:1px solid var(--lf-border); background:var(--lf-card);
  font-size:13.5px; color:var(--lf-ink2); cursor:pointer; transition:all .15s}
.lf-chip.on{background:linear-gradient(135deg,rgba(208,172,85,.18),rgba(143,111,40,.08));
  border-color:rgba(161,124,44,.55); color:var(--lf-accent2); font-weight:700}
.lf-stock{display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px;
  border:1px solid var(--lf-border); background:var(--lf-card); margin-bottom:7px; cursor:pointer; font-size:13.5px}
.lf-stock.on{border-color:rgba(161,124,44,.55); background:linear-gradient(135deg,rgba(208,172,85,.12),transparent)}
.lf-stock .ck{width:18px; height:18px; border-radius:50%; border:1.5px solid var(--lf-border);
  display:flex; align-items:center; justify-content:center; font-size:11px; color:#fff; flex:none}
.lf-stock.on .ck{background:var(--lf-gold-grad); border-color:transparent}
.lf-go{display:block; width:100%; margin-top:14px; background:var(--lf-gold-grad); color:#fffdf9; border:none;
  border-radius:999px; padding:13px; font-size:15px; font-weight:700; cursor:pointer}
.lf-skip{display:block; text-align:center; margin-top:10px; font-size:12.5px; color:var(--lf-ink3); cursor:pointer}
.lf-dots{display:flex; gap:5px; justify-content:center; margin:12px 0 2px}
.lf-dots i{width:6px; height:6px; border-radius:50%; background:var(--lf-border)}
.lf-dots i.on{background:var(--lf-accent); width:16px; border-radius:3px}
.lf-gd{display:flex; gap:11px; padding:11px 2px; border-bottom:1px dashed var(--lf-border); font-size:13.5px}
.lf-gd:last-of-type{border-bottom:none}
.lf-gd .gi{font-size:21px; flex:none; width:30px; text-align:center}
.lf-gd b{display:block; color:var(--lf-ink); margin-bottom:2px}
.lf-gd p{color:var(--lf-ink2); font-size:12.5px; line-height:1.55; margin:0}
.lf-code{font-size:26px; letter-spacing:6px; font-weight:800; color:var(--lf-accent2); text-align:center;
  padding:14px; border:1.5px dashed rgba(161,124,44,.45); border-radius:14px; background:var(--lf-card2);
  margin:10px 0; cursor:pointer}
.lf-url{font-size:12px; color:var(--lf-ink2); word-break:break-all; background:var(--lf-card2);
  border-radius:10px; padding:9px 11px; margin-bottom:10px}
.lf-stats{display:flex; gap:8px; margin:12px 0}
.lf-stats div{flex:1; text-align:center; background:var(--lf-card); border:1px solid var(--lf-border);
  border-radius:12px; padding:9px 4px}
.lf-stats b{display:block; font-size:17px; color:var(--lf-accent2)}
.lf-stats span{font-size:11px; color:var(--lf-ink3)}
#sheet .lf-qrbox{text-align:center; margin:6px 0 4px}
#sheet .lf-qrbox img{width:148px; height:148px; border-radius:12px; border:1px solid var(--lf-border); background:#fff}

/* ---------- v1.9.6 邀请海报（品牌化 · 长按保存） ---------- */
#sheet .lf-pwrap{text-align:center; margin:4px 0 2px}
#sheet .lf-poster{width:100%; max-width:340px; border-radius:16px;
  border:1px solid rgba(161,124,44,.35); box-shadow:0 6px 22px rgba(138,106,37,.14); display:block; margin:0 auto}
#sheet .lf-ptip{font-size:11.5px; color:var(--lf-accent); margin-top:7px; letter-spacing:.5px}
