/* 账号列表 - 商品管理 UI 美化 */

/* 商品管理区域整体容器 */
.ant-card .ant-tabs {
  --account-card-radius: 12px;
  --account-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --account-card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);
  --account-accent: #1677ff;
  --account-success: #52c41a;
  --account-warning: #faad14;
  --account-danger: #ff4d4f;
}

/* 账号列表卡片 - 圆角与阴影 */
.ant-card .ant-tabs-content .ant-card {
  border-radius: var(--account-card-radius) !important;
  box-shadow: var(--account-card-shadow) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden;
}

.ant-card .ant-tabs-content .ant-card:hover {
  box-shadow: var(--account-card-shadow-hover) !important;
  transform: translateY(-2px);
  border-color: rgba(22, 119, 255, 0.2) !important;
}

/* 卡片头部 - 更柔和的背景 */
.ant-card .ant-tabs-content .ant-card .ant-card-head {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
  border-radius: var(--account-card-radius) var(--account-card-radius) 0 0 !important;
  padding: 12px 16px !important;
}

/* 商品编号与状态区域 */
.ant-card .ant-tabs-content .ant-card .ant-card-head-title {
  font-weight: 500 !important;
  color: #334155 !important;
  font-size: 14px !important;
}

/* 状态标签美化 */
.ant-card .ant-tabs-content .ant-card .ant-tag {
  border-radius: 6px !important;
  font-weight: 500 !important;
  padding: 2px 10px !important;
  font-size: 12px !important;
}

.ant-card .ant-tabs-content .ant-card .ant-tag.ant-tag-warning {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
  border-color: #f59e0b !important;
  color: #b45309 !important;
}

.ant-card .ant-tabs-content .ant-card .ant-tag.ant-tag-success {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
  border-color: #10b981 !important;
  color: #047857 !important;
}

.ant-card .ant-tabs-content .ant-card .ant-tag.ant-tag-danger,
.ant-card .ant-tabs-content .ant-card .ant-tag.ant-tag-error {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
  border-color: #ef4444 !important;
  color: #b91c1c !important;
}

/* 卡片内容区 - Meta 信息 */
.ant-card .ant-tabs-content .ant-card .ant-card-body {
  padding: 16px !important;
}

.ant-card .ant-tabs-content .ant-card .ant-card-meta {
  align-items: center;
}

/* 账号图片/头像 - 圆角与边框 */
.ant-card .ant-tabs-content .ant-card .ant-card-meta-avatar img,
.ant-card .ant-tabs-content .ant-card .ant-avatar img {
  border-radius: 10px !important;
  object-fit: cover;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* 价格数字区域 - 金额显示更醒目 */
.ant-card .ant-tabs-content .ant-card .ant-card-meta-detail .ant-typography {
  font-weight: 600 !important;
}

/* 操作按钮组 */
.ant-card .ant-tabs-content .ant-card .ant-btn {
  border-radius: 8px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.ant-card .ant-tabs-content .ant-card .ant-btn-primary {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

.ant-card .ant-tabs-content .ant-card .ant-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4) !important;
}

/* Tab 切换栏美化 */
.ant-card .ant-tabs.ant-tabs-small .ant-tabs-nav::before {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.ant-card .ant-tabs .ant-tabs-tab {
  padding: 8px 16px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.ant-card .ant-tabs .ant-tabs-tab:hover {
  color: var(--account-accent) !important;
}

.ant-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--account-accent) !important;
  font-weight: 600 !important;
}

.ant-card .ant-tabs .ant-tabs-ink-bar {
  background: linear-gradient(90deg, #3b82f6, #2563eb) !important;
  height: 3px !important;
  border-radius: 2px !important;
}

/* 列表项间距 */
.ant-card .ant-tabs-content .ant-list-item {
  padding: 0 0 12px 0 !important;
}

.ant-card .ant-tabs-content .ant-list-item:last-child {
  padding-bottom: 0 !important;
}

/* 空状态 */
.ant-card .ant-tabs-content .ant-empty {
  padding: 40px 20px !important;
}

.ant-card .ant-tabs-content .ant-empty .ant-empty-description {
  color: #94a3b8 !important;
  font-size: 14px !important;
}

/* 分页器 */
.ant-card .ant-tabs-content .ant-pagination {
  margin-top: 16px !important;
}

.ant-card .ant-tabs-content .ant-pagination .ant-pagination-item-active {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  border-color: transparent !important;
}

.ant-card .ant-tabs-content .ant-pagination .ant-pagination-item-active a {
  color: #fff !important;
}

/* 标题栏 - 我的卖家订单/商品管理 */
.ant-card .ant-card-head {
  font-weight: 600 !important;
}

.ant-card .ant-card-head .ant-flex {
  gap: 24px !important;
}

/* 商品管理/我的卖家订单 切换文字 */
.ant-card .ant-card-head .tetxs {
  color: #94a3b8 !important;
  cursor: pointer;
  transition: color 0.2s ease;
}

.ant-card .ant-card-head .tetxs:hover {
  color: #64748b !important;
}