/* ==========================================================================
   pages.css — 独立页面外壳：落地页 /lp/ · 404 · 关于页
                这几个页面不带站内导航/侧栏，是自成一套的整页版式，
                所以从 blocks.css 拆出来单列一层，避免通用区块层被撑爆。
   依赖：tokens.css / base.css / components.css / cards.css / blocks.css / aside.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   落地页 /lp/（无导航，供投放）
   -------------------------------------------------------------------------- */
.lp {
  max-width: 620px;
  margin-inline: auto;
  padding: var(--sp-7) var(--sp-4) var(--sp-8);
  text-align: center;
}
.lp .icon-big {
  width: 120px;
  height: 120px;
  margin: 0 auto var(--sp-4);
  border-radius: var(--r-icon);
  object-fit: cover;
  background: var(--bg-4);
}
.lp h1 { font-size: 25px; margin-bottom: var(--sp-2); }
.lp .lp-disc { margin-bottom: var(--sp-3); }
.lp .lp-sub { color: var(--acc-400); font-size: 15px; margin-bottom: var(--sp-5); }
.lp .btn { width: 100%; max-width: 380px; }
.lp .lp-desc {
  text-align: left;
  background: var(--bg-3);
  box-shadow: inset 0 0 0 1px var(--line);
  border-radius: var(--r-md);
  padding: var(--sp-4);
  margin: var(--sp-5) 0;
  font-size: 14.5px;
  color: var(--txt-2);
}
.lp .lp-qr { margin-top: var(--sp-6); }
.lp .lp-qr img {
  width: 120px;
  height: 120px;
  margin-inline: auto;
  padding: 5px;
  border-radius: var(--r-sm);
  background: #fff;
}
.lp .lp-qr p { color: var(--txt-3); font-size: 13px; margin-top: var(--sp-2); }
.lp .lp-pts { margin-top: var(--sp-5); display: flex; justify-content: center; }
.lp .lp-beian { margin-top: var(--sp-7); font-size: 12px; }
.lp .lp-beian a { color: var(--txt-3); }
.lp .lp-beian a:hover { color: var(--acc-400); }

/* --------------------------------------------------------------------------
   404
   -------------------------------------------------------------------------- */
.notfound { padding-block: var(--sp-9) var(--sp-8); text-align: center; }
.notfound .nf-code {
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  color: var(--acc-400);
  margin-bottom: var(--sp-3);
  font-variant-numeric: tabular-nums;
}
.notfound p { color: var(--txt-2); margin-bottom: var(--sp-6); }
.notfound .tags { justify-content: center; }

/* --------------------------------------------------------------------------
   关于页
   -------------------------------------------------------------------------- */
.about-links { margin-top: var(--sp-5); }