Now let me read the existing files to understand the project structure before building.

Now let me set up the task list and start building this comprehensive onboarding flow.

Let me start by setting up the dark, gradient-heavy theme with the angel (PFC) blue and devil (DA) red color system.

Now let me build the onboarding state management and the main page that orchestrates all the steps.

Now let me create the shared UI components (battle bar, angel/devil visuals, step navigation).

Now let me build all the step components. I'll create them all in parallel.

Now let me build all the data collection steps in parallel.

Now let me build the battle result page, the personalized plan page, and the commitment/final page in parallel.

Now let me create the main orchestrator component and the page.

Now I notice the OnboardingFlow has 10 steps but the provider only has TOTAL_STEPS = 9. Let me fix that.

Let me先查看当前所有组件文件的现状，再进行整体改造。

Now I have a complete picture of all files. Let me redesign with a light, avant-garde aesthetic. I'll generate fresh design inspiration for the light theme first.

Now I have a clear vision. Let me rewrite all files with a light, editorial, premium aesthetic -- ivory backgrounds, soft gradient washes, glassmorphism cards, bold typography. I'll update everything in parallel batches.

First, the globals.css with the new light theme:

Now let me rewrite the battle-ui with the new light aesthetic:

Now let me rewrite all step components with the light theme. I'll batch them:

整体已完成从暗色到亮色的全面重构。色彩系统从深色宇宙风格转变为温暖的象牙底色搭配宝蓝（PFC/天使）和珊瑚红（DA/魔鬼）的双色体系。所有组件都采用了 glassmorphism 毛玻璃卡片、柔和渐变背景、圆润的大圆角以及粗黑字体来增强设计感。交互动画也做了优化，包括新增的 scale-in、draw-circle 等动效，整体视觉更贴近高端健康科技 App 的调性。