/* ============================================
   专属卡片装配台 · 列表样式
   仅复用原设计令牌（var(--*)），不改动任何原版配色
   ============================================ */
.asm-hint {
  font-size: 11px; color: var(--text-muted); letter-spacing: .03em;
  line-height: 1.6; margin-bottom: 12px;
  padding-bottom: 12px; border-bottom: 1px solid var(--divider);
}
.asm-list { display: flex; flex-direction: column; gap: 8px; }
.asm-item {
  display: flex; align-items: center; gap: 11px; width: 100%;
  text-align: left; padding: 10px 11px; border-radius: var(--radius-card);
  border: 1px solid var(--divider); background: transparent;
  cursor: pointer; color: var(--text-body);
  transition: all .22s var(--ease-smooth);
}
.asm-item:hover { border-color: var(--blue-mid); background: var(--blue-pale); transform: translateX(-2px); }
.asm-rank {
  flex: none; width: 28px; height: 28px; border-radius: 8px;
  display: grid; place-items: center; font-weight: 700; font-size: 13px;
  font-family: 'Playfair Display', serif;
  background: var(--blue-soft); color: var(--blue-deep);
  border: 1px solid var(--divider-strong);
}
.asm-rank.rank-S { background: var(--blue-accent); color: var(--bg-base); border-color: var(--blue-accent); }
.asm-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.asm-info b { font-size: 14px; font-weight: 600; color: var(--text-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asm-info small { font-size: 10.5px; color: var(--text-muted); letter-spacing: .03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asm-go { flex: none; color: var(--text-faint); font-size: 15px; transition: transform .2s var(--ease-smooth), color .2s var(--ease-smooth); }
.asm-item:hover .asm-go { color: var(--blue-deep); transform: translateX(2px); }