/* ═══════════════════════════════════════════
   达人中心 V2.0 — AI达人驾驶舱
   版本: v20260613-v2.0
   ═══════════════════════════════════════════ */

/* ─── 全局重设 ─── */
.t2 * { box-sizing: border-box; }
.t2 { font-size: 14px; color: #333; }

/* ─── 左侧身份卡 220×360 ─── */
.t2-profile-card {
    width: 220px; min-width: 220px; height: 360px;
    background: #fff; border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    display: flex; flex-direction: column; overflow: hidden;
}
.t2-profile-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; display: block; }
.t2-profile-name { font-size: 16px; font-weight: 700; color: #333; }
.t2-profile-level {
    display: inline-flex; align-items: center; justify-content: center;
    height: 24px; padding: 0 10px; border-radius: 12px;
    font-size: 12px; font-weight: 600;
}
.t2-profile-level-1 { background: #F3F4F6; color: #9CA3AF; }
.t2-profile-level-2 { background: #DBEAFE; color: #2563EB; }
.t2-profile-level-3 { background: #D1FAE5; color: #059669; }
.t2-profile-level-4 { background: #FED7AA; color: #EA580C; }
.t2-profile-level-5 { background: #EDE9FE; color: #7C3AED; }
.t2-growth-label { font-size: 12px; color: #666; }
.t2-growth-bar { height: 10px; border-radius: 5px; background: #F1F5F9; overflow: hidden; }
.t2-growth-fill { height: 100%; border-radius: 5px; background: #6C63FF; transition: width 0.5s ease; }
.t2-growth-value { font-size: 14px; font-weight: 700; color: #6C63FF; }
.t2-today-badge {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 11px; color: #10B981; font-weight: 600;
}
.t2-card-btn { flex:1; height:32px; border-radius:6px; font-size:12px; cursor:pointer; border:none; transition:background 0.15s; }
.t2-card-btn-primary { background:#6C63FF; color:#fff; }
.t2-card-btn-primary:hover { background:#5A52E0; }
.t2-card-btn-outline { background:#fff; border:1px solid #E0E0E0; color:#333; }
.t2-card-btn-outline:hover { background:#F8FAFC; }

/* ─── 右侧模块 ─── */
.t2-module {
    background: #fff; border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin-bottom: 20px;
}
.t2-module-header {
    font-size: 15px; font-weight: 700; color: #333;
    padding: 16px 20px 0;
}

/* ─── AI大脑状态 120px ─── */
.t2-brain {
    background: #F6F6FA; border-radius: 8px;
    padding: 12px; display: flex; gap: 12px; flex-wrap: wrap;
}
.t2-brain-item { flex:1; min-width:80px; text-align:center; }
.t2-brain-item .val { font-size:20px; font-weight:700; color:#333; }
.t2-brain-item .lbl { font-size:11px; color:#999; margin-top:2px; }

/* ─── 今日任务 120px ─── */
.t2-task-card {
    background:#fff; border:1px solid #E0E0E0; border-radius:8px;
    padding:12px; height:120px; display:flex; flex-direction:column; justify-content:space-between;
}
.t2-task-row {
    display:flex; align-items:center; justify-content:space-between;
}
.t2-task-btn {
    padding:3px 12px; border-radius:4px; font-size:11px; cursor:pointer;
    background:#6C63FF; color:#fff; border:none;
}
.t2-task-btn:hover { background:#5A52E0; }

/* ─── 今日成长概览 ─── */
.t2-today-stats {
    background: #F6F6FA; border-radius: 8px;
    padding: 12px; display: flex; gap: 12px;
}
.t2-today-stat {
    flex:1; min-width:80px; text-align:center;
}
.t2-today-stat .val { font-size:20px; font-weight:700; color:#333; }
.t2-today-stat .lbl { font-size:11px; color:#999; margin-top:2px; }

/* ─── 表格 ─── */
.t2-table { width:100%; border-collapse:collapse; font-size:13px; }
.t2-table thead tr { height:40px; border-bottom:2px solid #F1F5F9; }
.t2-table thead th { text-align:left; font-weight:600; color:#64748B; font-size:12px; padding:0 12px; }
.t2-table tbody tr { height:48px; border-bottom:1px solid #F8FAFC; }
.t2-table tbody tr:hover { background:#F8FAFF; }
.t2-table tbody td { padding:0 12px; color:#333; }

/* ─── 标签页 ─── */
.t2-tab-bar {
    display:flex; border-bottom:1px solid #E2E8F0; background:#fff;
    border-radius:8px 8px 0 0; overflow:hidden;
}
.t2-tab {
    padding:10px 16px; font-size:13px; cursor:pointer; border:none;
    background:transparent; color:#64748B; border-bottom:2px solid transparent;
    transition:all 0.3s ease; white-space:nowrap;
}
.t2-tab.active { color:#6C63FF; border-bottom-color:#6C63FF; background:#F8FAFF; }
.t2-tab-content { padding:12px; animation:fadeIn 0.3s ease; min-height:500px; }
@keyframes fadeIn { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }

/* ─── 时间切换按钮 ─── */
.t2-period-btn {
    padding:4px 12px; border-radius:6px; font-size:12px;
    border:1px solid #E2E8F0; background:#fff; color:#64748B; cursor:pointer;
    transition:all 0.15s;
}
.t2-period-btn.active { background:#EEF2FF; color:#6C63FF; border-color:#6C63FF; }

/* ─── 空状态 ─── */
.t2-empty { text-align:center; padding:24px; color:#999; font-size:13px; }

/* ─── 排序按钮 ─── */
.t2-sort-btn {
    padding:2px 8px; border-radius:4px; font-size:11px;
    border:1px solid #E2E8F0; background:white; color:#64748B; cursor:pointer;
}
.t2-sort-btn.active { background:#EEF2FF; color:#6C63FF; border-color:#6C63FF; }