:root {
  --primary: #ff4544;
  --text: #333;
  --muted: #999;
  --bg: #fff;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.page { max-width: 480px; margin: 0 auto; min-height: 100vh; }
.page.has-tabbar { padding-bottom: calc(50px + var(--safe-bottom)); }
.topbar {
  position: sticky; top: 0; z-index: 10; height: 44px; display: flex; align-items: center; justify-content: center;
  background: #fff; border-bottom: 1px solid #f0f0f0; font-size: 16px; font-weight: 600;
}
.topbar .back {
  position: absolute; left: 12px; top: 0; height: 44px; display: flex; align-items: center;
  text-decoration: none; color: var(--text); font-size: 14px; font-weight: 400;
}
.topbar .title { flex: 1; text-align: center; padding: 0 48px; }
.block img { width: 100%; height: auto; display: block; }
.img-link { display: block; text-decoration: none; }
.text-block { text-align: center; padding: 16px 10px 8px; }
.text-block h2 { font-size: 18px; font-weight: 600; }
.text-block .sub { margin-top: 6px; font-size: 13px; color: var(--muted); }
.hr { height: 1px; background: #000; margin: 10px; opacity: .08; }
.cube-grid { display: grid; grid-template-columns: 1fr 1fr; }
.cube-item img { width: 100%; display: block; }
.tabbar {
  position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 480px;
  height: calc(50px + var(--safe-bottom)); padding-bottom: var(--safe-bottom);
  background: #fff; border-top: 1px solid #eee; display: flex; z-index: 20;
}
.tab {
  flex: 1; border: 0; background: none; color: #666; font-size: 10px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  text-decoration: none; padding-top: 4px;
}
.tab.active { color: var(--primary); }
.tab .ico { width: 24px; height: 24px; object-fit: contain; display: block; }
.copyright {
  padding: 14px 12px 10px;
  text-align: center;
  font-size: 11px;
  color: #999;
  line-height: 1.7;
}
.copyright a { color: #999; text-decoration: none; }
.copyright .line { display: block; }