/* 布局：宣纸长页；首屏大标题 + 手机里演一遍微信家族群，下半屏贴材料出证据卡；单一浅色世界 */
@font-face {
  font-family: "MaShanZheng";
  src: url("/fonts/mashanzheng.woff2") format("woff2");
  font-display: swap;
}
:root {
  --paper: #f3ead8;
  --paper-2: #ebdfc6;
  --ink: #4a3426;
  --ink-2: #7a6250;
  --line: #dccdb0;
  --sky: #2f8fd3;
  --sky-ink: #ffffff;
  --f-brush: "MaShanZheng", "STKaiti", "KaiTi", serif;
  --f-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--f-body);
  font-size: 15px;
  -webkit-text-size-adjust: 100%;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
img { max-width: 100%; }
[hidden] { display: none !important; }
button { font: inherit; }
.wrap { max-width: 1040px; margin: 0 auto; }
h1, h2 { font-family: var(--f-brush); font-weight: 400; margin: 0; text-wrap: balance; color: var(--ink); }
h1 { font-size: clamp(46px, 8vw, 88px); line-height: 1.1; }
h2 { font-size: clamp(32px, 5vw, 54px); line-height: 1.2; }
:focus-visible { outline: 2px solid var(--sky); outline-offset: 3px; }

/* ---------- 钱包状态 ---------- */
.topbar { display: flex; justify-content: flex-end; padding-top: max(14px, env(safe-area-inset-top, 0px)); }
.wallet {
  border: 1px solid var(--line); background: transparent; color: var(--ink-2);
  border-radius: 999px; padding: 7px 14px; font-size: 13px; cursor: pointer;
  font-variant-numeric: tabular-nums;
}
.wallet:hover { border-color: var(--ink-2); color: var(--ink); }

/* ---------- 证据卡：给长辈看，字大、暖、印章 ---------- */
.pc {
  --c-paper: #fffaf0; --c-head: #fbe6cf; --c-ink: #3f2a1d; --c-ink2: #7d6452; --c-line: #e6d6bd;
  --c-red: #c23b2b; --c-orange: #d0731c; --c-green: #3f8a4a; --c-gray: #8a7f74;
  font-size: 16px; width: 21em; background: var(--c-paper); color: var(--c-ink);
  border-radius: 0.9em; overflow: hidden; font-family: var(--f-body); line-height: 1.45;
  text-align: left;
}
.pc-head { background: var(--c-head); padding: 0.85em 1.1em; font-size: 1.28em; font-weight: 700; }
.pc-main { padding: 1em 1.1em 0.4em; display: flex; flex-direction: column; gap: 0.75em; position: relative; }
.pc-claim { font-size: 1.05em; color: var(--c-ink2); padding-right: 5em; }
.pc-stamp {
  position: absolute; top: 0.55em; right: 0.9em; font-size: 1.32em; font-weight: 900; letter-spacing: 0.08em;
  color: var(--stamp); border: 0.2em double var(--stamp); border-radius: 0.25em; padding: 0.08em 0.35em;
  transform: rotate(-9deg); background: rgba(255, 250, 240, 0.7);
}
.pc-truth { font-size: 1.42em; font-weight: 800; line-height: 1.35; }
.pc-ev { display: flex; flex-direction: column; gap: 0.7em; padding: 0.8em 0; border-top: 1px dashed var(--c-line); border-bottom: 1px dashed var(--c-line); }
.pc-ev-item { display: flex; flex-direction: column; gap: 0.3em; }
.pc-ev-top { display: flex; gap: 0.5em; align-items: baseline; }
.pc-tag { flex: none; font-size: 0.78em; font-weight: 700; color: #fff; background: var(--c-ink2); border-radius: 0.3em; padding: 0.1em 0.45em; }
.pc-point { font-weight: 700; font-size: 1.02em; }
.pc-quote { margin: 0; padding-left: 0.7em; border-left: 0.2em solid var(--c-line); color: var(--c-ink); font-size: 0.95em; }
.pc-src { font-size: 0.82em; color: var(--c-ink2); }
.pc-advice { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.3em; font-size: 1.08em; }
.pc-warm { font-size: 1.08em; font-weight: 700; color: var(--c-red); }
.pc-foot { display: flex; align-items: center; gap: 0.7em; margin: 0.4em 1.1em 0; padding: 0.7em 0 0.9em; border-top: 1px dashed var(--c-line); font-size: 0.9em; color: var(--c-ink2); }
.pc-foot img { width: 3.6em; height: 3.6em; display: block; image-rendering: pixelated; border-radius: 0.2em; }
.pc-brand { font-weight: 700; letter-spacing: 0.06em; }