/* 装备图鉴 —— 卡片/档位表/稀有度配色(ta: Weapon/SpecialWeapon/Armor/Accessory/Glider) */

/* 稀有度官方配色:常见灰 / 少见绿 / 稀有蓝 / 史诗紫 / 传奇金 */
:root {
  --gear-r0: #9aa3ad;
  --gear-r1: #57c46a;
  --gear-r2: #4d9df2;
  --gear-r3: #b06cf0;
  --gear-r4: #ffcf4d;
}

/* 卡片上的档位徽标:有稀有度档(常见→传奇)的装备显示,颜色跟最高档。
   放左上——右上角是类别标签 .dex-no 的固有位置(身体防具/近战武器等四字),
   同放右上会相互遮挡 */
.gear-tiers-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  font-size: 10.5px;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 999px;
  color: #0e1f18;   /* 四种档色底上统一深字,对比度 5.3~7.9:1(AA) */
  font-weight: 700;
  background: var(--gear-r4);
}
.gear-tiers-badge.tr1 { background: var(--gear-r1); }
.gear-tiers-badge.tr2 { background: var(--gear-r2); }
.gear-tiers-badge.tr3 { background: var(--gear-r3); }
.gear-card .card-eff {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.45;
  min-height: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gear-card .card-eff b { color: var(--text); font-weight: 600; }

/* 数值行按内容自适应:不用 items 卡的 4 列等分网格(手机 3 列仅 46px,
   "攻击2000"这类 4 位数值必被拆行)。flex 项内 nowrap 永不折字,
   一行放不下时整项换行居中,2/3 项天然居中,不需要 :has 数列数 */
.gear-card .card-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 10px; }
.gear-card .card-stats span { white-space: nowrap; }

/* 详情弹窗:稀有度档位对比表 */
.gear-tier-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.gear-tier-table th,
.gear-tier-table td {
  padding: 6px 8px;
  text-align: right;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.gear-tier-table th:first-child,
.gear-tier-table td:first-child {
  text-align: left;
}
.gear-tier-table th {
  color: var(--muted);
  font-weight: 500;
  font-size: 11.5px;
}
.gear-tier-table td.gear-tr-name {
  font-weight: 700;
  padding-left: 10px;
  border-left: 3px solid var(--gear-r0);
}
.gear-tier-table tr[data-r="1"] td.gear-tr-name { border-left-color: var(--gear-r1); }
.gear-tier-table tr[data-r="2"] td.gear-tr-name { border-left-color: var(--gear-r2); }
.gear-tier-table tr[data-r="3"] td.gear-tr-name { border-left-color: var(--gear-r3); }
.gear-tier-table tr[data-r="4"] td.gear-tr-name { border-left-color: var(--gear-r4); }
.gear-tier-table tr[data-r="1"] td.gear-tr-name { color: var(--gear-r1); }
.gear-tier-table tr[data-r="2"] td.gear-tr-name { color: var(--gear-r2); }
.gear-tier-table tr[data-r="3"] td.gear-tr-name { color: var(--gear-r3); }
.gear-tier-table tr[data-r="4"] td.gear-tr-name { color: var(--gear-r4); }

/* 档内词条:跨列行,深色小字 */
.gear-tier-eff td {
  text-align: left;
  color: var(--muted);
  font-size: 11.5px;
  padding-top: 2px;
  padding-bottom: 8px;
}
.gear-tier-eff td b { color: var(--text); font-weight: 600; }
.gear-tier-eff tr:last-child td { border-bottom: 1px solid var(--line); }

/* 弹窗头部/卡片通用稀有度小圆点(标签用) */
.gear-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: 0;
}

/* 手机适配:档表可横向滚动,卡片两列时数值行不换行溢出 */
.gear-table-wrap { overflow-x: auto; }
@media (max-width: 640px) {
  .gear-tier-table th, .gear-tier-table td { padding: 5px 6px; font-size: 12px; }
}