.home-body {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #2563eb 100%);
  min-height: 100vh;
}
.home-page {
  min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 32px 24px; text-align: center; color: #fff;
}
.home-logo {
  width: 72px; height: 72px; border-radius: 18px; background: rgba(255, 255, 255, .14);
  display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;
}
.home-logo svg { width: 38px; height: 38px; }
.home-hero h1 { font-size: 30px; letter-spacing: 3px; }
.home-hero p { color: rgba(255, 255, 255, .75); margin-top: 10px; font-size: 15px; }
.home-cards { display: flex; gap: 24px; margin-top: 46px; flex-wrap: wrap; justify-content: center; }
.version-card {
  width: 280px; background: #fff; color: var(--text); border-radius: 18px; padding: 30px 22px 26px;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .28); transition: transform .2s, box-shadow .2s; border: 2px solid transparent;
}
.version-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(0, 0, 0, .34); border-color: rgba(255, 255, 255, .9); }
.vc-icon {
  width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center;
  background: var(--primary-bg); color: var(--primary); margin-bottom: 8px;
}
.vc-icon svg { width: 30px; height: 30px; }
.version-card[data-ver="mobile"] .vc-icon { background: var(--success-bg); color: var(--success); }
.vc-name { font-size: 19px; font-weight: 700; }
.vc-desc { color: var(--muted); font-size: 13px; }
.vc-enter {
  margin-top: 14px; padding: 9px 34px; border-radius: 24px; background: var(--primary);
  color: #fff; font-size: 14px; transition: opacity .15s;
}
.version-card[data-ver="mobile"] .vc-enter { background: var(--success); }
.version-card:hover .vc-enter { opacity: .88; }
.home-foot { margin-top: 36px; color: rgba(255, 255, 255, .55); font-size: 13px; }

@media (max-width: 620px) {
  .home-hero h1 { font-size: 24px; }
  .home-cards { gap: 16px; margin-top: 32px; }
  .version-card { width: 300px; max-width: 100%; }
}