/* Huata landing:极简预告页,零依赖 */

:root {
  --accent: #F08A16;
  --accent-dark: #D97706;
  --ink: #26221C;
  --ink-soft: #8A8075;
  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI",
          system-ui, -apple-system, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: var(--font);
  color: var(--ink);
  background: #FDFCFA;
  -webkit-font-smoothing: antialiased;
}

.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 40px 24px;
  text-align: center;
}

.logo { border-radius: 18px; box-shadow: 0 8px 24px rgba(240, 138, 22, .18); }

h1 { font-size: 2rem; letter-spacing: .02em; }

.tagline { font-size: 1.15rem; }
.muted { color: var(--ink-soft); font-size: .95rem; }

.cta { display: flex; gap: 14px; margin-top: 18px; flex-wrap: wrap; justify-content: center; }

.btn {
  display: inline-block;
  border-radius: 10px;
  padding: 12px 30px;
  font-weight: 600;
  font-size: 1rem;
  border: 1.5px solid transparent;
  text-decoration: none;
  transition: transform .12s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary {
  background: linear-gradient(180deg, #FFA53D, var(--accent));
  color: #fff;
  box-shadow: 0 4px 14px rgba(240, 138, 22, .35);
}
.btn-primary:hover { background: linear-gradient(180deg, #FF9A25, var(--accent-dark)); }
.btn-ghost { border-color: #E8E1D6; color: var(--ink); background: #fff; }
.btn-ghost:hover { border-color: var(--accent); color: var(--accent-dark); }

.footer {
  margin-top: 48px;
  font-size: .88rem;
  color: var(--ink-soft);
  display: flex;
  gap: 10px;
  align-items: center;
}
.footer a { color: var(--ink-soft); text-decoration: none; }
.footer a:hover { color: var(--accent-dark); }