/* ── Sections (Lower-Crossed diagram, lists, exercises, etc.) ─────── */ /* ── State toggle: 3-button pill ───────────────────────────────── */ function StateToggle({ phase, setPhase }) { return (
{STATES.map((s, i) => { const info = STATE_INFO[s]; const active = phase === s; return ( ); })}
); } /* ── Selected muscle info card ─────────────────────────────────── */ function MuscleCard({ id, phase, onClose }) { if (!id) { return (
↑ tap a muscle band to inspect / 点击肌肉查看详情
); } const m = MUSCLES[id]; const stateName = m.states[phase]; const sty = STATE_STYLE[stateName]; return (
{m.cn}
{m.en}
{sty.zhCn} · {m.chain}
); } function Field({ label, en, v, mono }) { return (
{label}
{en}
{v}
); } /* ── Angle gauge ─────────────────────────────────────────────── */ function AngleGauge({ phase }) { const a = STATE_INFO[phase].angle; // gauge from 0 to 30 deg const pct = Math.min(1, a / 30); const isAbnormal = a > 12; return (
ASIS – PSIS · 倾角
{a}° 正常区间 4°–7°
{isAbnormal ? '前倾 · TILT' : '中立 · NEUTRAL'}
{/* Bar */}
{/* normal range zone (4-7 deg of 30) */}
{/* abnormal threshold (>12 region) */}
0°15°30°
); } /* ── Lower-crossed schematic (the iconic Janda X) ─────────────── */ function LowerCrossDiagram() { return ( {/* Front-back axes labels */} 前 Anterior 后 Posterior {/* Quadrants */} {/* Top-back: tight erector spinae */} 紧张 · TIGHT 腰部竖脊肌 Erector Spinae {/* Top-front: weak abs */} 抑制 · WEAK 腹直 / 腹横肌 Abdominals {/* Bottom-front: tight hip flexors */} 紧张 · TIGHT 髂腰肌 + 股直肌 Hip Flexors {/* Bottom-back: weak glutes */} 抑制 · WEAK 臀大肌 / 臀中肌 Glutes {/* The X — diagonal connecting tight quadrants */} {/* Inhibition diagonal */} {/* Center label */} cross ); } /* ── Symptoms / Causes grids ──────────────────────────────────── */ function SymptomsGrid() { return (
{SYMPTOMS.map((s, i) => (
0{i+1} {s.cn}
{s.en}
{s.why}
))}
); } function CauseIcon({ kind }) { const c = 'var(--rust-deep)'; const sw = 1.5; switch (kind) { case 'chair': return ( ); case 'heel': return ( ); case 'preg': return ( ); case 'core': return ( ); case 'glute': return ( ); case 'back': return ( ); } return null; } function CausesGrid() { return (
{CAUSES.map((c, i) => (
{c.cn}
{c.en}
))}
); } /* ── Exercises ───────────────────────────────────────────────── */ function ExerciseList() { return (
); } function ExerciseGroup({ title, en, items, accent, hint }) { return (
{title}
{hint}
{en}
{items.map((x, i) => (
0{i+1}
{x.cn} {x.en}
目标 → {x.target}
{x.dose}
))}
); } Object.assign(window, { StateToggle, MuscleCard, AngleGauge, LowerCrossDiagram, SymptomsGrid, CausesGrid, ExerciseList });