/* ============================================================
   base.css
   重置 · body · .page 容器与桌面端外框
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box}
body{
  min-height:100%;
  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
  display:flex;
  justify-content:center;
}

/* ---------- 页面容器：移动端满屏，桌面端居中一列 ---------- */
.page{
  position:relative;
  width:100%;
  max-width:430px;
  display:flex;
  flex-direction:column;
  overflow-x:clip;
  background:var(--bg);
}

/* ---------- 首屏：防伪查询（锁定一屏高） ---------- */
.screen{
  position:relative;
  width:100%;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--bg);
}
@media (min-width:520px){
  body{background:#050506}
  .page{
    border-left:1px solid rgba(255,255,255,.045);
    border-right:1px solid rgba(255,255,255,.045);
    box-shadow:0 0 90px rgba(0,0,0,.9);
  }
}