/* ============================================================
   账号资产 Tab 专用样式
   仅新增，不改动既有规则
   ============================================================ */

.asset-acc {
  font-weight: 600;
  color: var(--text-main);
  word-break: break-all;
}

.asset-sub {
  font-size: 11px;
  color: var(--text-sub);
  margin-top: 2px;
}

.asset-none {
  color: var(--text-sub);
  font-size: 12px;
}

.asset-err {
  font-size: 11px;
  color: var(--warning, #b26a00);
  margin-top: 3px;
  cursor: help;
}

/* 平台标签 */
.pf-tag {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  background: var(--accent-soft, rgba(0, 122, 255, .12));
  color: var(--accent, #007aff);
  vertical-align: middle;
}

/* 数值列：等宽数字，便于竖排对齐比较 */
.apple-table td.num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  white-space: nowrap;
}

/* 光翼：主数 + 等级 + 距下一级 */
.wing-cell {
  line-height: 1.35;
}

.wing-cell b {
  font-size: 15px;
}

.wing-lv {
  display: inline-block;
  margin-left: 4px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: var(--success-soft, rgba(52, 199, 89, .14));
  color: var(--success, #34c759);
}

.wing-next {
  font-size: 11px;
  color: var(--text-sub);
  margin-top: 2px;
}

/* 穿搭胶囊 */
.outfit-cell {
  max-width: 340px;
}

.outfit-chip {
  display: inline-block;
  margin: 2px 4px 2px 0;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  line-height: 1.7;
  background: var(--bg-subtle, rgba(120, 120, 128, .10));
  color: var(--text-main);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.outfit-chip b {
  font-weight: 600;
  color: var(--text-sub);
  margin-right: 4px;
}

/* 移动端卡片内的资产网格 */
.asset-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px 12px;
  margin: 6px 0;
}

.asset-kv {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: 12.5px;
  padding: 3px 0;
  border-bottom: 1px dashed var(--border-light, rgba(0, 0, 0, .06));
}

.asset-kv span {
  color: var(--text-sub);
}

.asset-kv b {
  font-variant-numeric: tabular-nums;
  color: var(--text-main);
}

.asset-outfit {
  margin-top: 4px;
}

/* 移动端卡片右上角时间 */
.mobile-card-time {
  font-size: 11px;
  color: var(--text-sub);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}