/* ═══════════════════════════════════════════
   达人中心 V1.3 — 达人列表重构
   版本: v20260612-v1.3
   ═══════════════════════════════════════════ */

/* ─── 列表基础样式 ─── */
.t13-table { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; }

.t13-table thead tr { height: 48px; background: #F8FAFC; }
.t13-table thead th { text-align: left; font-weight: 600; color: #64748B; font-size: 12px; padding: 0 12px; letter-spacing: 0.5px; }

.t13-table tbody tr { height: 72px; border-bottom: 1px solid #F1F5F9; cursor: pointer; transition: background 0.15s; }
.t13-table tbody tr:hover { background: #F8FAFF; }
.t13-table tbody tr:nth-child(even) { background: #FAFBFC; }
.t13-table tbody tr:nth-child(even):hover { background: #F8FAFF; }

/* ─── 列宽 ─── */
.t13-col-avatar { width: 80px; min-width: 80px; padding: 0 12px !important; }
.t13-col-name { width: 220px; min-width: 220px; padding: 0 12px !important; }
.t13-col-spec { width: 180px; min-width: 180px; padding: 0 12px !important; }
.t13-col-level { width: 100px; min-width: 100px; padding: 0 12px !important; }
.t13-col-growth { width: 220px; min-width: 220px; padding: 0 12px !important; }
.t13-col-status { width: 120px; min-width: 120px; padding: 0 12px !important; }
.t13-col-action { width: 100px; min-width: 100px; padding: 0 12px !important; }

/* ─── 头像 48px ─── */
.t13-avatar {
    width: 48px; height: 48px; border-radius: 50%;
    border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    object-fit: cover; transition: transform 0.2s;
    cursor: pointer;
}
.t13-avatar:hover { transform: scale(1.05); }
.t13-avatar-placeholder {
    width: 48px; height: 48px; border-radius: 50%;
    border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 18px; color: #fff;
    cursor: pointer; transition: transform 0.2s;
}
.t13-avatar-placeholder:hover { transform: scale(1.05); }

/* ─── 达人名称 ─── */
.t13-name { font-size: 16px; font-weight: 600; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.t13-date { font-size: 12px; color: #999; margin-top: 2px; }

/* ─── 专长标签 ─── */
.t13-tag-spec {
    display: inline-flex; align-items: center; height: 28px;
    padding: 0 12px; border-radius: 14px;
    background: #EEF2FF; color: #4F46E5;
    font-size: 12px; max-width: 160px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ─── 等级胶囊 ─── */
.t13-level {
    display: inline-flex; align-items: center; justify-content: center;
    width: 72px; height: 28px; border-radius: 14px;
    font-size: 12px; font-weight: 700;
}
.t13-level-1 { background: #F3F4F6; color: #9CA3AF; }
.t13-level-2 { background: #DBEAFE; color: #2563EB; }
.t13-level-3 { background: #D1FAE5; color: #059669; }
.t13-level-4 { background: #FED7AA; color: #EA580C; }
.t13-level-5 { background: #EDE9FE; color: #7C3AED; }

/* ─── 成长值 ─── */
.t13-growth-wrap { display: flex; align-items: center; gap: 8px; }
.t13-growth-bar { width: 120px; height: 10px; border-radius: 5px; background: #F1F5F9; overflow: hidden; flex-shrink: 0; }
.t13-growth-fill { height: 100%; border-radius: 5px; background: #6C63FF; transition: width 0.5s ease; }
.t13-growth-text { font-size: 12px; color: #333; font-weight: 600; white-space: nowrap; }

/* ─── 状态胶囊 ─── */
.t13-status {
    display: inline-flex; align-items: center; justify-content: center;
    width: 70px; height: 28px; border-radius: 14px;
    font-size: 11px; font-weight: 600;
}
.t13-status-active { background: #D1FAE5; color: #059669; }
.t13-status-training { background: #FEF3C7; color: #D97706; }
.t13-status-verifying { background: #DBEAFE; color: #2563EB; }
.t13-status-paused { background: #F3F4F6; color: #9CA3AF; }
.t13-status-inactive { background: #F3F4F6; color: #9CA3AF; }

/* ─── 操作按钮 ─── */
.t13-btn-detail {
    width: 70px; height: 32px; border-radius: 6px;
    background: #6C63FF; color: #fff; border: none;
    font-size: 12px; cursor: pointer; transition: background 0.15s;
}
.t13-btn-detail:hover { background: #5A52E0; }

/* ─── 搜索框 ─── */
.t13-search-wrap { width: 320px; position: relative; }
.t13-search-input {
    width: 100%; height: 36px; padding: 0 12px 0 32px;
    border: 1px solid #E2E8F0; border-radius: 8px;
    font-size: 13px; outline: none; background: #fff;
    transition: border-color 0.15s;
}
.t13-search-input:focus { border-color: #6C63FF; }
.t13-search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #94A3B8; font-size: 15px; pointer-events: none; }