/* ============================================================
   05-home.css  主页：9个平台卡片网格
   卡片图片：images/card_1.png ~ card_9.png
   卡片链接：在 index.html 里改 <a class="go" href="..."> 里的网址
   ============================================================ */
.grid3 { display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.plat {
  position: relative;
  background: rgba(18,46,56,.8);
  border: 1px solid rgba(60,190,170,.3);
  border-radius: 16px;
  padding: 18px 10px 14px;
  text-align: center;
}
.plat .tag {
  position:absolute; top:-9px; right:8px;
  padding: 3px 10px; border-radius: 10px; font-size: 11px; font-weight:700; color:#fff;
}
.tag.hot { background: linear-gradient(90deg,#ff5a5a,#ff9a3c); }
.tag.rec { background: linear-gradient(90deg,#8b5cf6,#a855f7); }
.tag.off { background: linear-gradient(90deg,#0ea5e9,#2563eb); }
.plat .pic {
  width: 56px; height: 56px; border-radius: 50%; margin: 0 auto 10px;
  background: radial-gradient(circle at 30% 30%, #8a9ba6, #2c3e48);
  border: 2px solid rgba(255,255,255,.2);
  display:flex; align-items:center; justify-content:center; font-size:26px;
}
.plat .name { font-size: 13px; margin-bottom: 10px; color:#e8f4f1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.plat .go {
  display:block; width:100%; padding: 8px 0;
  border-radius: 12px; border:none; cursor:pointer;
  background: linear-gradient(90deg, #2bbfa8, #5b5bd0);
  color:#fff; font-size: 14px; font-weight:600;
  text-decoration:none; text-align:center;
}