Files
n8n_Demo/web_frontend/web_result/order-classes/health/index.html
Yep_Q 9e95d95031 feat: 完成大健康订单班展示页面开发
详细说明:
- 主题: 心理咨询服务全流程方案
- 配色: 翠绿医疗主题(#10b981, #059669, #34d399)
- 4个专家角色: 用户分析师、心理学家、治疗师、精神病学家
- 核心内容: CBT认知行为疗法、MBCT正念减压、社交暴露训练
- 数据展示: SAS/SDS/PSQI量表评估、12次咨询周期、6个干预阶段
- 功能特性: 深色/浅色主题切换、玻璃态设计、懒加载、视差滚动
- 文件清单:
  * index.html (723行) - 完整页面结构
  * css/styles.css (962行) - 翠绿医疗主题样式
  * js/main.js (268行) - 交互逻辑和统计动画
  * symlinks: agent-avatars/ 和 images/
- 影响模块: 订单班展示系统
- 进度: 8/12订单班完成

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-05 00:58:47 +08:00

723 lines
37 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>心理咨询服务全流程方案 - 大健康订单班</title>
<link rel="stylesheet" href="css/styles.css">
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
</head>
<body class="dark-theme">
<!-- 主题切换按钮 -->
<div class="theme-toggle">
<button id="themeToggleBtn" class="theme-toggle-btn">
<i data-lucide="sun" class="theme-icon theme-icon-light"></i>
<i data-lucide="moon" class="theme-icon theme-icon-dark"></i>
</button>
</div>
<!-- Hero 区域 -->
<section class="hero">
<div class="hero-content">
<div class="hero-badge">💚 大健康订单班</div>
<h1 class="hero-title">心理咨询服务<br>全流程方案</h1>
<h2 class="hero-subtitle">科学评估 · 系统干预 · 持续跟踪</h2>
<p class="hero-description">
<i data-lucide="brain"></i> 认知行为疗法(CBT)核心<br>
<i data-lucide="heart"></i> 专业心理测评体系<br>
<i data-lucide="activity"></i> 全周期效果追踪
</p>
</div>
</section>
<!-- 导航栏 -->
<nav class="nav">
<div class="nav-container">
<div class="nav-item active">
<i data-lucide="user-search"></i>
<span>用户分析</span>
</div>
<div class="nav-item">
<i data-lucide="target"></i>
<span>问题评估</span>
</div>
<div class="nav-item">
<i data-lucide="clipboard-list"></i>
<span>咨询方案</span>
</div>
<div class="nav-item">
<i data-lucide="chart-line"></i>
<span>效果评估</span>
</div>
</div>
</nav>
<!-- Section 1: 用户分析与初步接待 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/用户分析师.jpg" alt="用户分析师" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="user-search"></i> 用户分析师
</div>
<h2 class="section-title">用户分析与初步接待</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="user-circle"></i> 来访者基本情况</h3>
<p>来访者为27岁女性互联网公司运营专员工作半年独居于一线城市合租公寓日均通勤45分钟近期生活节奏紧张饮食不规律。家庭结构为父母在外地沟通频率低情感支持有限。近三个月反复出现社交焦虑症状严重影响工作表现和生活质量。</p>
</div>
<div class="grid grid-2">
<div class="card">
<div class="card-header">
<h3 class="card-title">问题陈述</h3>
</div>
<div class="card-body">
<p><strong>主要症状:</strong></p>
<ul class="feature-list">
<li><i data-lucide="message-square"></i> 被点名发言时紧张到说不出话</li>
<li><i data-lucide="users"></i> 害怕在团队会议中出丑</li>
<li><i data-lucide="moon"></i> 会议前一晚睡不着觉</li>
<li><i data-lucide="brain"></i> 第二天脑子一片空白</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">初步心理测评</h3>
</div>
<div class="card-body">
<p><strong>专业量表评估:</strong></p>
<ul class="feature-list">
<li><i data-lucide="alert-triangle"></i> SAS焦虑量表: 65分(中度焦虑)</li>
<li><i data-lucide="frown"></i> SDS抑郁量表: 58分(轻度抑郁)</li>
<li><i data-lucide="moon"></i> PSQI睡眠指数: 13分(睡眠障碍)</li>
<li><i data-lucide="trending-down"></i> 自我效能: 3/10分(偏低)</li>
</ul>
</div>
</div>
</div>
<div class="image-container" style="margin-top: var(--spacing-xl);">
<img data-src="images/情绪数据分析表.jpg" alt="情绪数据分析表" loading="lazy">
<div class="image-caption">专业心理测评数据分析报告</div>
</div>
<div class="grid grid-3" style="margin-top: var(--spacing-xl);">
<div class="card">
<div class="card-header">
<h3 class="card-title">情绪观察</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="zap"></i> 语速偏快,双手紧握</li>
<li><i data-lucide="eye-off"></i> 眼神回避,不敢直视</li>
<li><i data-lucide="droplet"></i> 谈到考核时眼眶泛红</li>
<li><i data-lucide="activity"></i> 情绪波动明显</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">咨询动机</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="target"></i> 改善公众发言焦虑</li>
<li><i data-lucide="briefcase"></i> 试用期前恢复自信</li>
<li><i data-lucide="trending-up"></i> 提升工作表现</li>
<li><i data-lucide="users"></i> 改善人际关系</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">咨询契约</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="clock"></i> 时长: 50分钟/次</li>
<li><i data-lucide="calendar"></i> 周期: 8-10次</li>
<li><i data-lucide="repeat"></i> 频率: 每周1次</li>
<li><i data-lucide="shield"></i> 严格保密原则</li>
</ul>
</div>
</div>
</div>
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">SAS焦虑评分</div>
<div class="stat-value sas-score">0分</div>
</div>
<div class="stat-item">
<div class="stat-label">SDS抑郁评分</div>
<div class="stat-value sds-score">0分</div>
</div>
<div class="stat-item">
<div class="stat-label">睡眠质量指数</div>
<div class="stat-value psqi-score">0分</div>
</div>
<div class="stat-item">
<div class="stat-label">自我效能感</div>
<div class="stat-value">3/10</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 2: 问题评估与目标设定 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/心理学家.jpg" alt="心理学家" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="brain"></i> 心理学家
</div>
<h2 class="section-title">问题评估与目标设定</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="search"></i> 问题根源分析</h3>
<p>通过深入分析发现,来访者困扰起始于入职第3个月的全员会议,当时被临时点名发言,因准备不足而出现严重紧张,事后同事的玩笑让她觉得"出丑"。近期又因试用期考核和与同组同事的绩效比较加剧了紧张感。明确诱因为:突发公众表达场景+高压绩效考核。</p>
</div>
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
<img data-src="images/心理状态结构化分析示意图.jpg" alt="心理状态分析" loading="lazy">
<div class="image-caption">心理状态结构化分析模型</div>
</div>
<div class="grid grid-2">
<div class="card">
<div class="card-header">
<h3 class="card-title">维持机制识别</h3>
</div>
<div class="card-body">
<p><strong>三个层面分析:</strong></p>
<ul class="feature-list">
<li><i data-lucide="brain"></i> 思维层面: 负性自动化思维("大家都觉得我很差")</li>
<li><i data-lucide="activity"></i> 行为层面: 安全行为(写逐字稿、坐角落、避免眼神)</li>
<li><i data-lucide="heart-pulse"></i> 生理层面: 心跳加速、手心出汗、呼吸急促</li>
<li><i data-lucide="refresh-cw"></i> 循环强化: 短期缓解导致长期恶化</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">生活功能影响</h3>
</div>
<div class="card-body">
<p><strong>多维度受损:</strong></p>
<ul class="feature-list">
<li><i data-lucide="briefcase"></i> 工作: 无法完整表达,影响团队协作</li>
<li><i data-lucide="moon"></i> 睡眠: 入睡延长至40-60分钟</li>
<li><i data-lucide="users"></i> 人际: 主动交流减少,午餐独自解决</li>
<li><i data-lucide="trending-down"></i> 效能: 自评仅3分(正常6-7分)</li>
</ul>
</div>
</div>
</div>
<div class="image-container" style="margin-top: var(--spacing-xl);">
<img data-src="images/目标设定可视化示意图.jpg" alt="目标设定" loading="lazy">
<div class="image-caption">科学目标设定可视化模型</div>
</div>
<div class="table-container" style="margin-top: var(--spacing-xl);">
<table>
<thead>
<tr>
<th>目标阶段</th>
<th>具体目标</th>
<th>评估指标</th>
<th>预期时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>短期目标</td>
<td>识别负性思维,掌握放松训练</td>
<td>记录思维≥3条/次,焦虑9→6分</td>
<td>1-4次咨询</td>
</tr>
<tr>
<td>中期目标</td>
<td>小组会议主动发言,改善睡眠</td>
<td>发言≥2次/周,PSQI≤8分</td>
<td>5-8次咨询</td>
</tr>
<tr>
<td>长期目标</td>
<td>公众场合独立发言,焦虑正常化</td>
<td>SAS≤45分,焦虑≤4/10分</td>
<td>8-12次咨询</td>
</tr>
<tr>
<td>维持目标</td>
<td>自我效能提升并保持稳定</td>
<td>效能≥7分,保持1月以上</td>
<td>后续巩固</td>
</tr>
</tbody>
</table>
</div>
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">咨询周期</div>
<div class="stat-value">8-10次</div>
</div>
<div class="stat-item">
<div class="stat-label">目标焦虑评分</div>
<div class="stat-value target-anxiety">0/10</div>
</div>
<div class="stat-item">
<div class="stat-label">目标睡眠指数</div>
<div class="stat-value">≤8分</div>
</div>
<div class="stat-item">
<div class="stat-label">预期总周期</div>
<div class="stat-value">3-4月</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 3: 咨询方案制定 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/治疗师.jpg" alt="治疗师" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="stethoscope"></i> 治疗师
</div>
<h2 class="section-title">咨询方案制定</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="clipboard-list"></i> 干预方法选择</h3>
<p>采用认知行为疗法(CBT)为主,帮助来访者识别并修正负性自动化思维(如"我一定会出丑")。辅以正念减压(MBCT),提升其觉察与情绪调节能力。在人际层面适度引入社交暴露训练,逐步减少会议发言恐惧。</p>
</div>
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
<img data-src="images/干预方法选择示意图.jpg" alt="干预方法" loading="lazy">
<div class="image-caption">科学干预方法体系架构</div>
</div>
<div class="grid grid-3">
<div class="card">
<div class="card-header">
<h3 class="card-title">认知行为疗法(CBT)</h3>
</div>
<div class="card-body">
<p><strong>核心技术:</strong></p>
<ul class="feature-list">
<li><i data-lucide="eye"></i> 识别负性自动化思维</li>
<li><i data-lucide="edit"></i> 认知重构与替换</li>
<li><i data-lucide="list"></i> 思维记录与分析</li>
<li><i data-lucide="check-circle"></i> 行为实验验证</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">正念减压(MBCT)</h3>
</div>
<div class="card-body">
<p><strong>练习方法:</strong></p>
<ul class="feature-list">
<li><i data-lucide="wind"></i> 正念呼吸10分钟/日</li>
<li><i data-lucide="scan"></i> 身体扫描练习</li>
<li><i data-lucide="heart"></i> 非评判性接纳</li>
<li><i data-lucide="compass"></i> 提升情绪觉察力</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">社交暴露训练</h3>
</div>
<div class="card-body">
<p><strong>渐进式练习:</strong></p>
<ul class="feature-list">
<li><i data-lucide="users"></i> 模拟会议演练</li>
<li><i data-lucide="mic"></i> 逐步延长发言时长</li>
<li><i data-lucide="trending-up"></i> 小组→全员会议</li>
<li><i data-lucide="target"></i> 减少安全行为依赖</li>
</ul>
</div>
</div>
</div>
<div class="grid grid-2" style="margin-top: var(--spacing-xl);">
<div class="card">
<div class="card-header">
<h3 class="card-title">咨询周期安排</h3>
</div>
<div class="card-body">
<p><strong>12次会谈计划:</strong></p>
<ul class="feature-list">
<li><i data-lucide="calendar"></i> 前6次: 集中干预期,每周1次</li>
<li><i data-lucide="calendar-check"></i> 后6次: 巩固期,每2周1次</li>
<li><i data-lucide="clock"></i> 单次时长: 50分钟</li>
<li><i data-lucide="trending-up"></i> 总周期: 3-4个月</li>
<li><i data-lucide="settings"></i> 根据进展可调整</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">放松训练技巧</h3>
</div>
<div class="card-body">
<p><strong>实用方法:</strong></p>
<ul class="feature-list">
<li><i data-lucide="wind"></i> 腹式呼吸训练</li>
<li><i data-lucide="activity"></i> 渐进性肌肉放松</li>
<li><i data-lucide="image"></i> 想象放松技术</li>
<li><i data-lucide="target"></i> 焦虑场景应用</li>
<li><i data-lucide="trending-down"></i> 目标: 9/10→6/10</li>
</ul>
</div>
</div>
</div>
<div class="table-container" style="margin-top: var(--spacing-xl);">
<table>
<thead>
<tr>
<th>咨询阶段</th>
<th>次数</th>
<th>核心内容</th>
<th>预期成果</th>
</tr>
</thead>
<tbody>
<tr>
<td>评估建立期</td>
<td>第1-2次</td>
<td>深化评估,讲解CBT模型,记录思维</td>
<td>建立咨询关系,理解焦虑机制</td>
</tr>
<tr>
<td>认知重构期</td>
<td>第3-4次</td>
<td>认知重构练习,替换负性思维</td>
<td>掌握认知技术,思维灵活度↑</td>
</tr>
<tr>
<td>技能训练期</td>
<td>第5-6次</td>
<td>呼吸放松,肌肉放松,焦虑应对</td>
<td>焦虑控制能力提升(9→6分)</td>
</tr>
<tr>
<td>暴露练习期</td>
<td>第7-8次</td>
<td>模拟演练,真实场景发言练习</td>
<td>会议发言≥2次/周,时长3分钟</td>
</tr>
<tr>
<td>正念整合期</td>
<td>第9-10次</td>
<td>正念练习,非评判性接纳紧张</td>
<td>情绪调节能力提升</td>
</tr>
<tr>
<td>巩固结案期</td>
<td>第11-12次</td>
<td>复盘成果,预防复发,再测量表</td>
<td>SAS≤45分,具备自我维持能力</td>
</tr>
</tbody>
</table>
</div>
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">总咨询次数</div>
<div class="stat-value therapy-sessions">0次</div>
</div>
<div class="stat-item">
<div class="stat-label">核心技术数</div>
<div class="stat-value">3种</div>
</div>
<div class="stat-item">
<div class="stat-label">练习频率</div>
<div class="stat-value">每日</div>
</div>
<div class="stat-item">
<div class="stat-label">咨询阶段</div>
<div class="stat-value therapy-stages">0个</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 4: 效果评估与后期巩固 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/精神病学家.jpg" alt="精神病学家" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="award"></i> 精神病学家
</div>
<h2 class="section-title">效果评估与后期巩固</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="chart-line"></i> 效果评估</h3>
<p>通过对比前后测评数据、回顾目标达成度和来访者主观感受,科学评估干预成效。此阶段要确保来访者能将咨询中习得的认知、行为和情绪调节技巧融入日常生活,实现长期心理健康。</p>
</div>
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
<img data-src="images/临床心理结案报告.jpg" alt="结案报告" loading="lazy">
<div class="image-caption">临床心理咨询结案报告</div>
</div>
<div class="grid grid-2">
<div class="card">
<div class="card-header">
<h3 class="card-title">量表数据对比</h3>
</div>
<div class="card-body">
<p><strong>前后测对比:</strong></p>
<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="trending-down"></i> PSQI: 13分→6分(改善54%)</li>
<li><i data-lucide="trending-up"></i> 效能: 3/10→7.5/10(提升150%)</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">目标达成情况</h3>
</div>
<div class="card-body">
<p><strong>各阶段成果:</strong></p>
<ul class="feature-list">
<li><i data-lucide="check-circle"></i> 短期: 识别思维≥5条/周 ✅</li>
<li><i data-lucide="check-circle"></i> 中期: 稳定发言2-3分钟 ✅</li>
<li><i data-lucide="check-square"></i> 长期: 焦虑控制4-5/10 ⚡</li>
<li><i data-lucide="trending-up"></i> 需继续练习巩固</li>
</ul>
</div>
</div>
</div>
<div class="grid grid-3" style="margin-top: var(--spacing-xl);">
<div class="card">
<div class="card-header">
<h3 class="card-title">随访计划</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="phone"></i> 1个月后电话回访</li>
<li><i data-lucide="video"></i> 检查焦虑与睡眠</li>
<li><i data-lucide="user-check"></i> 3个月后面对面</li>
<li><i data-lucide="clipboard-check"></i> 再次量表评估</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">复发预防</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="alert-triangle"></i> 识别预警信号</li>
<li><i data-lucide="book-open"></i> 复习认知技术</li>
<li><i data-lucide="activity"></i> 持续放松练习</li>
<li><i data-lucide="phone-call"></i> 必要时及时求助</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">巩固建议</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="calendar"></i> 每日正念10分钟</li>
<li><i data-lucide="edit"></i> 每周思维记录</li>
<li><i data-lucide="users"></i> 参加支持小组</li>
<li><i data-lucide="book"></i> 阅读自助书籍</li>
</ul>
</div>
</div>
</div>
<div class="table-container" style="margin-top: var(--spacing-xl);">
<table>
<thead>
<tr>
<th>评估维度</th>
<th>干预前</th>
<th>干预后</th>
<th>改善幅度</th>
</tr>
</thead>
<tbody>
<tr>
<td>SAS焦虑量表</td>
<td>65分(中度焦虑)</td>
<td>42分(正常)</td>
<td>↓35%</td>
</tr>
<tr>
<td>SDS抑郁量表</td>
<td>58分(轻度抑郁)</td>
<td>46分(正常)</td>
<td>↓20%</td>
</tr>
<tr>
<td>PSQI睡眠指数</td>
<td>13分(严重障碍)</td>
<td>6分(轻度失眠)</td>
<td>↓54%</td>
</tr>
<tr>
<td>自我效能感</td>
<td>3/10分</td>
<td>7.5/10分</td>
<td>↑150%</td>
</tr>
<tr>
<td>会议焦虑评分</td>
<td>9/10分</td>
<td>4-5/10分</td>
<td>↓50%</td>
</tr>
<tr>
<td>发言频率</td>
<td>0次/周</td>
<td>2-3次/周</td>
<td>显著提升</td>
</tr>
</tbody>
</table>
</div>
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">焦虑改善率</div>
<div class="stat-value improvement-rate">0%</div>
</div>
<div class="stat-item">
<div class="stat-label">睡眠改善率</div>
<div class="stat-value">54%</div>
</div>
<div class="stat-item">
<div class="stat-label">效能提升率</div>
<div class="stat-value">150%</div>
</div>
<div class="stat-item">
<div class="stat-label">随访次数</div>
<div class="stat-value">2次</div>
</div>
</div>
</div>
</div>
</section>
<!-- 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);">
<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>
</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>
<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>
<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>
</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>
</div>
</div>
</section>
<script src="js/main.js"></script>
</body>
</html>