diff --git a/employee-app/health-checkup/booking-project.html b/employee-app/health-checkup/booking-project.html index a2769c3..e2cb18a 100644 --- a/employee-app/health-checkup/booking-project.html +++ b/employee-app/health-checkup/booking-project.html @@ -172,9 +172,24 @@ .project-card__meta { display: flex; align-items: center; gap: 6px; } + /* AI 推荐标签分三档,字号阶梯放大 + 深色实底强化等级对比: + 强烈推荐 12px 红橙实底 > 建议加做 11px 紫蓝实底 > 可选参考 10px 浅蓝描边 */ .project-card__badge--ai { - background: linear-gradient(135deg, #7c5cfc 0%, #4f8ef7 100%); - color: #fff; cursor: pointer; box-shadow: 0 2px 6px rgba(124, 92, 252, 0.3); + color: #fff; cursor: pointer; font-weight: 700; + } + .project-card__badge--ai-high { + height: 26px; padding: 0 12px; border-radius: 13px; font-size: 12px; + background: linear-gradient(135deg, #cf1322 0%, #f5222d 55%, #ff7a45 100%); + box-shadow: 0 3px 8px rgba(207, 19, 34, 0.35); + } + .project-card__badge--ai-mid { + height: 24px; padding: 0 11px; border-radius: 12px; font-size: 11px; + background: linear-gradient(135deg, #531dab 0%, #722ed1 50%, #1677ff 100%); + box-shadow: 0 2px 6px rgba(83, 29, 171, 0.35); + } + .project-card__badge--ai-low { + height: 20px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 600; + background: #f0f5ff; color: #597ef7; border: 1px solid #d6e4ff; } .project-card__arrow { flex-shrink: 0; color: #d0d0d0; font-size: 16px; cursor: pointer; @@ -235,7 +250,15 @@ /* AI 推荐理由弹窗 */ .ai-modal { padding: 24px 20px 18px; } .ai-modal__project { - font-size: 15px; font-weight: 700; color: #7c5cfc; text-align: center; margin-bottom: 12px; + font-size: 15px; font-weight: 700; color: #7c5cfc; text-align: center; margin-bottom: 10px; + } + .ai-modal__level { + display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; + } + .ai-modal__level-cap { font-size: 12px; color: var(--text-muted); } + .ai-modal__level-desc { + font-size: 12px; line-height: 1.6; color: var(--text-secondary); text-align: center; + margin: -4px 0 12px; } .ai-modal__reason { background: #f7f9fb; border-radius: 14px; padding: 14px 16px; margin-bottom: 18px; @@ -351,6 +374,11 @@