import React, { useState } from 'react'; import { Activity, Target, Brain, Users, Info, Sun, Moon, ChevronRight, ChevronDown, Eye, ShieldCheck, Zap, Clock, Award, Layers, BarChart3, AlertTriangle, ArrowRight, Microscope, Thermometer, HeartPulse, Wind, Dumbbell, Move } from 'lucide-react'; const App = () => { const [activeTab, setActiveTab] = useState('constraints'); const [isDarkMode, setIsDarkMode] = useState(false); const [expandedSection, setOpenSection] = useState(null); const [selectedSubTab, setSelectedSubTab] = useState('childhood'); const [expandedMovePrint, setExpandedMovePrint] = useState('tier2'); // 图片资源映射 const images = { newell: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop", childhood: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop", }; // 1. 约束模型数据 const constraintsData = { individual: { title: '个体约束 (Individual Constraints)', icon: , desc: '个体自身的独特的生理与心理特征。', sub: [ { name: '结构性约束 (Structural)', content: '与个体的身体结构相关,随生长衰老变化缓慢。', details: [ '• 身高、体重、肢体长度(杠杆臂长)。', '• 肌肉质量与肌纤维类型分布。', '• 骨关节结构(如 KOA 患者的软骨磨损程度)。', '• 意义:这是动作发生的“物理边界”,决定了动作的力学可能性。' ] }, { name: '功能性约束 (Functional)', content: '与行为功能相关,变化较快,受心理状态影响显著。', details: [ '• 动机 (Motivation)、恐惧 (Fear)、专注力 (Attention)。', '• 对疼痛的预期与察觉 (Awareness)。', '• 意义:在康复中,往往是“功能性约束”(如不敢动)先于“结构性约束”(不能动)限制了患者。' ] } ] }, environmental: { title: '环境约束 (Environmental Constraints)', icon: , desc: '存在于个体之外的物理和社会环境属性。', sub: [ { name: '物理环境 (Physical)', content: '外部世界的物理特性。', details: [ '• 重力、地面的摩擦力、光线强弱、环境温度。', '• 举例:老年人在湿滑路面(低摩擦力环境)会自动调整步态为“企鹅步”以增加稳定性。' ] }, { name: '社会文化 (Sociocultural)', content: '影响动作选择的无形力量。', details: [ '• 性别刻板印象(如“女孩子不该玩泥巴”限制了特定的探索性动作)。', '• 社会对老年人运动的期望(过度保护反而加速功能退化)。', '• 意义:它决定了哪些动作技能会被“鼓励”从而得到反复练习。' ] } ] }, task: { title: '任务约束 (Task Constraints)', icon: , desc: '与具体的动作目标、规则和器械相关。', sub: [ { name: '目标与规则 (Goals & Rules)', content: '动作的意图与限制。', details: [ '• 目标:如“把球投进篮筐” vs “把球传给队友”。', '• 规则:如“篮球比赛中必须运球移动”。规则的改变会立即引发动作模式的重组。' ] }, { name: '器械属性 (Equipment)', content: '外部工具的物理特性。', details: [ '• 器械的大小、重量、形状。', '• 关键应用:为儿童提供“按比例缩小”的球拍(Body Scaling),能显著提升动作表现。' ] } ] } }; // 2. 动作技能拆解 const skillCategories = [ { title: '移动技能 (Locomotor Skills)', desc: '驱使身体在空间中发生位移的能力,是探索环境的基础。', subs: [ { name: '基础水平位移', tags: ['步行 (Walking)', '跑步 (Running)', '滑步 (Sliding)'], insight: '步态周期中的双支撑相(Double Support Phase)是评估稳定性的黄金指标。' }, { name: '垂直/爆发位移', tags: ['跳跃 (Jumping)', '跨步跳 (Hopping)', '单脚跳 (Leaping)'], insight: '需要下肢力量作为“速率控制器 (Rate Limiter)”,即力量不足时,技巧再好也无法完成动作。' }, { name: '四肢着地移动', tags: ['爬行 (Crawling)', '匍匐 (Creeping)', '熊爬 (Bear Crawl)'], insight: '不仅是婴儿专利,也是成人核心与协调性训练的高级形式。' } ] }, { title: '操控技能 (Object Control Skills)', desc: '赋予个体与物体交互的能力,分为对物体的施力与受力。', subs: [ { name: '爆发/抛射型 (Ballistic)', tags: ['投掷 (Throwing)', '踢球 (Kicking)', '挥击 (Striking)'], insight: '核心特征是“开链运动”,能量从身体核心向末梢(手/脚)的链式传递。' }, { name: '接收/吸收型 (Reception)', tags: ['接球 (Catching)', '停球 (Trapping)', '格挡 (Blocking)'], insight: '高度依赖视觉追踪与“重合预期 (Coincidence-Anticipation)”,即预判物体何时到达何处。' } ] }, { title: '稳定性技能 (Stability Skills)', desc: '对抗重力、维持平衡的能力,是一切动作的地基。', subs: [ { name: '静态平衡', tags: ['单足站立', '倒立', '核心支撑'], insight: '看似不动,实则是姿势控制肌群在微观层面的持续调整。' }, { name: '动态轴向运动', tags: ['旋转 (Spinning)', '弯曲 (Bending)', '摆动 (Swinging)'], insight: '在重心变化中维持身体控制,是防跌倒能力的关键。' } ] } ]; // 5. MovePrint 数据结构 - Tier 已改为 Stage const movePrintTiers = [ { id: 'tier1', title: 'Stage 1: 动作基础', eng: 'Fundamentals', color: 'bg-slate-500', activeColor: 'bg-slate-600', icon: , desc: '动作的生理底座。关注内部状态,若此层级受限,上层能力将被抑制。', details: [ { label: '呼吸', sub: '腹内压调节', desc: '动作的起始点。', icon: }, { label: '疼痛', sub: '保护信号', desc: '改变动作模式的指令。', icon: }, { label: '炎症', sub: '生化环境', desc: '导致肌肉神经抑制。', icon: }, { label: '恢复', sub: 'HRV/睡眠', desc: '适应压力的储备。', icon: }, { label: '情绪', sub: '恐惧回避', desc: '康复早期的关键门槛。', icon: } ] }, { id: 'tier2', title: 'Stage 2: 动作胜任度', eng: 'Competency', color: 'bg-indigo-600', activeColor: 'bg-indigo-700', icon: , desc: '桥接临床与训练的“咽喉要道”。关注动作质量而非负荷。', details: [ { label: '活动度', sub: '局部特性', desc: '关节主动通过范围的能力。', icon: }, { label: '稳定性', sub: '抗干扰', desc: '维持关节位置的能力。', icon: }, { label: '协调性', sub: '全身整合', desc: '多关节流畅配合的能力。', icon: } ] }, { id: 'tier3', title: 'Stage 3: 动作容量', eng: 'Capacity', color: 'bg-emerald-500', activeColor: 'bg-emerald-600', icon: , desc: '表现输出的“结果区”。决定了身体能做多少功。', details: [ { label: '力量', sub: '抗阻能力', desc: '防止跌倒的速率控制器。', icon: }, { label: '爆发力', sub: '做功效率', desc: '力 × 速度。', icon: }, { label: '耐力', sub: '抗疲劳', desc: '重复收缩的能力。', icon: }, { label: '速度', sub: '快速变向', desc: '位移效率。', icon: }, { label: '心肺', sub: '系统供能', desc: '支持长时间活动。', icon: } ] } ]; return (
{/* 顶部导航 */}

Life Span Motor Development 7th Ed

MovePrint Core • Interactive Dashboard

{/* 左侧导航栏 */} {/* 移动端导航 */}
{[ { id: 'constraints', label: '约束模型' }, { id: 'skills', label: '技能图谱' }, { id: 'lifecycle', label: '生命周期' }, { id: 'perception', label: '感知耦合' }, { id: 'moveprint', label: 'MovePrint' }, ].map(item => ( ))}
{/* 主内容区 */}
{/* Section 1: 纽厄尔约束模型 */} {activeTab === 'constraints' && (
{/* Header Image Card - 主题适配文字对比度 */}
Newell's Model Visualization
Core Theory

纽厄尔约束模型

动作不是预先编制好的程序,而是个体 (Individual)环境 (Environment)任务 (Task)三者动态交互的涌现结果 (Emergence)。

{Object.entries(constraintsData).map(([key, group]) => (
{group.icon}

{group.title}

{group.desc}

{group.sub.map((item, idx) => (
{expandedSection === item.name && (

{item.content}

    {item.details.map((detail, dIdx) => (
  • {detail}
  • ))}
)}
))}
))}
)} {/* Section 2: 动作技能图谱 */} {activeTab === 'skills' && (

动作技能图谱

Taxonomy of Motor Skills
{skillCategories.map((cat, idx) => (

{cat.title}

{cat.desc}

{cat.subs.map((sub, sIdx) => (

{sub.name}

{sub.tags.map((tag, tIdx) => ( {tag} ))}

💡 Pro Insight: {sub.insight}

))}
))}
)} {/* Section 3: 生命周期 - 修复暗色模式文字 */} {activeTab === 'lifecycle' && (

全生命周期动作演化

{['childhood', 'adulthood', 'elderly'].map(t => ( ))}
{selectedSubTab === 'childhood' && (
Child Development Visualization

一刀切 vs 个体差异

图片象征着儿童内在爆发式的、非线性的动作潜能。真实的动作发展是波动的,而非线性的阶梯。僵化的考核标准往往忽视了个体的速率控制器差异。

痛点直击:过时的“标准化体育考试”

目前的体育考试标准(如规定所有人必须完成相同数量的引体向上)沿用了100多年前的工业化思维,默认所有儿童按照同一速率发育(Universality)。

科学事实: 儿童A可能具备了完美的动作协调性(Skill),但由于缺乏肌肉力量(Individual Constraint - Rate Limiter),导致无法完成动作。此时判定其“体育不及格”是荒谬的,因为力量会随生长发育自然解决,而对其动作自信心的打击却是永久的。

发展屏障 (Proficiency Barrier)

如果在儿童期未能建立丰富的基础动作模式(如投掷、跳跃),就会在动作发展中形成一道“看不见的墙”。成年后想学习网球或滑雪时,会因为缺乏底层拼图而寸步难行。

新的评估范式

不应考核“结果”(做了几个),而应考核“过程”(动作模式是否正确)。例如,评估投掷时是否利用了躯干旋转,而非球扔了多远。

)} {selectedSubTab === 'adulthood' && (

察觉力缺失 (Lack of Awareness)

成年人最大的动作危机不是“能力下降”,而是进入了“自动驾驶模式”

损伤机制

由于缺乏对动作胜任度(Movement Competency)的察觉,成年人往往用“代偿模式”去完成任务(如腰椎代偿髋关节活动度不足)。这种错误的动力定型在日复一日的重复中,最终导致软组织耗损。

解决方案:Knee+ 逻辑

必须引入外部反馈(Feedback)。无论是镜子、教练还是数字化APP(如 Knee+),核心作用是充当“感知放大器”,帮助用户重建“大脑-身体”的感知闭环,将潜意识的错误动作显性化。

)} {selectedSubTab === 'elderly' && (

倒退假说:Last-in, First-out

Gerontology Logic

动作发展的退化往往是成长的逆过程。最晚获得的精细控制能力(如快速旋转中的平衡),往往最先在衰老中丢失。

策略转换:从机动性到稳定性

老年人会本能地通过缩短步幅、增加双脚支撑时间、加宽站距来牺牲机动性(Mobility),以换取绝对的稳定性(Stability)。这不是病态,而是智慧的生存策略。

可逆性:力量是核心速率控制器

研究表明,导致老年人跌倒的往往不是“平衡感”消失,而是下肢力量(Strength)下降到了无法支撑体重快速移动的阈值。力量训练是打破这一负向循环的最关键杠杆。

)}
)} {/* Section 4: 感知-动作耦合 */} {activeTab === 'perception' && (

感知-动作耦合 (Perception-Action Coupling)

不仅是“看”,而是“交互”

感知不是被动地拍摄照片,而是一个主动搜索信息的过程。我们移动眼睛、头部和身体,是为了获取更好的信息来指导动作;而动作本身又产生了新的感知信息。这是一个无法分割的莫比乌斯环。

关键概念 1:功能可供性 (Affordances)

(Gibson, 1979) 物体对我们意味着什么,取决于我们的动作能力。一把椅子对成年人“可供坐下”,对幼儿则“可供攀爬”,对甚至可能“可供躲藏”。环境是主观的。

关键概念 2:身体比例缩放 (Body Scaling)

我们根据自己的身体尺寸来度量世界。楼梯是否好爬,不取决于台阶的绝对高度,而取决于台阶高度与我们腿长的比例。
应用:给儿童使用成人规格的篮球架是违反 Body Scaling 原则的,会破坏其投篮动作模式。

Coupling Loop

)} {/* Section 5: MovePrint - 布局垂直堆叠 & Stage 命名修正 */} {activeTab === 'moveprint' && (
Confidential Framework

MovePrint 动作指纹

基于全生命周期约束模型的数字化映射系统。将“动作”从单纯的物理位移,解构为有意义的生物学表达。

{movePrintTiers.map((tier) => (
{/* Header */} {/* Expanded Content */} {expandedMovePrint === tier.id && (

"{tier.desc}"

{tier.details.map((item, idx) => (
{item.icon}
{item.label}

{item.sub}

{item.desc}

))}
)}
))}
)}
); }; export default App;