guanwei 1.1.1

package/src/components/arts/BaziArt.tsx

@@ -0,0 +1,269 @@
+// 四柱八字：输入面板（含出生地点→真太阳时）+ 结果渲染（四柱/五行/十神）
+import { useState } from 'react';
+import { baziCalc } from '@core/engine/bazi';
+import { SHISHEN_MAP, WUXING } from '@core/data/ganzhi';
+import type { BaziResult, GeoLocation } from '@core/types';
+import type { UserProfile } from '@/utils/userStore';
+import LocationPicker from '@/components/LocationPicker';
+import { currentUser } from '@/utils/userStore';
+import SongSelect from '@/components/SongSelect';
+import DateInput from '@/components/DateInput';
+import ProfilePicker from '@/components/ProfilePicker';
+import { timeToHourIndex } from '@/data/shichen';
+import TimeShichenInput from '@/components/TimeShichenInput';
+import { ResultCard } from '@/components/ResultCard';
+import { isChinaDSTDate } from '@/utils/dst';
+import { apiHourInfer, type HourInferResult } from '@/services/api';
+import { baziTone } from '@/utils/panTone';
+import LifeEventsInput, { type LifeEvent } from '@/components/LifeEventsInput';
+
+
+interface PanelProps { onDivine: (inputs: unknown, profile?: UserProfile, question?: string, profileId?: string) => void; }
+
+export function BaziPanel({ onDivine }: PanelProps) {
+  const user = currentUser();
+  const p = user?.profile;
+  const [date, setDate] = useState(p?.birthDate || '1990-06-15');
+  const [birthTime, setBirthTime] = useState(p?.birthTime || '12:00');
+  const [hourUnknown, setHourUnknown] = useState(p?.birthTimeUnknown || false);
+  const [gender, setGender] = useState<'男' | '女'>(p?.gender || '男');
+  const [loc, setLoc] = useState<GeoLocation | null>(p?.location || null);
+  const [question, setQuestion] = useState('');
+  const [profileSrc, setProfileSrc] = useState<{ id: string; name: string } | null>(null);
+  const [lifeEvents, setLifeEvents] = useState<LifeEvent[]>(p?.lifeEvents || []);
+  // 时辰推演（时辰未知时）
+  const [inferOpen, setInferOpen] = useState(false);
+  const [eventsText, setEventsText] = useState('');
+  const [inferring, setInferring] = useState(false);
+  const [inferResult, setInferResult] = useState<HourInferResult | null>(null);
+  const [inferErr, setInferErr] = useState('');
+  const dst = isChinaDSTDate(date);
+
+  const filled = p && date === p.birthDate && birthTime === p.birthTime && gender === p.gender && JSON.stringify(loc) === JSON.stringify(p.location) && !hourUnknown;
+  const [formMsg, setFormMsg] = useState('');
+  const go = () => {
+    const [y, m, d] = date.split('-').map(Number);
+    if (!y || !m || !d) { setFormMsg('⚠ 请先填写有效的出生日期'); return; }
+    if (new Date(y, m - 1, d).getMonth() !== m - 1) { setFormMsg('⚠ 出生日期不合法，请检查'); return; }
+    setFormMsg('');
+    const hourIdx = hourUnknown ? -1 : timeToHourIndex(birthTime);
+    onDivine(
+      hourUnknown
+        ? { y, m, d, hourIndex: -1, gender, location: loc ?? undefined }
+        : { y, m, d, hourIndex: hourIdx, time: birthTime, gender, location: loc ?? undefined },
+      { birthDate: date, birthTime: hourUnknown ? '' : birthTime, birthHourIndex: hourIdx, birthTimeUnknown: hourUnknown || undefined, gender, location: loc, lifeEvents: lifeEvents.length ? lifeEvents : undefined },
+      question.trim(),
+      profileSrc?.id || 'main'
+    );
+  };
+
+  const runInfer = async () => {
+    const [y, m, d] = date.split('-').map(Number);
+    const events = eventsText.split('\n').map(l => l.trim()).filter(Boolean)
+      .map(l => {
+        const m2 = /^(\d{4})\s*(.*)$/.exec(l);
+        return m2 ? { year: Number(m2[1]), text: (m2[2] || '关键事件').slice(0, 40) } : null;
+      }).filter(Boolean) as { year: number; text: string }[];
+    if (!events.length) { setInferErr('请按「年份 事件」格式填写，每行一条'); return; }
+    setInferring(true); setInferErr(''); setInferResult(null);
+    try {
+      const r = await apiHourInfer({ y, m, d, gender, location: loc, events });
+      setInferResult(r);
+    } catch (e: any) {
+      setInferErr(e?.message || '推演未应机');
+    } finally { setInferring(false); }
+  };
+
+  const applyHour = (hi: number) => {
+    setHourUnknown(false);
+    const mid = String(hi * 2 + 1).padStart(2, '0') + ':00'; // 时辰中点（如申时 16:00）
+    setBirthTime(mid);
+    setInferOpen(false);
+    setInferResult(null);
+  };
+
+  return (
+    <>
+      <ProfilePicker onPick={(p, src) => { setDate(p.birthDate); setBirthTime(p.birthTime || '12:00'); setHourUnknown(!!p.birthTimeUnknown); setGender(p.gender); setLoc(p.location); if (src) setProfileSrc(src); }} />
+      {user && filled && <p className="hint" style={{ color: 'var(--celadon-deep)', marginTop: 'var(--sp-2)' }}>已依主档案预填（可改，改后以所书为准）</p>}
+      <div className="field"><label htmlFor="bz-date">出生日期（公历 / 农历）</label>
+        <DateInput id="bz-date" value={date} onChange={setDate} /></div>
+      {dst && <p className="tag-hot" style={{ marginTop: '.3rem' }}>⚠ 该日期处于中国夏令时期间（1986-1991 年 4-9 月，钟表拨快 1 小时）——请按出生时钟表时间填写，排盘会自动回拨校正。</p>}
+      <div className="field-row">
+        <div className="field"><label htmlFor="bz-time">出生时刻</label>
+          {hourUnknown
+            ? <p className="hint" style={{ padding: '.45rem 0' }}>时辰未录——排盘不排时柱，AI 解读仅依年月日三柱，不涉时柱/子女宫/晚年。</p>
+            : <TimeShichenInput id="bz-time" value={birthTime} onChange={setBirthTime} />}
+        </div>
+        <div className="field"><label htmlFor="bz-gender">性别</label>
+          <SongSelect id="bz-gender" value={gender} options={[{ value: '男', label: '男' }, { value: '女', label: '女' }]} onChange={v => setGender(v as '男' | '女')} />
+        </div>
+      </div>
+      <div className="field"><label>时辰未知</label>
+        <label style={{ display: 'flex', alignItems: 'center', gap: '.45rem', padding: '.45rem 0', cursor: 'pointer', fontSize: '.9rem' }}>
+          <input type="checkbox" checked={hourUnknown} onChange={e => setHourUnknown(e.target.checked)} />
+          未录（不排时柱）
+        </label>
+      </div>
+      {hourUnknown && (
+        <div className="hour-infer" style={{ marginTop: '.4rem' }}>
+          <button type="button" className="btn-seal btn-ghost" style={{ fontSize: '.82rem', padding: '.4rem 1rem' }} onClick={() => setInferOpen(v => !v)}>
+            {inferOpen ? '收 起' : '🔍 依人生经历推演时辰'}
+          </button>
+          {inferOpen && (
+            <div style={{ marginTop: '.6rem' }}>
+              <p className="tiny muted" style={{ marginBottom: '.3rem' }}>每行一条：「年份 关键事件」（3-8 条为宜，越关键越好）</p>
+              <textarea className="input-line" rows={5} value={eventsText} onChange={e => setEventsText(e.target.value)}
+                placeholder={'2004 家庭变故\n2014 恋爱\n2016 换城市工作\n2020 换工作\n2022 结婚\n2024 健康问题'} />
+              <div className="btn-row" style={{ marginTop: '.4rem' }}>
+                <button className="btn-seal" disabled={inferring} onClick={runInfer}>{inferring ? '推演中…' : '开 始 推 演'}</button>
+              </div>
+              {inferErr && <p className="tag-hot" style={{ marginTop: '.4rem' }}>{inferErr}</p>}
+              {inferResult && (
+                <div className="infer-result" style={{ marginTop: '.6rem' }}>
+                  <p className="tiny muted">{inferResult.chart.yearGZ} 年 / {inferResult.chart.monthGZ} 月 / {inferResult.chart.dayGZ} 日——各时辰候选得分（含时柱与流年应象）：</p>
+                  {inferResult.candidates.slice(0, 6).map((c, i) => (
+                    <div key={c.hourIndex} onClick={() => applyHour(c.hourIndex)} style={{
+                      cursor: 'pointer', border: '1px solid ' + (i === 0 ? 'var(--celadon-deep)' : 'var(--line-soft)'),
+                      borderRadius: 'var(--r-sm)', padding: '.45rem .6rem', marginTop: '.35rem', background: i === 0 ? 'rgba(94,122,78,.08)' : 'rgba(251,249,243,.5)',
+                    }}>
+                      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                        <strong>{c.shichen}时 · {c.hourGZ} {i === 0 ? <span className="tag-cool">最吻合</span> : null}</strong>
+                        <span className="tiny muted">得分 {c.score}</span>
+                      </div>
+                      {c.hits.slice(0, 2).map((h, j) => <div key={j} className="tiny muted" style={{ marginTop: '.15rem' }}>{h.year}：{h.reason}</div>)}
+                    </div>
+                  ))}
+                  <p className="tiny muted" style={{ marginTop: '.4rem' }}>点击候选时辰即回填并取消「未知」；推演仅区分时柱细节，大运序列不受时辰影响。</p>
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      )}
+      {formMsg && <p className="tag-hot" style={{ marginTop: '.3rem' }}>{formMsg}</p>}
+      <div className="field">
+        <label>出生地点（真太阳时校正）</label>
+        <LocationPicker value={loc} onChange={setLoc} previewHourIndex={hourUnknown ? -1 : timeToHourIndex(birthTime)} />
+        {!loc && <p className="hint" style={{ marginTop: '.3rem' }}>未选地点：将按北京时间直接排盘（不做真太阳时校正，时辰边界可能偏差约 15-80 分钟）</p>}
+      </div>
+      <div className="field"><label htmlFor="q-input">所问之事（可选）</label>
+        <input className="input-line" id="q-input" placeholder="可书所问，AI 报告将由此而发…" maxLength={60} value={question} onChange={e => setQuestion(e.target.value)} />
+      </div>
+      <LifeEventsInput value={lifeEvents} onChange={setLifeEvents} />
+      <button className="btn-divine" onClick={go}>排 盘<span className="small">布四柱 · 观五行 · 推十神</span></button>
+      <p className="hint" style={{ marginTop: '.8rem' }}>节气取精确万年历；时柱以出生地经度校正真太阳时；时辰未录时仅排年月日三柱。</p>
+    </>
+  );
+}
+
+const WX_NAMES: Record<string, string> = { 木: '木', 火: '火', 土: '土', 金: '金', 水: '水' };
+// 干支 → 五行名（用于四柱盘着色与显示）
+const wxOf = (gz: string) => WX_NAMES[WUXING[gz[0]]] + WX_NAMES[WUXING[gz[1]]];
+const WX_COLOR: Record<string, string> = { 木: '#5E7A4E', 火: '#A5402D', 土: '#7A6A4A', 金: '#8C7A4E', 水: '#3E5F7A' };
+const HOURS_CN = ['子', '丑', '寅', '卯', '辰', '巳', '午', '未', '申', '酉', '戌', '亥'];
+
+export function BaziResult({ data }: { data: BaziResult }) {
+  const r = data;
+  const tone = baziTone(r);
+  const hourKnown = r.hourGZ !== '未知';
+  const pillars = [
+    { name: '年柱', gz: r.yearGZ, wx: wxOf(r.yearGZ), ss: r.shishen[0].name, scope: '祖上 · 幼年', isDay: false },
+    { name: '月柱', gz: r.monthGZ, wx: wxOf(r.monthGZ), ss: r.shishen[1].name, scope: '父母 · 青年', isDay: false },
+    { name: '日柱', gz: r.dayGZ, wx: wxOf(r.dayGZ), ss: '日主', scope: '自身 · 中年', isDay: true },
+    hourKnown
+      ? { name: '时柱', gz: r.hourGZ, wx: wxOf(r.hourGZ), ss: r.shishen[3].name, scope: '子女 · 暮年', isDay: false }
+      : { name: '时柱', gz: '未知', wx: '未录', ss: '未知', scope: '子女 · 暮年', isDay: false },
+  ];
+  const wxOrder = ['木', '火', '土', '金', '水'];
+  const dayWx = r.dayGanWx;
+  const sheng = wxOrder[(wxOrder.indexOf(dayWx) + 4) % 5];
+  return (
+    <>
+      <div className="result-card stagger">
+        <h3>四柱命盘 · {r.dayGan}{dayWx}日主</h3>
+        <div className="bazi-pan" style={{ marginTop: 'var(--sp-3)' }}>
+          {pillars.map(p => (
+            <div key={p.name} className={"bz-pillar" + (p.isDay ? ' day-pillar' : '')}>
+              <span className="p-zhu">{p.scope}</span>
+              <span className="p-name">{p.name} · {p.ss}</span>
+              <span className="p-gan" style={{ color: WX_COLOR[WUXING[p.gz[0]]] }}>{p.gz[0]}</span>
+              <span className="p-zhi" style={{ color: WX_COLOR[WUXING[p.gz[1]]] }}>{p.gz[1]}</span>
+              <span className="p-wx">{p.wx}</span>
+              <span className="p-nayin">{r.nayin}</span>
+            </div>
+          ))}
+        </div>
+        <p style={{ marginTop: 'var(--sp-3)' }}><strong>{tone.headline}</strong></p>
+        {r.trueSolar && <p className="tag-cool">真太阳时校正：{HOURS_CN[r.correctedHourIndex]}时（依出生地经度 {r.trueSolar.localMeanHours.toFixed(2)}h → {r.trueSolar.trueSolarHours.toFixed(2)}h）</p>}
+      </div>
+      <ResultCard title="五行流转"
+        cells={wxOrder.map(k => ({ k: WX_NAMES[k], v: '●'.repeat(Math.max(r.wxCount[k], 0)) + (r.wxCount[k] === 0 ? '空' : '') + ' ×' + r.wxCount[k] }))}>
+        <p><strong>日主：{r.dayGan}{dayWx}</strong> 生扶（{dayWx}、{sheng}）共 {r.support} 数，克泄耗共 {r.drain} 数 → <span className={r.support >= r.drain ? 'tag-cool' : 'tag-hot'}><strong>{r.strength}</strong></span>。</p>
+        <p>{tone.wuxingNote}</p>
+      </ResultCard>
+      <ResultCard title="占断要旨">
+        <p>{tone.overview}</p>
+        {tone.character.map((c, i) => <p key={i} style={{ marginTop: '.45rem' }}>◇ {c}</p>)}
+        <p style={{ marginTop: '.45rem' }}>{tone.dayunNote}</p>
+        <p className="tiny muted" style={{ marginTop: '.5rem' }}>{tone.nayinNote}</p>
+        <p className="tiny muted" style={{ marginTop: '.4rem' }}>此要旨由盘面数据生成，为现代语言之概览，细察仍以全局生克为凭。</p>
+      </ResultCard>
+      <ResultCard title="十神六亲">
+        <p>{r.shishen.filter(s => s.name !== '比肩' || true).slice(0, 4).map((s, i) => <span key={i}><strong>{['年干', '月干', '日干', '时干'][i]}</strong>为{s.name}（{SHISHEN_MAP[s.name]}日主之{s.name}）　</span>)}</p>
+        <p>十神之义：比劫主自我与同侪，食伤主才情与输出，财星主所得与经营，官杀主约束与担当，印星主滋养与学识。</p>
+      </ResultCard>
+      <ResultCard title="地支藏干 · 人元十神">
+        <p className="tiny muted" style={{ marginBottom: 'var(--sp-2)' }}>地支非孤物，各藏人元（本气/中气/余气），十神之根尽在此中——用神是否有根、财官是否有力，皆观藏干。</p>
+        <div style={{ display: 'flex', gap: '.8rem', flexWrap: 'wrap', marginTop: 'var(--sp-2)' }}>
+          {r.canggan.map((cg, i) => (
+            <div key={i} style={{ border: '1px solid var(--line-soft)', borderRadius: 'var(--r-sm)', padding: '.6rem .8rem', background: 'rgba(251,249,243,.5)' }}>
+              <div className="tiny muted" style={{ letterSpacing: '.2em' }}>{['年支', '月支', '日支', '时支'][i]} · {cg.zhi}</div>
+              <div style={{ marginTop: '.3rem', fontSize: '.95rem' }}>
+                {cg.gans.map((g, j) => (
+                  <span key={j} style={{ display: 'block', color: WX_COLOR[g.wx] }}>{g.gan} <span style={{ color: 'var(--ink-soft)' }}>{g.shishen}（{g.qi}）</span></span>
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </ResultCard>
+      <ResultCard title="用神 · 喜忌">
+        <p><strong>日主{r.strength}</strong>（旺衰分 {r.strengthDetail.score.toFixed(1)}：{r.strengthDetail.reasons.join('；')}）</p>
+        <p style={{ marginTop: '.6rem' }}>主用神：<strong style={{ color: WX_COLOR[r.yongshen.wx] }}>{r.yongshen.wx}（{r.yongshen.shishen}）</strong>　调候：{r.yongshen.tiaohou}</p>
+        <p style={{ marginTop: '.6rem' }}>喜　神：<span className="tag-cool">{r.yongshen.xi.join('、')}</span>　忌　神：<span className="tag-hot">{r.yongshen.ji.join('、')}</span></p>
+        <p className="tiny muted" style={{ marginTop: '.6rem' }}>{r.yongshen.reason}</p>
+        <p className="tiny muted" style={{ marginTop: '.4rem' }}>用神为全局取运之枢：行运逢喜则顺，逢忌则慎——此为 AI 解读「就盘论命」的核心依据。</p>
+      </ResultCard>
+      <ResultCard title="大运 · 流年">
+        <p><strong>{r.qiYun.detail}</strong>，大运{ r.dayun[0]?.forward ? '顺行' : '逆行' }（阳男阴女顺、阴男阳女逆）。</p>
+        <div style={{ display: 'flex', gap: '.5rem', flexWrap: 'wrap', marginTop: 'var(--sp-2)' }}>
+          {r.dayun.slice(0, 8).map((d, i) => (
+            <div key={i} style={{ border: '1px solid var(--line-soft)', borderRadius: 'var(--r-sm)', padding: '.5rem .7rem', minWidth: '5.6rem', background: 'rgba(251,249,243,.5)' }}>
+              <div style={{ fontWeight: 600, fontSize: '1.05rem' }}>{d.gz}</div>
+              <div className="tiny" style={{ color: WX_COLOR[WUXING[d.gz[0]]] }}>{d.ganShishen}</div>
+              <div className="tiny muted">{d.startAge} 岁 · {d.startYear}-{d.endYear}</div>
+            </div>
+          ))}
+        </div>
+        <p style={{ marginTop: '.8rem' }}>流年：<strong>{r.liunian.year} 年 {r.liunian.gz}</strong>（{r.liunian.ganShishen} · 支藏{r.liunian.zhiShishen}）——大运为十年之纲，流年为一年之目，合参断吉凶。</p>
+      </ResultCard>
+      <ResultCard title="神煞 · 胎元命身">
+        <p>神煞：{r.shensha.length > 0
+          ? r.shensha.map((s, i) => <span key={i}><strong className={s.type === '吉' ? 'tag-cool' : s.type === '凶' ? 'tag-hot' : ''}>{s.name}</strong>（{s.zhi}）　</span>)
+          : '四柱无显著神煞，以五行生克为主论之。'}</p>
+        <p style={{ marginTop: '.6rem' }}>胎元 <strong>{r.taiyuan}</strong>（受气之始）　命宫 <strong>{r.minggong}</strong>（立命之基）　身宫 <strong>{r.shengong}</strong>（行事之依）</p>
+        <p className="tiny muted" style={{ marginTop: '.4rem' }}>神煞取日干与年支/日支三合：贵人禄神主助力，羊刃主刚猛，驿马主奔波，桃花主情缘。</p>
+      </ResultCard>
+    </>
+  );
+}
+// 十神格局点睛
+function shishenFocus(r: any): string {
+  const names = r.shishen.map((s: any) => s.name);
+  if (names.includes('正官') || names.includes('七杀')) return '官杀透干，主担当与约束，成事在于守正。';
+  if (names.includes('正财') || names.includes('偏财')) return '财星显露，主经营与所得，宜务实聚财。';
+  if (names.includes('正印') || names.includes('偏印')) return '印星为用，主学识与荫庇，宜向学深造。';
+  if (names.includes('食神') || names.includes('伤官')) return '食伤泄秀，主才情与输出，宜展露所长。';
+  return '比劫同气，主自立与同侪，宜广结善缘。';
+}

package/src/components/arts/LiurenArt.tsx

@@ -0,0 +1,87 @@
+// 大六壬：起课面板 + 天地盘/四课三传渲染
+import { useState } from 'react';
+import { liurenCalc, jiangName } from '@core/engine/liuren';
+import { ZHI } from '@core/data/ganzhi';
+import { LR_JIANG_SYMBOL, LR_JIANG_WX } from '@core/data/liuren';
+import type { LiurenResult } from '@core/types';
+import { ResultCard } from '@/components/ResultCard';
+import SongSelect from '@/components/SongSelect';
+
+const USES = ['问出行', '问财利', '问讼事', '问姻缘', '问疾病', '问失物', '问家宅', '其他'];
+
+function nowLocal() {
+  const d = new Date();
+  const p = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}T${p(d.getHours())}:${p(d.getMinutes())}`;
+}
+
+interface PanelProps { onDivine: (inputs: unknown, profile?: unknown, question?: string) => void; }
+
+export function LiurenPanel({ onDivine }: PanelProps) {
+  const [dt, setDt] = useState(nowLocal());
+  const [use, setUse] = useState('问出行');
+  const [question, setQuestion] = useState('');
+  const go = () => onDivine({ datetime: dt }, undefined, question.trim());
+  return (
+    <>
+      <div className="field"><label htmlFor="lr-datetime">占时（公历）</label>
+        <input className="input-line" type="datetime-local" id="lr-datetime" value={dt} onChange={e => setDt(e.target.value)} /></div>
+      <div className="field"><label htmlFor="lr-q">所占之属</label>
+        <SongSelect id="lr-q" value={use} options={USES.map(u => ({ value: u, label: u }))} onChange={setUse} />
+      </div>
+      <div className="field"><label htmlFor="q-input">所占之事</label>
+        <input className="input-line" id="q-input" placeholder="默念所问，书之于此…" maxLength={60} value={question} onChange={e => setQuestion(e.target.value)} />
+      </div>
+      <button className="btn-divine" onClick={go}>起 课<span className="small">立天地盘 · 布四课 · 取三传</span></button>
+      <p className="hint" style={{ marginTop: '.8rem' }}>月将随太阳过宫（中气定将）；简式取传。</p>
+    </>
+  );
+}
+
+export function LiurenResult({ data }: { data: LiurenResult }) {
+  const r = data;
+  return (
+    <>
+      <ResultCard title={`${r.jqName} · ${jiangName(r.jiang)}（${r.jiang}）加 ${r.hourGZ[1]}时`}>
+        <p>日干 <strong>{r.dayGZ}</strong>，占时 <strong>{r.hourGZ}</strong>（{r.hourGZ[1]}时）。月将 <strong>{jiangName(r.jiang)}</strong>。</p>
+      </ResultCard>
+      <div className="result-card">
+        <h3>天地盘</h3>
+        <div className="liuren-stage mt-2">
+          {ZHI.map((z, i) => {
+            const up = r.tianpan[i];
+            return (
+              <div className="liuren-item" key={z}>
+                <div className="k">{z}宫（{LR_JIANG_SYMBOL[z]}）</div>
+                <div className="v">{up}{LR_JIANG_SYMBOL[up]}</div>
+                <div className="tiny muted">{LR_JIANG_WX[up]} · {jiangName(up)}</div>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+      <ResultCard title="四课三传"
+        cells={[
+          { k: '一课 · 干上', v: r.ke1, big: true },
+          { k: '二课 · 干阴', v: r.ke2, big: true },
+          { k: '三课 · 支上', v: r.ke3, big: true },
+          { k: '四课 · 支阴', v: r.ke4, big: true },
+        ]}>
+        <p>三传（简式）：<strong className="tag-hot">初传 {r.chuan1}</strong> → <strong className="tag-cool">中传 {r.chuan2}</strong> → <strong>末传 {r.chuan3}</strong>。</p>
+        <p>初传为事发之端，中传为事进之中，末传为事成之归。干为外、支为内，四课之内外，即人事之表里。</p>
+        <p className="mt-2"><strong>三传参详：</strong>{liurenAdvice(r)}</p>
+      </ResultCard>
+    </>
+  );
+}
+// 三传参详（结合五行/月将，现代语言）
+function liurenAdvice(r: any): string {
+  const wxMap: Record<string, string> = { 亥: '水', 子: '水', 寅: '木', 卯: '木', 巳: '火', 午: '火', 申: '金', 酉: '金', 辰: '土', 戌: '土', 丑: '土', 未: '土' };
+  const parts: string[] = [];
+  parts.push('初传' + r.chuan1 + '（' + (wxMap[r.chuan1] || '') + '）为事之始，' + (['水'].includes(wxMap[r.chuan1] || '') ? '水主流动，事有周折' : wxMap[r.chuan1] === '金' ? '金主决断，事起于刚' : wxMap[r.chuan1] === '火' ? '火主急速，事发于明' : wxMap[r.chuan1] === '木' ? '木主生发，事起于新' : '土主迟重，事起于稳') + '。');
+  if (r.chuan1 === r.chuan3) parts.push('初末同神，事体回环，首尾相应，宜守初心。');
+  else if (r.chuan2 === r.chuan3) parts.push('中末同神，事中已定，后续之势多在把握。');
+  else parts.push('三传递进，事势渐明，宜循序而行。');
+  parts.push('月将' + r.jiang + '加时，天地盘已定，观其生克以断吉凶。');
+  return parts.join('');
+}

package/src/components/arts/LiuyaoArt.tsx

@@ -0,0 +1,111 @@
+// 六爻：铜钱摇卦面板 + 六爻/卦象渲染
+import { useState } from 'react';
+import { liuyaoCalc } from '@core/engine/liuyao';
+import type { LiuyaoResult } from '@core/types';
+import { ResultCard } from '@/components/ResultCard';
+import SongSelect from '@/components/SongSelect';
+
+interface PanelProps { onDivine: (inputs: unknown, profile?: unknown, question?: string) => void; }
+
+export function LiuyaoPanel({ onDivine }: PanelProps) {
+  const [q, setQ] = useState('');
+  const [qType, setQType] = useState('other');
+  const go = () => onDivine({}, undefined, q.trim());
+  return (
+    <>
+      <p className="small muted" style={{ marginTop: '.6rem', lineHeight: 2 }}>默念所问之事，静心片刻。以三枚铜钱掷之，共六次，自下而上成卦。</p>
+      <div className="coins" aria-hidden="true" style={{ padding: 'var(--sp-3) 0' }}>
+        <div className="coin"><span className="face">宋<br />通宝</span></div>
+        <div className="coin"><span className="face">宋<br />通宝</span></div>
+        <div className="coin"><span className="face">宋<br />通宝</span></div>
+      </div>
+      <div className="field"><label htmlFor="ly-qtype">所问之属</label>
+        <SongSelect id="ly-qtype" value={qType} options={[{ value: 'love', label: '情感姻缘' }, { value: 'career', label: '事业学业' }, { value: 'wealth', label: '财运投资' }, { value: 'health', label: '健康' }, { value: 'travel', label: '出行方位' }, { value: 'lost', label: '寻物' }, { value: 'decision', label: '抉择决策' }, { value: 'other', label: '其他' }]} onChange={setQType} />
+      </div>
+      <div className="field"><label htmlFor="q-input">所问之事</label>
+        <input className="input-line" id="q-input" placeholder="默念所问，书之于此…" maxLength={60} value={q} onChange={e => setQ(e.target.value)} /></div>
+      <button className="btn-divine" onClick={go}>掷 钱 成 卦<span className="small">六掷成卦 · 观变断象</span></button>
+    </>
+  );
+}
+
+const YAO_LABELS = ['初爻', '二爻', '三爻', '四爻', '五爻', '上爻'];
+
+export function LiuyaoResult({ data }: { data: LiuyaoResult }) {
+  const r = data;
+  return (
+    <>
+      <ResultCard title={r.dongYao.length ? `${r.dongYao.length} 爻发动` : '六爻安静'}>
+        <div style={{ maxWidth: 420, margin: '0 auto' }}>
+          {r.yao.map((v, i) => {
+            const nm = r.names[i].nm;
+            const moving = nm === '老阴' || nm === '老阳';
+            return (
+              <div className="yao-row" key={i}>
+                <span className="yao-label">{YAO_LABELS[i]}</span>
+                <span className="yao-glyph">
+                  {v ? <span className="yang" style={{ display: 'block', width: '2.6rem', height: '.55rem', background: 'var(--ink)', borderRadius: '1px' }} />
+                    : <span className="yin" style={{ display: 'block', width: '2.6rem', height: '.55rem', borderTop: '1.5px solid var(--ink)', borderBottom: '1.5px solid var(--ink)' }} />}
+                </span>
+                <span className="yao-move">{moving ? `${nm}${nm === '老阳' ? '○' : '×'} 变` : nm}{moving ? <span className="dot" /> : null}</span>
+              </div>
+            );
+          })}
+        </div>
+      </ResultCard>
+
+      {r.najia && (
+        <ResultCard title={"纳甲装卦 · " + r.najia.gong + "宫（" + r.najia.dayGZ + "日 · " + r.najia.monthZhi + "月建）"}>
+          <div style={{ maxWidth: 420, margin: '0 auto' }}>
+            {r.najia.lines.map((l, i) => (
+              <div className="yao-row" key={i} style={{ fontSize: '.88rem' }}>
+                <span className="yao-label">{['初', '二', '三', '四', '五', '上'][i]}爻{l.isShi ? ' 世' : l.isYing ? ' 应' : ''}</span>
+                <span className="yao-glyph" style={{ width: '2.6rem', textAlign: 'center' }}>
+                  <strong>{l.gz}</strong>
+                </span>
+                <span className="yao-move">
+                  <span className="tag-cool">{l.liuqin}</span> {l.shen}{l.kong ? ' · 旬空' : ''}
+                </span>
+              </div>
+            ))}
+          </div>
+          <p className="tiny muted" style={{ marginTop: '.6rem' }}>
+            世爻为占事之我，应爻为对方之事：世爻{r.najia.shiLiQin}。月破地支：{r.najia.yuePo.join('、')}；旬空：{r.najia.xunKong.join('、')}。
+            六亲以{r.najia.gong}宫五行为体——取用神之法：问财取妻财、问官取官鬼、问父母长辈取父母、问子女小辈取子孙、问同侪取兄弟。
+          </p>
+        </ResultCard>
+      )}
+
+      <div className="result-grid">
+        <div className="result-cell">
+          <div className="k">本卦</div>
+          <div className="v big">{r.benGua.name}</div>
+          <div className="tiny muted mt-1">{r.benGua.xiang}</div>
+        </div>
+        <div className="result-cell">
+          <div className="k">变卦</div>
+          <div className={"v big " + (r.dongYao.length ? 'hot' : '')}>{r.bianGua.name}</div>
+          <div className="tiny muted mt-1">{r.dongYao.length ? '动爻之变，事之趋向' : '无事不变'}</div>
+        </div>
+      </div>
+      <ResultCard title={`卦辞 · ${r.benGua.name}`} className="mt-3">
+        <p>「{r.benGua.ci}」</p>
+        <p>{r.benGua.xiang}。{r.dongYao.length ? `今有 ${r.dongYao.map(i => '第' + i + '爻').join('、')} 发动，${r.bianGua.name}为事之归趋；动而变者，其势在「${r.bianGua.xiang}」。` : '六爻安静，事依现局而行，宜守其常。'}</p>
+        <p className="mt-2"><strong>爻位参详：</strong>{yaoDetail(r.dongYao)}</p>
+      </ResultCard>
+    </>
+  );
+}
+// 爻位参详（初爻至上爻的分位语义，现代语言）
+function yaoDetail(dongYao: number[]): string {
+  if (dongYao.length === 0) return '六爻皆静，事在当下，宜守成观察，不轻动。';
+  const map: Record<number, string> = {
+    1: '初爻发动——事发于微，根基初动，宜察其始。',
+    2: '二爻发动——事涉自身与内宅，宜安内而后攘外。',
+    3: '三爻发动——事逢转折关口，多劳多思，宜慎择。',
+    4: '四爻发动——事近上层或外局，进退之间，宜度势。',
+    5: '五爻发动——事居中枢，主事者之决断，宜当机立断。',
+    6: '上爻发动——事已至末，宜知止知足，防盛极而衰。',
+  };
+  return dongYao.map(i => map[i] || '').join('');
+}

package/src/components/arts/MeihuaArt.tsx

@@ -0,0 +1,105 @@
+// 梅花易数：起卦面板（时间/报数）+ 卦象渲染（本卦/互卦/变卦 + 体用）
+import { useState } from 'react';
+import { meihuaCalc } from '@core/engine/meihua';
+import { BAGUA } from '@core/data/gua64';
+import type { MeihuaResult } from '@core/types';
+import { ResultCard } from '@/components/ResultCard';
+import SongSelect from '@/components/SongSelect';
+
+interface PanelProps { onDivine: (inputs: unknown, profile?: unknown, question?: string) => void; }
+
+export function MeihuaPanel({ onDivine }: PanelProps) {
+  const [mode, setMode] = useState<'time' | 'num'>('time');
+  const [n1, setN1] = useState(3);
+  const [n2, setN2] = useState(7);
+  const [n3, setN3] = useState(5);
+  const [q, setQ] = useState('');
+  const [qType, setQType] = useState('other');
+  const go = () => onDivine({ mode, n1, n2, n3, now: new Date().toISOString() }, undefined, q.trim());
+  return (
+    <>
+      <div className="field"><label htmlFor="mh-mode">起卦之法</label>
+        <SongSelect id="mh-mode" value={mode} options={[{ value: 'time', label: '时间起卦（以当下年月日时）' }, { value: 'num', label: '报数起卦（默念所问，取三数）' }]} onChange={v => setMode(v as 'time' | 'num')} />
+      </div>
+      {mode === 'num' ? (
+        <div className="field-row">
+          <div className="field"><label htmlFor="mh-n1">一数</label><input className="input-line" type="number" id="mh-n1" min={1} max={999} value={n1} onChange={e => setN1(Number(e.target.value))} /></div>
+          <div className="field"><label htmlFor="mh-n2">二数</label><input className="input-line" type="number" id="mh-n2" min={1} max={999} value={n2} onChange={e => setN2(Number(e.target.value))} /></div>
+        </div>
+      ) : null}
+      <div className="field"><label htmlFor="mh-n3">三数（动爻）</label>
+        <input className="input-line" type="number" id="mh-n3" min={1} max={999} value={n3} onChange={e => setN3(Number(e.target.value))} /></div>
+      <div className="field"><label htmlFor="mh-qtype">所问之属</label>
+        <SongSelect id="mh-qtype" value={qType} options={[{ value: 'love', label: '情感姻缘' }, { value: 'career', label: '事业学业' }, { value: 'wealth', label: '财运投资' }, { value: 'health', label: '健康' }, { value: 'travel', label: '出行方位' }, { value: 'lost', label: '寻物' }, { value: 'decision', label: '抉择决策' }, { value: 'other', label: '其他' }]} onChange={setQType} />
+      </div>
+      <div className="field"><label htmlFor="q-input">所问之事</label>
+        <input className="input-line" id="q-input" placeholder="默念所问，书之于此…" maxLength={60} value={q} onChange={e => setQ(e.target.value)} /></div>
+      <button className="btn-divine" onClick={go}>起 卦<span className="small">定本卦 · 推互变 · 辨体用</span></button>
+    </>
+  );
+}
+
+function YaoGlyph({ yaos }: { yaos: number[] }) {
+  return (
+    <div className="yao-glyph" style={{ display: 'flex', flexDirection: 'column', gap: '3px', alignItems: 'center' }}>
+      {yaos.map((v, i) => v ? <span key={i} className="yang" style={{ display: 'block', width: '2.6rem', height: '.55rem', background: 'var(--ink)', borderRadius: '1px' }} />
+        : <span key={i} className="yin" style={{ display: 'block', width: '2.6rem', height: '.55rem', borderTop: '1.5px solid var(--ink)', borderBottom: '1.5px solid var(--ink)' }} />)}
+    </div>
+  );
+}
+
+export function MeihuaResult({ data }: { data: MeihuaResult }) {
+  const r = data;
+  const guaName = (g: number | undefined) => (g !== undefined && BAGUA[g] ? BAGUA[g].name : '—');
+  return (
+    <>
+      <ResultCard title={`起卦 · ${r.benGua.name}`}
+        cells={[
+          { k: '上卦 · ' + guaName(r.upper), v: BAGUA[r.upper].symbol, big: true },
+          { k: '下卦 · ' + guaName(r.lower), v: BAGUA[r.lower].symbol, big: true },
+          { k: '动爻', v: '第 ' + r.move + ' 爻', big: true, hot: true },
+        ]}>
+        <p>本卦 <strong>{r.benGua.name}</strong>：{r.benGua.xiang}。动而观变，{r.bianGua.name}为演进之端。</p>
+      </ResultCard>
+      <div className="result-card">
+        <h3>本卦 · 互卦 · 变卦</h3>
+        <div className="result-grid" style={{ marginTop: '1rem' }}>
+          <div className="result-cell">
+            <div className="k">本卦 · {r.benGua.name}</div>
+            <YaoGlyph yaos={r.benYao} />
+            <div className="tiny muted mt-1">{r.benGua.ci}</div>
+          </div>
+          <div className="result-cell">
+            <div className="k">互卦 · {r.huGua ? r.huGua.name : '—'}</div>
+            <div className="tiny muted mt-1">中四爻交互之象</div>
+            <div className="tiny muted mt-1">{r.huGua ? r.huGua.xiang : ''}</div>
+          </div>
+          <div className="result-cell">
+            <div className="k">变卦 · {r.bianGua.name}</div>
+            <div className="tiny muted mt-1">动爻变后之象</div>
+            <div className="tiny muted mt-1">{r.bianGua.xiang}</div>
+          </div>
+        </div>
+      </div>
+      <ResultCard title="体用生克">
+        <p>体卦为 <strong>{guaName(r.tiGua)}{BAGUA[r.tiGua].symbol}</strong>（{r.tiWx}，主事主自身），用卦为 <strong>{guaName(r.yongGua)}{BAGUA[r.yongGua].symbol}</strong>（{r.yongWx}，主所问之事）。</p>
+        <p>体用之间：<span className={r.shengke.includes('吉') ? 'tag-cool' : r.shengke.includes('凶') ? 'tag-hot' : ''}><strong>{r.shengke}</strong></span>。{r.shengke.includes('生') ? '生者如风送帆，事有助力；' : r.shengke.includes('克') ? '克者如舟行逆水，宜缓宜守；' : '比和者势均，事在人为。'}</p>
+      </ResultCard>
+      <ResultCard title={`卦辞指引 · ${r.benGua.name}`}>
+        <p>「{r.benGua.ci}」</p>
+        <p>{r.benGua.xiang}</p>
+        <p className="mt-2"><strong>占断参详：</strong>{meihuaAdvice(r)}</p>
+      </ResultCard>
+    </>
+  );
+}
+// 梅花占断参详（结合动爻/体用/变卦，现代语言）
+function meihuaAdvice(r: any): string {
+  const parts: string[] = [];
+  parts.push('此卦动于第' + r.move + '爻，' + (r.move <= 3 ? '动在下卦，所问之事多系于内、关于自身之念' : '动在上卦，所问之事多系于外、关于彼方之势') + '。');
+  if (r.shengke.includes('吉')) parts.push('体用之间' + r.shengke + '，事有助力，宜顺势推进，但不可恃势而骄。');
+  else if (r.shengke.includes('凶')) parts.push('体用之间' + r.shengke + '，事有阻力，宜缓图慎行，先安己而后谋事。');
+  else parts.push('体用比和，' + r.shengke + '，事在人为，成败系于一心之诚。');
+  if (r.bianGua) parts.push('变卦' + r.bianGua.name + '为事之归趋，其象「' + r.bianGua.xiang + '」，可作收束之鉴。');
+  return parts.join('');
+}