:root {
  --bg: #0d0d0d;
  --accent: #00d1ff;
  --text: #fff;
  --font: 'Inter', system-ui, sans-serif;
}

html,body{height:100%;margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}

.hero{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-height:100vh;
  padding:2rem 1.5rem;
  background:url('public/bg-mobile.jpg') center/cover no-repeat;
  position:relative;
}
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}

.logo{width:100px;margin-bottom:1.5rem}

h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}
h2{font-size:1rem;font-weight:400;margin-bottom:2rem;opacity:.9}

.cta-group{display:flex;flex-direction:column;width:100%;gap:.75rem}
.btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.9rem 0;
  border-radius:.5rem;
  background:var(--accent);
  color:var(--bg);
  font-weight:700;
  text-decoration:none;
}
.btn img{width:18px;height:18px}

/* 追加在文件最底部 */
/* ===== 页面底部三链接：水平平铺 + 整体居中 ===== */
.footer {
  display: flex;
  justify-content: center;
  margin-top: 3rem;          /* 与按钮的间距，可自行微调 */
}

.footer-links {
  display: flex;
  gap: 2rem;                 /* 用户条款 | 隐私政策 | 技术支持 之间的间距 */
  font-size: 0.875rem;
}

.footer-links a {
  color: var(--text);
  opacity: 0.6;
  text-decoration: none;
}
.footer-links a:hover {
  opacity: 1;
}

/* 移动端间距略小 */
@media (max-width: 768px) {
  .footer-links {
    gap: 1.5rem;
  }
}