/* ============================================================
   彩色图标系统 —— 首页大卡片专用
   ★ 标题栏继续用单色线性图标（icons.js），首页大卡片改用这里的彩色图标
   ★ 全部自绘 SVG，带渐变填充，24×24 网格
   ★ 与洛克王国世界（WIKI 徽标：蓝紫星球 + 金色轨道）视觉呼应
   ============================================================ */

/* 彩色图标本体的盒子（在 .card 内由 styles.css 控制大小与布局） */
.ico-color {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

/* 登录门沿用彩色锁 */
.gate-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
}
.gate-icon svg { width: 30px; height: 30px; }