* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  min-height: 100vh;
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #3b82f6 100%);
  display: flex; align-items: center; justify-content: center;
  color: #fff;
}
.home-wrap { text-align:center; padding: 40px 20px; max-width: 900px; width:100%; }
.home-head { margin-bottom: 46px; }
.home-logo {
  width:76px; height:76px; margin: 0 auto 18px; border-radius: 20px;
  background: rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.3);
  display:flex; align-items:center; justify-content:center;
  font-size: 38px; font-weight: bold; backdrop-filter: blur(4px);
}
.home-head h1 { font-size: 34px; letter-spacing: 2px; margin-bottom: 10px; }
.home-sub { font-size: 15px; opacity:.85; }

.version-cards { display:flex; gap: 28px; justify-content:center; flex-wrap: wrap; }
.v-card {
  width: 300px; padding: 38px 26px 30px; border-radius: 18px;
  background: #fff; color:#1f2937; text-decoration:none;
  transition: transform .25s, box-shadow .25s; display:block;
}
.v-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,.25); }
.v-icon { font-size: 52px; margin-bottom: 14px; }
.v-name { font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.v-desc { font-size: 13px; color:#6b7280; line-height: 1.9; margin-bottom: 20px; min-height: 52px; }
.v-btn {
  display:inline-block; padding: 10px 26px; border-radius: 24px;
  color:#fff; font-size: 14px; font-weight: bold;
}
.v-card.pc .v-btn { background: #2563eb; }
.v-card.mobile .v-btn { background: #059669; }
.v-card.pc { border-top: 5px solid #2563eb; }
.v-card.mobile { border-top: 5px solid #059669; }

.home-tip { margin-top: 40px; font-size: 13px; opacity:.75; }
@media (max-width: 680px) {
  .home-head h1 { font-size: 26px; }
  .version-cards { gap: 18px; }
}