/* 公共样式：前台展示页 */
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }

body {
  font-family:-apple-system,"PingFang SC",sans-serif;
  background:linear-gradient(180deg,#2b4cd8 0%,#1e3aa8 100%);
  min-height:100vh;
  padding:8px 0 76px;
}

.banner {
  margin:0 10px 10px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.35);
  border-radius:12px;
  padding:12px 8px;
  text-align:center;
}
.banner .l1 { font-size:17px; line-height:1.5; font-weight:700; color:#ffffff; }

.mid {
  text-align:center;
  padding:30px 0 24px;
  font-size:68px;
  font-weight:800;
  letter-spacing:10px;
  color:#ffffff;
  text-shadow:0 2px 18px rgba(0,0,0,.25);
}

.grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 10px; }

.card { background:#fff; border-radius:12px; padding:6px; box-shadow:0 6px 18px rgba(0,20,80,.25); }
.card img, .card svg { width:100%; border-radius:8px; display:block; user-select:none; -webkit-user-select:none; }
.card .cap {
  font-size:16px;
  font-weight:800;
  color:#1a2233;
  text-align:center;
  padding:3px 0 2px;
}

.next {
  position:fixed; left:0; right:0; bottom:0;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(to top, #1e3aa8 70%, transparent);
}
.next button {
  width:100%; border:0; border-radius:14px; padding:15px;
  font-size:17px; font-weight:700;
  color:#1e3aa8; background:#ffd54a;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  touch-action:manipulation;
}
.next button:active { transform:scale(.97); }