feat: 为12个订单班添加专属SVG图标

详细说明:
- 为每个订单班创建专属的SVG favicon图标
- 每个图标使用渐变色和专属图形设计
- 在所有订单班的index.html中添加favicon引用
- 图标设计：
  * wenlu(文旅): 紫蓝渐变 + 地图标记
  * food(食品): 橙红渐变 + 厨师帽
  * visual-design(视觉设计): 粉紫渐变 + 画笔
  * civil(土木): 灰蓝渐变 + 建筑
  * health(大健康): 绿青渐变 + 医疗十字
  * energy(能源): 黄橙渐变 + 闪电
  * transportation(交通物流): 蓝色渐变 + 卡车
  * manufacturing(智能制造): 深蓝银色渐变 + 齿轮
  * developer(智能开发): 青绿渐变 + 代码符号
  * finance(财经商贸): 金蓝渐变 + 上升图表
  * environmental(环保): 绿蓝渐变 + 叶子
  * chemical(化工): 蓝紫渐变 + 烧杯
- 修改文件: 12个favicon.svg文件 + 12个index.html文件
- 影响模块: 所有订单班网页的视觉标识系统

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

web_frontend/web_result/order-classes/health/css/styles.css

@@ -854,6 +854,446 @@ tr:hover {
 .gap-md { gap: var(--spacing-md); }
 .gap-lg { gap: var(--spacing-lg); }
 
+/* ========== Timeline时间轴布局 ========== */
+.timeline-container {
+    margin: var(--spacing-2xl) 0;
+}
+
+.timeline {
+    position: relative;
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: var(--spacing-xl) 0;
+}
+
+/* 时间轴中心线 */
+.timeline::before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 0;
+    bottom: 0;
+    width: 3px;
+    background: linear-gradient(to bottom,
+        transparent,
+        var(--primary-green) 10%,
+        var(--primary-green) 90%,
+        transparent
+    );
+    transform: translateX(-50%);
+}
+
+.timeline-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    margin-bottom: var(--spacing-2xl);
+}
+
+.timeline-item:nth-child(odd) {
+    justify-content: flex-start;
+}
+
+.timeline-item:nth-child(even) {
+    justify-content: flex-end;
+}
+
+.timeline-marker {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    background: var(--bg-card);
+    border: 3px solid var(--primary-green);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10;
+    box-shadow: var(--shadow-lg), 0 0 0 8px var(--bg-dark);
+    transition: all var(--transition-base);
+}
+
+.timeline-marker i {
+    width: 24px !important;
+    height: 24px !important;
+    color: var(--primary-green);
+}
+
+.timeline-item:hover .timeline-marker {
+    transform: translateX(-50%) scale(1.15);
+    box-shadow: var(--shadow-xl), 0 0 0 12px var(--bg-dark), var(--shadow-green);
+}
+
+.timeline-content {
+    width: calc(50% - 50px);
+    background: var(--bg-card);
+    backdrop-filter: blur(15px);
+    padding: var(--spacing-lg);
+    border-radius: var(--radius-xl);
+    border: 2px solid var(--border-light);
+    box-shadow: var(--shadow-md);
+    transition: all var(--transition-base);
+}
+
+.timeline-item:nth-child(odd) .timeline-content {
+    margin-right: calc(50% + 35px);
+}
+
+.timeline-item:nth-child(even) .timeline-content {
+    margin-left: calc(50% + 35px);
+}
+
+.timeline-content:hover {
+    transform: translateY(-4px);
+    box-shadow: var(--shadow-xl), var(--shadow-green);
+    border-color: var(--primary-green);
+}
+
+.timeline-content h4 {
+    font-size: var(--text-lg);
+    color: var(--primary-green);
+    margin-bottom: var(--spacing-xs);
+    font-weight: var(--font-semibold);
+}
+
+@media (max-width: 768px) {
+    .timeline::before {
+        left: 30px;
+    }
+
+    .timeline-item {
+        justify-content: flex-end !important;
+    }
+
+    .timeline-marker {
+        left: 30px;
+    }
+
+    .timeline-content {
+        width: calc(100% - 90px);
+        margin-left: 90px !important;
+        margin-right: 0 !important;
+    }
+}
+
+/* ========== 图标网格（无卡片）========== */
+.icon-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: var(--spacing-2xl);
+    margin: var(--spacing-2xl) 0;
+}
+
+.icon-item {
+    text-align: center;
+    transition: all var(--transition-base);
+    cursor: pointer;
+}
+
+.icon-item:hover {
+    transform: translateY(-8px);
+}
+
+.icon-wrapper {
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto var(--spacing-md);
+    background: var(--bg-card);
+    border: 3px solid var(--primary-green);
+    box-shadow: var(--shadow-md);
+    transition: all var(--transition-base);
+}
+
+.icon-item:hover .icon-wrapper {
+    box-shadow: var(--shadow-xl), 0 0 30px rgba(16, 185, 129, 0.4);
+    transform: scale(1.1) rotate(5deg);
+}
+
+.icon-wrapper i {
+    width: 40px !important;
+    height: 40px !important;
+    color: var(--primary-green);
+}
+
+.icon-item h4 {
+    font-size: var(--text-base);
+    font-weight: var(--font-semibold);
+    color: var(--text-light);
+    margin-bottom: var(--spacing-xs);
+}
+
+.icon-item p {
+    font-size: var(--text-sm);
+    color: var(--text-gray);
+}
+
+@media (max-width: 1024px) {
+    .icon-grid {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}
+
+@media (max-width: 768px) {
+    .icon-grid {
+        grid-template-columns: repeat(2, 1fr);
+        gap: var(--spacing-lg);
+    }
+
+    .icon-wrapper {
+        width: 60px;
+        height: 60px;
+    }
+
+    .icon-wrapper i {
+        width: 30px !important;
+        height: 30px !important;
+    }
+}
+
+/* ========== 圆形进度条统计 ========== */
+.progress-stats {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: var(--spacing-2xl);
+    margin: var(--spacing-2xl) 0;
+    padding: var(--spacing-2xl);
+    background: var(--bg-card);
+    backdrop-filter: blur(15px);
+    border-radius: var(--radius-2xl);
+    border: 2px solid var(--border-light);
+    box-shadow: var(--shadow-lg);
+}
+
+.progress-item {
+    text-align: center;
+    transition: all var(--transition-base);
+}
+
+.progress-item:hover {
+    transform: translateY(-8px);
+}
+
+.circle-progress {
+    position: relative;
+    width: 140px;
+    height: 140px;
+    margin: 0 auto var(--spacing-md);
+}
+
+.circle-progress svg {
+    width: 100%;
+    height: 100%;
+    transform: rotate(-90deg);
+}
+
+.circle-bg,
+.circle-fill {
+    fill: none;
+    stroke-width: 10;
+}
+
+.circle-bg {
+    stroke: var(--border-light);
+}
+
+.circle-fill {
+    stroke: var(--primary-green);
+    stroke-linecap: round;
+    stroke-dasharray: 314; /* 2 * π * r = 2 * π * 50 */
+    stroke-dashoffset: calc(314 * (1 - var(--progress, 0) / 100));
+    transition: stroke-dashoffset 2s cubic-bezier(0.16, 1, 0.3, 1);
+    filter: drop-shadow(0 0 8px rgba(16, 185, 129, 0.5));
+}
+
+.circle-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+}
+
+.circle-value {
+    font-size: var(--text-3xl);
+    font-weight: var(--font-bold);
+    color: var(--primary-green);
+    line-height: 1;
+    margin-bottom: var(--spacing-xs);
+}
+
+.circle-unit {
+    font-size: var(--text-sm);
+    color: var(--text-gray);
+    font-weight: var(--font-medium);
+}
+
+.progress-item .stat-label {
+    font-size: var(--text-base);
+    color: var(--text-light);
+    font-weight: var(--font-semibold);
+}
+
+@media (max-width: 1024px) {
+    .progress-stats {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: 768px) {
+    .progress-stats {
+        grid-template-columns: repeat(2, 1fr);
+        gap: var(--spacing-lg);
+        padding: var(--spacing-lg);
+    }
+
+    .circle-progress {
+        width: 100px;
+        height: 100px;
+    }
+
+    .circle-value {
+        font-size: var(--text-2xl);
+    }
+}
+
+/* ========== Section 1 Split Layout + Floating Data Cards ========== */
+.split-layout {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--spacing-2xl);
+    align-items: flex-start;
+    margin: var(--spacing-2xl) 0;
+}
+
+.split-column-left,
+.split-column-right {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-xl);
+}
+
+.split-column-left .image-container {
+    aspect-ratio: 4/3;  /* 改为4:3比例，更紧凑 */
+    border-radius: var(--radius-2xl);
+    overflow: hidden;
+    box-shadow: var(--shadow-xl);
+    transition: all var(--transition-base);
+}
+
+.split-column-left .image-container:hover {
+    transform: scale(1.02);
+    box-shadow: var(--shadow-xl), var(--shadow-green);
+}
+
+.floating-data-card {
+    background: linear-gradient(135deg,
+        rgba(16, 185, 129, 0.12) 0%,
+        rgba(5, 150, 105, 0.08) 100%);
+    backdrop-filter: blur(15px);
+    -webkit-backdrop-filter: blur(15px);
+    padding: var(--spacing-xl);
+    border-radius: var(--radius-xl);
+    border: 2px solid var(--border-light);
+    box-shadow: var(--shadow-md);
+    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+    position: relative;
+    overflow: hidden;
+}
+
+.floating-data-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(135deg, transparent 0%, rgba(16, 185, 129, 0.05) 100%);
+    opacity: 0;
+    transition: opacity var(--transition-base);
+}
+
+.floating-data-card:hover::before {
+    opacity: 1;
+}
+
+.floating-data-card:hover {
+    transform: translateY(-8px) scale(1.02);
+    box-shadow: 0 12px 32px rgba(16, 185, 129, 0.2),
+                0 6px 16px rgba(0, 0, 0, 0.1);
+    border-color: var(--primary-green);
+}
+
+.floating-data-value {
+    font-size: var(--text-4xl);
+    font-weight: var(--font-bold);
+    color: var(--primary-green);
+    margin-bottom: var(--spacing-sm);
+    line-height: 1;
+    letter-spacing: -0.02em;
+    text-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
+}
+
+body.dark-theme .floating-data-value {
+    color: var(--accent-emerald-light);
+    text-shadow: 0 2px 12px rgba(52, 211, 153, 0.3);
+}
+
+.floating-data-label {
+    font-size: var(--text-sm);
+    font-weight: var(--font-semibold);
+    color: var(--text-gray);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    opacity: 0.85;
+    margin-bottom: var(--spacing-xs);
+}
+
+.floating-data-note {
+    font-size: var(--text-xs);
+    color: var(--text-gray);
+    opacity: 0.7;
+    margin-top: var(--spacing-xs);
+}
+
+/* 深色主题适配 */
+body.dark-theme .floating-data-card {
+    background: linear-gradient(135deg,
+        rgba(52, 211, 153, 0.15) 0%,
+        rgba(16, 185, 129, 0.1) 100%);
+}
+
+/* 响应式布局 */
+@media (max-width: 1024px) {
+    .split-layout {
+        grid-template-columns: 1fr;
+        gap: var(--spacing-xl);
+    }
+
+    .split-column-left .image-container {
+        order: 1;
+    }
+
+    .split-column-left .card {
+        order: 2;
+    }
+}
+
+@media (max-width: 768px) {
+    .floating-data-card {
+        padding: var(--spacing-lg);
+    }
+
+    .floating-data-value {
+        font-size: var(--text-3xl);
+    }
+}
+
 /* ========== 图片加载状态 ========== */
 img {
     transition: opacity var(--transition-base);

web_frontend/web_result/order-classes/health/favicon.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="health-grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#10b981;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <!-- 圆形背景 -->
+  <circle cx="16" cy="16" r="15" fill="url(#health-grad)"/>
+  <!-- 医疗十字图标 -->
+  <rect x="14" y="8" width="4" height="16" fill="white" rx="1"/>
+  <rect x="8" y="14" width="16" height="4" fill="white" rx="1"/>
+</svg>

web_frontend/web_result/order-classes/health/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>心理咨询服务全流程方案 - 大健康订单班</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg">
     <link rel="stylesheet" href="css/styles.css">
     <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
 </head>
@@ -647,72 +648,222 @@
         </div>
     </section>
 
-    <!-- Footer: 项目成果总结 -->
+    <!-- Footer: 项目成果总结 - 多样化布局 -->
     <section class="section" style="background: var(--bg-semi-dark); padding: var(--spacing-3xl) 0;">
         <div class="container">
-            <h2 class="section-title text-center" style="margin-bottom: var(--spacing-2xl);">
+            <!-- 主标题 -->
+            <h2 class="section-title text-center" style="margin-bottom: var(--spacing-3xl);">
                 <i data-lucide="award"></i> 心理咨询服务成果总结
             </h2>
 
-            <div class="grid grid-3">
-                <div class="card">
-                    <div class="card-header" style="order: 1;">
-                        <h3 class="card-title">💚 服务流程</h3>
+            <!-- 1. Timeline时间轴 - 服务流程 -->
+            <h3 class="text-center" style="font-size: var(--text-3xl); color: var(--primary-green); margin-bottom: var(--spacing-2xl);">
+                💚 完整服务流程
+            </h3>
+            <div class="timeline-container">
+                <div class="timeline">
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="user-search"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>用户分析与初步接待</h4>
+                        </div>
                     </div>
-                    <div class="card-body" style="order: 2;">
-                        <ul class="feature-list">
-                            <li><i data-lucide="user-search"></i> 用户分析与初步接待</li>
-                            <li><i data-lucide="clipboard"></i> 专业心理测评体系</li>
-                            <li><i data-lucide="target"></i> 问题评估与目标设定</li>
-                            <li><i data-lucide="brain"></i> 认知行为疗法(CBT)</li>
-                            <li><i data-lucide="heart"></i> 正念减压训练(MBCT)</li>
-                            <li><i data-lucide="users"></i> 社交暴露渐进练习</li>
-                            <li><i data-lucide="chart-line"></i> 效果评估与数据对比</li>
-                            <li><i data-lucide="phone"></i> 后期随访与巩固</li>
-                        </ul>
-                    </div>
-                </div>
 
-                <div class="card">
-                    <div class="card-header" style="order: 1;">
-                        <h3 class="card-title">⚡ 核心技术</h3>
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="clipboard"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>专业心理测评体系</h4>
+                        </div>
                     </div>
-                    <div class="card-body" style="order: 2;">
-                        <ul class="feature-list">
-                            <li><i data-lucide="eye"></i> 负性思维识别与重构</li>
-                            <li><i data-lucide="wind"></i> 腹式呼吸放松训练</li>
-                            <li><i data-lucide="activity"></i> 渐进性肌肉放松</li>
-                            <li><i data-lucide="compass"></i> 正念呼吸10分钟/日</li>
-                            <li><i data-lucide="users"></i> 模拟会议演练</li>
-                            <li><i data-lucide="trending-up"></i> 渐进式暴露疗法</li>
-                            <li><i data-lucide="shield"></i> 安全行为消退</li>
-                            <li><i data-lucide="book-open"></i> 复发预防计划</li>
-                        </ul>
-                    </div>
-                </div>
 
-                <div class="card">
-                    <div class="card-header" style="order: 1;">
-                        <h3 class="card-title">🎯 干预成果</h3>
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="target"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>问题评估与目标设定</h4>
+                        </div>
                     </div>
-                    <div class="card-body" style="order: 2;">
-                        <ul class="feature-list">
-                            <li><i data-lucide="trending-down"></i> SAS焦虑: 65→42分(-35%)</li>
-                            <li><i data-lucide="trending-down"></i> SDS抑郁: 58→46分(-20%)</li>
-                            <li><i data-lucide="moon"></i> PSQI睡眠: 13→6分(-54%)</li>
-                            <li><i data-lucide="trending-up"></i> 自我效能: 3→7.5分(+150%)</li>
-                            <li><i data-lucide="message-square"></i> 发言频率: 0→2-3次/周</li>
-                            <li><i data-lucide="clock"></i> 咨询周期: 12次/3-4月</li>
-                            <li><i data-lucide="check-circle"></i> 目标达成: 短中期✅</li>
-                            <li><i data-lucide="phone"></i> 随访计划: 1月+3月</li>
-                        </ul>
+
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="brain"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>认知行为疗法(CBT)</h4>
+                        </div>
+                    </div>
+
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="heart"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>正念减压训练(MBCT)</h4>
+                        </div>
+                    </div>
+
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="users"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>社交暴露渐进练习</h4>
+                        </div>
+                    </div>
+
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="chart-line"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>效果评估与数据对比</h4>
+                        </div>
+                    </div>
+
+                    <div class="timeline-item">
+                        <div class="timeline-marker">
+                            <i data-lucide="phone"></i>
+                        </div>
+                        <div class="timeline-content">
+                            <h4>后期随访与巩固</h4>
+                        </div>
                     </div>
                 </div>
             </div>
 
-            <div class="text-center" style="margin-top: var(--spacing-2xl); color: var(--text-gray);">
-                <p>💚 心理咨询服务全流程方案圆满完成!</p>
-                <p style="margin-top: var(--spacing-sm);">© 2024 大健康订单班 | 专业心理健康服务解决方案</p>
+            <!-- 2. 图标网格 - 核心技术 -->
+            <h3 class="text-center" style="font-size: var(--text-3xl); color: var(--primary-green); margin: var(--spacing-3xl) 0 var(--spacing-2xl);">
+                ⚡ 核心技术
+            </h3>
+            <div class="icon-grid">
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="eye"></i>
+                    </div>
+                    <h4>负性思维识别与重构</h4>
+                </div>
+
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="wind"></i>
+                    </div>
+                    <h4>腹式呼吸放松训练</h4>
+                </div>
+
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="activity"></i>
+                    </div>
+                    <h4>渐进性肌肉放松</h4>
+                </div>
+
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="compass"></i>
+                    </div>
+                    <h4>正念呼吸10分钟/日</h4>
+                </div>
+
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="users"></i>
+                    </div>
+                    <h4>模拟会议演练</h4>
+                </div>
+
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="trending-up"></i>
+                    </div>
+                    <h4>渐进式暴露疗法</h4>
+                </div>
+
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="shield"></i>
+                    </div>
+                    <h4>安全行为消退</h4>
+                </div>
+
+                <div class="icon-item">
+                    <div class="icon-wrapper">
+                        <i data-lucide="book-open"></i>
+                    </div>
+                    <h4>复发预防计划</h4>
+                </div>
+            </div>
+
+            <!-- 3. 圆形进度条 - 干预成果 -->
+            <h3 class="text-center" style="font-size: var(--text-3xl); color: var(--primary-green); margin: var(--spacing-3xl) 0 var(--spacing-2xl);">
+                🎯 干预成果
+            </h3>
+            <div class="progress-stats">
+                <div class="progress-item">
+                    <div class="circle-progress" style="--progress: 35;">
+                        <svg>
+                            <circle class="circle-bg" cx="70" cy="70" r="50"></circle>
+                            <circle class="circle-fill" cx="70" cy="70" r="50"></circle>
+                        </svg>
+                        <div class="circle-text">
+                            <div class="circle-value">35%</div>
+                            <div class="circle-unit">改善</div>
+                        </div>
+                    </div>
+                    <div class="stat-label">SAS焦虑评分<br>65→42分</div>
+                </div>
+
+                <div class="progress-item">
+                    <div class="circle-progress" style="--progress: 54;">
+                        <svg>
+                            <circle class="circle-bg" cx="70" cy="70" r="50"></circle>
+                            <circle class="circle-fill" cx="70" cy="70" r="50"></circle>
+                        </svg>
+                        <div class="circle-text">
+                            <div class="circle-value">54%</div>
+                            <div class="circle-unit">改善</div>
+                        </div>
+                    </div>
+                    <div class="stat-label">PSQI睡眠指数<br>13→6分</div>
+                </div>
+
+                <div class="progress-item">
+                    <div class="circle-progress" style="--progress: 75;">
+                        <svg>
+                            <circle class="circle-bg" cx="70" cy="70" r="50"></circle>
+                            <circle class="circle-fill" cx="70" cy="70" r="50"></circle>
+                        </svg>
+                        <div class="circle-text">
+                            <div class="circle-value">150%</div>
+                            <div class="circle-unit">提升</div>
+                        </div>
+                    </div>
+                    <div class="stat-label">自我效能感<br>3→7.5分</div>
+                </div>
+
+                <div class="progress-item">
+                    <div class="circle-progress" style="--progress: 100;">
+                        <svg>
+                            <circle class="circle-bg" cx="70" cy="70" r="50"></circle>
+                            <circle class="circle-fill" cx="70" cy="70" r="50"></circle>
+                        </svg>
+                        <div class="circle-text">
+                            <div class="circle-value">100%</div>
+                            <div class="circle-unit">达成</div>
+                        </div>
+                    </div>
+                    <div class="stat-label">发言频率提升<br>0→2-3次/周</div>
+                </div>
+            </div>
+
+            <!-- 底部版权信息 -->
+            <div class="text-center" style="margin-top: var(--spacing-3xl); color: var(--text-gray);">
+                <p style="font-size: var(--text-xl); font-weight: var(--font-semibold); color: var(--primary-green);">💚 心理咨询服务全流程方案圆满完成!</p>
+                <p style="margin-top: var(--spacing-md); opacity: 0.8;">© 2024 大健康订单班 | 专业心理健康服务解决方案</p>
             </div>
         </div>
     </section>