/* ===== 入口页共享样式 ===== */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system,'PingFang SC','Microsoft YaHei',sans-serif; }

.cards { display: flex; gap: 32px; flex-wrap: wrap; justify-content: center; }

.card {
  background: rgba(255,255,255,.05); backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.12); border-radius: 20px;
  padding: 36px 32px; width: 320px; text-align: center;
  transition: all .3s; cursor: pointer; text-decoration: none;
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.card:hover { transform: translateY(-6px); background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.25); box-shadow: 0 20px 60px rgba(0,0,0,.3); }

.card-icon { font-size: 56px; }
.card-type { font-size: 11px; color: rgba(255,255,255,.4); letter-spacing: 1px; text-transform: uppercase; }
.card-title { font-size: 20px; font-weight: 700; color: #fff; }
.card-desc { font-size: 13px; color: rgba(255,255,255,.55); line-height: 1.6; }

.card-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.tag { background: rgba(0,179,134,.2); color: #00d4aa; font-size: 11px; padding: 3px 10px; border-radius: 10px; border: 1px solid rgba(0,179,134,.3); }

.badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: #00b386; color: #fff; padding: 8px 20px; border-radius: 20px;
  font-size: 13px; font-weight: 600; margin-top: 4px;
}

.pc-card { border-top: 3px solid #00b386; }
.app-card { border-top: 3px solid #ffcc44; }
.app-card .badge { background: #e88c04; }
.app-card .tag { background: rgba(255,204,68,.15); color: #ffcc44; border-color: rgba(255,204,68,.3); }

.footer { margin-top: 48px; text-align: center; color: rgba(255,255,255,.3); font-size: 12px; }
.footer a { color: rgba(255,255,255,.4); text-decoration: none; }

.req-badge {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px; padding: 8px 14px; font-size: 11px; color: rgba(255,255,255,.4);
  margin-top: 4px;
}