/* ── Frost 玩家面样式层(2026-07-08 开放平台改版 · L0 基座)──────────────
   叠加在 styles.css 之后,只服务玩家面新页(落地页/我的今天/后续认领页、名片卡、移民板)。
   旧页面不使用 fz-* 类,零回归。色板与统帅卡美术同调(设计文档 §2)。 */
:root {
  --fz-ink: #0A1420;
  --fz-panel: #111E2E;
  --fz-line: #1C3245;
  --fz-line-hi: #2A4A63;
  --fz-ice: #9FD8EF;
  --fz-ember: #F07F2D;
  --fz-ember-hi: #FFA75C;
  --fz-snow: #EAF4FA;
  --fz-dim: #8FA9BD; /* 2026-07-08 提对比:#7A93A8 在暗底不足 4.5:1(中年用户看不清=小作坊感) */
  --fz-ok: #6FCF97;
  --fz-gold: #E8C476;
}

/* 基础件(2026-07-08 质感修:面板加纵向渐变+顶缘高光,去平板感) */
.fz-panel {
  background: linear-gradient(180deg, #13212F, #0F1B29);
  border: 1px solid var(--fz-line);
  border-top-color: rgba(159, 216, 239, .22);
  border-radius: 13px;
  padding: 16px;
  box-shadow: 0 14px 28px -22px rgba(0, 0, 0, .8);
}
.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 rgba(111, 207, 151, .35);
  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, #FFA75C, #F07F2D);
  color: #26160A; font-weight: 700; font-size: 15.5px; letter-spacing: .06em;
  border: 1px solid rgba(255, 205, 150, .55); 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, #FFB877, #F8903F); }
.fz-btn-ghost {
  display: block; width: 100%; max-width: 420px; margin-left: auto; margin-right: auto;
  text-align: center; box-sizing: border-box;
  background: rgba(17, 30, 46, .45); color: #DCEEF7; font-weight: 600; font-size: 14px;
  letter-spacing: .04em;
  border: 1px solid rgba(159, 216, 239, .35); 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; }

/* 大字档(长辈模式,后续接开关;先给类) */
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 {
  /* 衬线只在苹果系生效;STZhongsong 兜 Windows,安卓静默回黑体(700 重,不糊) */
  font-family: "Songti SC", "STZhongsong", "Noto Serif CJK SC", "Noto Serif SC", serif;
  font-size: clamp(25px, 6.2vw, 32px); font-weight: 700; letter-spacing: .05em; margin: 0 0 8px;
}
.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: var(--fz-ice); 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: var(--fz-gold); }

.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: #C8DEEB; }

/* ── 我的今天(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; }
}