/* ── Frost 玩家面样式层(2026-07-08 开放平台改版 · L0 基座)──────────────
   叠加在 styles.css 之后,只服务玩家面新页(落地页/我的今天/后续认领页、名片卡、移民板)。
   旧页面不使用 fz-* 类,零回归。色板与统帅卡美术同调(设计文档 §2)。 */
:root {
  /* --fz-ink / --fz-line-hi / --fz-ice / --fz-ember / --fz-ember-hi / --fz-snow / --fz-dim / --fz-gold 0908 起由 theme.css 按深浅两档给(旧名别名);
     这三个 theme.css 没有的旧名在此接到新令牌上 */
  --fz-panel: var(--card);
  --fz-line: var(--hair);
  --fz-ok: var(--ok);
}

/* 基础件(2026-07-08 质感修:面板加纵向渐变+顶缘高光,去平板感) */
.fz-panel {
  background: linear-gradient(180deg, var(--card), var(--well));
  border: 1px solid var(--fz-line);
  border-top-color: var(--hair);
  border-radius: 13px;
  padding: 16px;
  box-shadow: var(--card-shadow);
}
.fz-pe { font-size: 11px; letter-spacing: .12em; color: var(--fz-dim); font-weight: 600; margin: 0 0 6px; }
.fz-dim { color: var(--fz-dim); font-size: 13.5px; }
.fz-ice { color: var(--fz-ice); }
.fz-ok {
  font-size: 12px; color: var(--fz-ok);
  border: 1px solid var(--ok-line);
  border-radius: 999px; padding: 2px 10px; display: inline-block;
}
.fz-chip {
  font-size: 12.5px; color: var(--fz-ice);
  border: 1px solid var(--fz-line-hi); border-radius: 999px;
  padding: 4px 12px; display: inline-block;
}
/* 主/次按钮两件套(评审共识:删高光浮雕;桌面端限宽居中,通栏大香肠退役) */
.fz-btn {
  display: block; width: 100%; max-width: 420px; margin-left: auto; margin-right: auto;
  text-align: center; box-sizing: border-box;
  background: linear-gradient(180deg, var(--grad-a), var(--ember));
  color: var(--on-ember); font-weight: 700; font-size: 15.5px; letter-spacing: .06em;
  border: 1px solid var(--ember-line); border-radius: 11px; padding: 13px 16px; cursor: pointer;
  box-shadow: 0 8px 18px -10px rgba(224, 110, 31, .5);
  text-decoration: none;
}
.fz-btn:hover { background: linear-gradient(180deg, var(--ember-hi), var(--ember)); }
.fz-btn-ghost {
  display: block; width: 100%; max-width: 420px; margin-left: auto; margin-right: auto;
  text-align: center; box-sizing: border-box;
  background: var(--well-soft); color: var(--text-2); font-weight: 600; font-size: 14px;
  letter-spacing: .04em;
  border: 1px solid var(--line-hi); border-radius: 11px; padding: 10px 14px;
  cursor: pointer; text-decoration: none;
}
.fz-btn:focus-visible, .fz-btn-ghost:focus-visible { outline: 2px solid var(--fz-ice); outline-offset: 2px; }
.fz-micro { text-align: center; font-size: 13.5px; color: var(--fz-dim); margin-top: 6px; text-wrap: balance; }

/* 大字档(长辈模式,后续接开关;先给类) */
body.fz-zoom { font-size: 115%; }
body.fz-zoom .fz-btn { font-size: 18px; }

/* ── 落地页(landing.html) ── */
.fz-landing { max-width: 560px; margin: 0 auto; padding: 22px 16px 40px; display: flex; flex-direction: column; gap: 14px; }
.fz-hero { text-align: center; padding-top: 10px; }
.fz-hero h1 {
  /* 海外版阶段 3.0:英文衬线栈(原 宋体 / 华文中宋);没有衬线字体的系统回到 serif 缺省 */
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
  font-size: clamp(23px, 6.2vw, 32px); font-weight: 700; letter-spacing: .02em; margin: 0 0 8px;
  text-wrap: balance;   /* 海外版视觉优化 1008:英文标题手机宽要折行时两行均分,不剩一个孤词 */
}
.fz-hero p { color: var(--fz-dim); margin: 0; font-size: 14.5px; line-height: 1.6; }

.fz-minis { display: flex; justify-content: center; padding: 14px 0 6px; }
/* 样卡用真图缩略(T1/T4/T5 定稿),上下渐变座字——所见即所得的第一眼质感 */
.fz-mini {
  width: 100px; height: 138px; border-radius: 10px; padding: 9px;
  border: 1px solid rgba(159, 216, 239, .4);
  display: flex; flex-direction: column; justify-content: space-between;
  font-size: 10px; color: #ECF5FB;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .8);
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, .75);
  position: relative;
  background-size: cover; background-position: center top;
}
.fz-mini b { font-size: 11px; display: block; }
.fz-mini .lv { font-size: 9px; letter-spacing: .1em; color: #9FD8EF; font-weight: 700; }   /* 压真图,固定色 */
.fz-mini .pw { font-weight: 700; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.fz-mini-1 {
  background-image: linear-gradient(180deg, rgba(6, 12, 20, .5), rgba(6, 12, 20, 0) 38%, rgba(4, 9, 16, .85) 80%), url("card_bg/thumbs/T1.jpg");
  transform: rotate(-6deg) translateX(6px);
}
.fz-mini-2 {
  background-image: linear-gradient(180deg, rgba(6, 12, 20, .5), rgba(6, 12, 20, 0) 38%, rgba(4, 9, 16, .85) 80%), url("card_bg/thumbs/T4.jpg");
  z-index: 2; transform: translateY(-6px);
}
.fz-mini-3 {
  background-image: linear-gradient(180deg, rgba(6, 12, 20, .45), rgba(6, 12, 20, 0) 38%, rgba(4, 9, 16, .85) 80%), url("card_bg/thumbs/T5.jpg");
  transform: rotate(6deg) translateX(-6px); border-color: rgba(232, 196, 118, .55);
}
.fz-mini-3 .lv { color: #E8C476; }   /* 压真图,固定色 */

.fz-duo { display: flex; gap: 10px; }
.fz-duo .fz-panel { flex: 1; }
.fz-go { color: var(--fz-ice); font-weight: 700; font-size: 13px; margin-top: 8px; display: inline-block; text-decoration: none; }

.fz-hall { display: flex; align-items: center; gap: 10px; }
.fz-hall .t { font-size: 13px; color: var(--text); }

/* ── 新用户常驻内容(0924 · landing.html):示例成品 2×2 → 三步 + 领主档案小图 → 进小程序;与小程序联盟首屏同四块 ── */
.nc-samples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.nc-sample {
  position: relative; display: block; aspect-ratio: 3 / 2; max-width: 100%;   /* 5.5.0 缩略图 600×400 */
  border-radius: 12px; overflow: hidden; border: 1px solid var(--hair); background: var(--well);
  text-decoration: none;
}
.nc-sample img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
/* 角标与图说压在图上:固定深底白字(与 .fz-mini 压真图同一口径),两档主题都看得清 */
.nc-tag {
  position: absolute; top: 6px; right: 6px; font-size: 11px; line-height: 1.5; font-weight: 700;
  padding: 0 7px; border-radius: 999px; color: #fff; background: rgba(8, 16, 26, .72);
}
/* 0924 视觉复查:示例图底部就是密的小字,渐变压不住 → 图说改成一条实底条(与角标同一深底),两档主题都看得清 */
.nc-cap {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 10px;
  font-size: 13px; font-weight: 700; line-height: 1.35; color: #fff;
  background: rgba(8, 16, 26, .86); border-top: 1px solid rgba(255, 255, 255, .08);
}
.nc-steps ol { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; }
.nc-steps li { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--text); }
.nc-steps li b {
  flex: none; width: 24px; height: 24px; border-radius: 50%; display: inline-grid; place-items: center;
  font-size: 13px; color: var(--fz-ice); background: var(--well-soft); border: 1px solid var(--line-hi);
}
.nc-go { display: flex; align-items: center; gap: 12px; }
.nc-go .fz-btn { flex: 1; margin: 0; max-width: none; }
.nc-ref { flex: none; width: 58px; text-align: center; font-size: 11px; color: var(--fz-dim); text-decoration: none; }
.nc-ref img {
  display: block; width: 58px; height: 84px; margin-bottom: 3px; object-fit: cover; object-position: center bottom;
  border-radius: 8px; border: 1px solid var(--hair);
}
.nc-wxa { display: flex; align-items: center; gap: 14px; }
.nc-wxa img { flex: none; width: 88px; height: 88px; border-radius: 10px; background: #fff; padding: 4px; box-sizing: border-box; }
.nc-wxa b { font-size: 16px; color: var(--text); }
.nc-wxa .fz-pe { margin-bottom: 4px; }
.nc-trust { margin-top: 0; }
/* 0924 视觉复查:桌面宽不是窄带——示例四张一排,三步与小程序并排(手机仍是一列) */
.nc-duo { display: flex; flex-direction: column; gap: 14px; }
.nc-duo > .fz-panel { margin: 0; }
@media (min-width: 900px) {
  .fz-landing.nc-landing { max-width: 560px; }   /* 海外版视觉优化 1008:示例图与小程序码已删,只剩一列,桌面也收成一列宽(主按钮与候补按钮同宽对齐) */
  .nc-landing .nc-samples { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .nc-landing .nc-duo { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 14px; align-items: stretch; }
  .nc-landing .nc-wxa { flex-direction: column; justify-content: center; text-align: center; }
}

/* ── 候补名单(海外版阶段 7 准备 · landing.html #waitlist):一列表单,可选四项手机两列;蜜罐移出屏幕 ── */
.wl { scroll-margin-top: 72px; }
.wl-h { font-size: 16px; font-weight: 700; margin: 0 0 10px; color: var(--text); }
.wl-form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.wl-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 12.5px; font-weight: 600; color: var(--text-2); }
.wl-f .fz5-input { font-size: 15px; }
.wl-opt { font-size: 11px; letter-spacing: .08em; color: var(--fz-dim); margin-top: 2px; }
.wl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wl-go { margin-top: 4px; max-width: none; }
.wl-note { margin: 0; }
.wl-err { margin: 0; padding: 8px 10px; border-radius: 8px; font-size: 13.5px; color: var(--ember-text); background: var(--ember-bg); border: 1px solid var(--ember-line); }
.wl-done { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 600; color: var(--ok); }
.wl-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* ── 隐私政策 / 服务条款(海外版阶段 7 准备 · privacy.html / terms.html):窄栏长文排版 + 草稿标记 + 醒目占位符 ── */
/* 海外版视觉优化 1008:法律页容器原叫 .lg,和图标尺寸类 .fz-ico.lg 撞名 → 底栏图标被套上 18/16/48px 内边距、底栏撑到 105px 高且图标看不见;改名 .legal */
.legal { max-width: 720px; margin: 0 auto; padding: 18px 16px 48px; color: var(--text); font-size: 14.5px; line-height: 1.7; overflow-wrap: anywhere; }
.legal h1 { font-size: 24px; margin: 14px 0 6px; }
.legal h2 { font-size: 16px; margin: 22px 0 6px; color: var(--text); }
.legal p { margin: 0 0 8px; color: var(--text-2); }
.legal ul { margin: 0 0 8px; padding-left: 20px; color: var(--text-2); }
.legal li { margin: 0 0 6px; }
.legal a { color: var(--fz-ice); }
.lg-draft { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--ember-line); background: var(--ember-bg); color: var(--ember-text); font-size: 13px; }
.lg-draft b { font-size: 14px; letter-spacing: .04em; }
.lg-ph { background: var(--ember-bg); color: var(--ember-text); border: 1px dashed var(--ember-line); border-radius: 4px; padding: 0 4px; font-weight: 700; }

/* ── 我的今天(member_home.html) ── */
.fz-home { max-width: 560px; margin: 0 auto; padding: 18px 16px 40px; display: flex; flex-direction: column; gap: 12px; }
.fz-hi { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.fz-hi b { font-size: 20px; font-weight: 700; }
.fz-hi .fz-dim { display: block; margin-top: 2px; }
.fz-links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 4px; }
.fz-links a { font-size: 13px; color: var(--fz-ice); text-decoration: none; }

/* ── 移动端性能红线:小屏关掉雪花动画(3秒可见优先;设计文档 §2 手机优先) ── */
@media (max-width: 640px) {
  .snowfall { display: none; }
}