/* personal-center.css
 * 个人中心「去 AI 味 · 简约 · 自然 · 紧凑」桌面端样式覆盖
 * 作用域：仅 .ls-pc-root（个人中心页）。
 * 重要约定：本表不使用 !important，靠 .ls-pc-root 作用域提升特异性，
 *          以便移动端 mobile.css 的 !important 规则继续接管手机端布局。
 */

/* 1. 全局扁平化：去除彩色重阴影、收敛夸张大圆角 */
.ls-pc-root [class*="shadow-"] {
    box-shadow: none;
}
.ls-pc-root .rounded-2xl {
    border-radius: 0.75rem;
}
.ls-pc-root .rounded-3xl {
    border-radius: 1rem;
}

/* 2. 概览 tab 浅渐变统计卡（from-*-50 to-*-100）扁平为极浅底，去掉光泽感 */
.ls-pc-root .bg-gradient-to-br {
    background-image: none;
    background-color: #f8fafc;
}

/* 3. 学习仪表盘统计卡：饱和渐变白字 → 柔和浅底 + 彩色数字（保留色彩语义，去光泽） */
.ls-pc-root .ls-pc-learning-stats > div {
    background-image: none;
    background-color: #f8fafc;
    border: 1px solid #eef2f7;
    box-shadow: none;
    border-radius: 0.75rem;
    padding: 1rem;
    color: #374151;
}
.ls-pc-root .ls-pc-learning-stats .text-3xl {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}
/* 卡片 1 · 蓝 */
.ls-pc-root .ls-pc-learning-stats > div:nth-child(1) { background-color: #eff6ff; border-color: #dbeafe; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(1) > div:first-child { color: #2563eb; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(1) > div:last-child { color: #1e40af; }
/* 卡片 2 · 绿 */
.ls-pc-root .ls-pc-learning-stats > div:nth-child(2) { background-color: #ecfdf5; border-color: #a7f3d0; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(2) > div:first-child { color: #059669; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(2) > div:last-child { color: #047857; }
/* 卡片 3 · 紫 */
.ls-pc-root .ls-pc-learning-stats > div:nth-child(3) { background-color: #f5f3ff; border-color: #ddd6fe; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(3) > div:first-child { color: #7c3aed; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(3) > div:last-child { color: #6d28d9; }
/* 卡片 4 · 橙 */
.ls-pc-root .ls-pc-learning-stats > div:nth-child(4) { background-color: #fffbeb; border-color: #fde68a; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(4) > div:first-child { color: #d97706; }
.ls-pc-root .ls-pc-learning-stats > div:nth-child(4) > div:last-child { color: #b45309; }

/* 4. 证书卡顶部色带：动态渐变白字 → 浅底深字（保留图标与标题可读性） */
.ls-pc-root .ls-pc-cert-band {
    background-image: none;
    background-color: #f8fafc;
    color: #1f2937;
    border-bottom: 1px solid #eef2f7;
}
.ls-pc-root .ls-pc-cert-band > div:last-child {
    color: #6b7280;
}

/* 5. 侧边导航：激活态柔和化 + 行距收紧（更紧凑、克制强调色） */
.ls-pc-root .ls-pc-navlist > a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.ls-pc-root .ls-pc-navlist > a.bg-blue-50 {
    background-color: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
}

/* 6. 内容区紧凑：区块间距与面板内边距收敛 */
.ls-pc-root .ls-pc-content > * + * {
    margin-top: 1rem;
}
.ls-pc-root .ls-pc-chart-panel,
.ls-pc-root .ls-pc-overview-panel {
    padding: 1.25rem;
}

/* 7. 企业管理中心封面条：蓝色渐变 → 柔和浅底（去光泽，保留轻品牌感） */
.ls-pc-root .ls-ent-banner {
    background-image: none;
    background-color: #eef2ff;
}