/* ══════════════════════════════════════════════════════════════
   全站通用图标渲染
   ══════════════════════════════════════════════════════════════
   后台「网站管理」里每个 icon 字段都能填两种东西：
     · 图片路径  /data/asset/icons/payment/icon-alipay.svg
     · emoji     💎

   site.js 的 iconImg() 负责把两者分别渲染成 <img> / <span>，
   统一挂上 .si-img / .si-emoji 两个类，样式全部收在这里。

   ⚠️ 之前每个页面各写各的（esc(icon) 当纯文本），
      导致后台配好的图片在官网显示成一长串路径文字。
   ══════════════════════════════════════════════════════════════ */

/* 图片图标 */
.si-img{
  object-fit:contain;vertical-align:middle;display:inline-block;
  max-width:100%;
  background:repeating-conic-gradient(rgba(255,255,255,.05) 0 25%,transparent 0 50%) 50%/8px 8px;
  border:1px solid var(--line2);border-radius:2px;
}
/* emoji / 文字图标 */
.si-emoji{line-height:1;display:inline-block;vertical-align:middle}
/* 图片加载失败的降级标记 —— 让人知道填了什么，而不是一片空白 */
.si-broken{
  display:inline-grid;place-items:center;vertical-align:middle;
  color:var(--txt3);border:1px dashed var(--line2);border-radius:2px;
  background:rgba(0,0,0,.25);
}

/* ── 各容器的适配 ────────────────────────────────────────── */

/* 首页「服务器规则」摘要 */
.zi-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;margin-right:1px}

/* 游戏设置页 */
.gs-item .ico{
  font-size:17px;flex:none;
  width:26px;height:24px;
  display:flex;align-items:center;justify-content:center;
}
.gs-item .ico .si-img{width:20px;height:20px}
.gs-item .ico .si-emoji{font-size:17px}

/* 排行榜 tab */
.rank-tabs button{display:inline-flex;align-items:center;gap:5px}
.rank-tabs button .si-img{width:14px;height:14px;border-color:transparent;background:none}
.rank-tabs button .si-emoji{font-size:13px}
.rank-tabs button.on .si-img{border-color:var(--gold-dim)}

/* 我的账号 */
.acc-card .acc-ico{
  font-size:20px;flex:none;
  width:26px;height:26px;
  display:inline-flex;align-items:center;justify-content:center;
}
.acc-card .acc-ico .si-img{width:24px;height:24px}
.acc-card .acc-ico .si-emoji{font-size:20px}

/* 转盘 */
.lot-hd .ico{
  font-size:26px;flex:none;
  width:30px;height:30px;
  display:inline-flex;align-items:center;justify-content:center;
}
.lot-hd .ico .si-img{width:28px;height:28px}
.lot-hd .ico .si-emoji{font-size:26px}
.lot-prize .pi{
  flex:none;width:20px;height:20px;
  display:inline-flex;align-items:center;justify-content:center;
}
.lot-prize .pi .si-img{width:18px;height:18px}
.lot-prize .pi .si-emoji{font-size:15px}

/* 积分商城 */
.srv-card .ico{
  font-size:26px;margin-bottom:10px;opacity:.85;
  height:32px;
  display:flex;align-items:center;justify-content:center;
}
.srv-card .ico .si-img{width:30px;height:30px}
.srv-card .ico .si-emoji{font-size:26px}

/* 积分任务 */
.quest .qi{
  font-size:22px;flex:0 0 auto;
  width:28px;height:28px;
  display:inline-flex;align-items:center;justify-content:center;
}
.quest .qi .si-img{width:26px;height:26px}
.quest .qi .si-emoji{font-size:22px}

/* 支付渠道 / 充值档位 */
.pay-chan-ico{
  display:block;font-size:21px;margin-bottom:5px;
  height:24px;display:flex;align-items:center;justify-content:center;
}
.pay-chan-ico .si-img{width:22px;height:22px}
.pay-chan-ico .si-emoji{font-size:21px}
.pay-prod-ico{
  font-size:23px;margin-bottom:7px;opacity:.9;
  height:34px;display:flex;align-items:center;justify-content:center;
}
.pay-prod-ico .si-img{width:32px;height:32px}
.pay-prod-ico .si-emoji{font-size:23px}

/* 客服工单弹窗标题 */
.si-desk-ico{margin-right:6px;vertical-align:-2px}
.si-desk-ico.si-img{border-color:transparent;background:none}

/* 充值档位里的「赠送道具」图标 */
.pay-gift-ico{width:18px;height:18px;object-fit:contain;vertical-align:middle;
  border:1px solid var(--line2);border-radius:2px}
.pay-prod-gift .si-img{width:18px;height:18px;vertical-align:middle;
  border:1px solid var(--line2);border-radius:2px}
.pay-prod-gift .si-emoji{font-size:15px;vertical-align:middle}

/* 下载中心（原本就是 <img>，统一一下边框与降级） */
.dl-ico .si-img{width:34px;height:34px;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}
.dl-ico .si-emoji{font-size:30px;line-height:1}