白癜风AI咨询工作流单页生成器

触发场景

用户给出以下任一信号时触发本 Skill：

• "把这个咨询工作流做成网页/单页应用"
• "参考这个模板/链接，做成高端网页"
• "白癜风咨询工作流/话术库/患者分析做成网页"
• "把所有内容实现到网页里"
• 需要整合乐享知识库 + 医生IP + Skill + 专家内容到一个可浏览的HTML页面

输出目标

生成一个独立的 .html 文件，包含：

• Swiss International / Editorial 高端设计风格
• 响应式布局、左侧/顶部导航、章节锚点跳转
• 所有内容模块完整实现，不 placeholder
• 交互功能：分类筛选、一键复制、步骤切换、案例切换、LEARN卡片、拖拽上传、日历展示

设计规范（必须遵守）

色彩体系

• 主色：IKB克莱因蓝 #002FA7
• 辅助色：白癜风品牌青绿 #0d9488
• 警示色：琥珀 #d97706、玫瑰红 #dc2626、紫罗兰 #8b5cf6
• 背景：米白 #fafaf8、暖灰 #f3f0e8、深色 #0a0a0b

字体与排版

• 西文：Inter（200/300/400/500/600/700/800）
• 中文：Noto Serif SC / PingFang SC / Microsoft YaHei
• 大标题用极细字重（h1=200, h2=300, h3=400）
• 小标签/说明用粗字重（600+）
• 字母间距负值（-0.03em ~ -0.01em）

纹理与组件

• dot-matrix 网点纹理
• ring-matrix 环形纹理
• grid-lines 网格线纹理
• grain-paper 纸纹
• 卡片用 accent-card：左边框 3px 强调，hover 右移 4px
• 玻璃效果导航栏：backdrop-filter: blur(20px)
• 明暗交替章节：深蓝→纯白→暖色→暗色→青绿

间距系统

8px / 16px / 24px / 32px / 48px / 64px / 80px / 96px / 160px

内容模块（必须全部实现）

1. 知识原子库（10个KB）

• KB-01 检测设备：伍德灯、皮肤CT、血液免疫检查
• KB-02 治疗设备：308准分子激光、311 UVB
• KB-03 手术技术：Mic-D、PrimCell、母液渗透培植术
• KB-04 专利荣誉：医院专利、王香兰学术成就
• KB-05 服务质量：心理辅导、医患关系
• KB-06 学术进展：JAK抑制剂、维持治疗、饮食炎症指数
• KB-07 标杆案例：万家威爸爸、黄书福回访
• KB-08 儿童白癜风：治疗窗口、家长决策四层
• KB-09 患者心理：6大画像、TOP5痛点
• KB-10 合规政策：禁用/可用词汇、广告标注