/* page-huvari.jsx */

function PageHuvari({ nav }) {
  const { lang } = useLang();
  return (
    <div className="sp sp-huvari">
      <div className="grid-bg" />
      <div className="sp__inner" style={{position:'relative'}}>
        <header className="sp__hero">
          <div>
            <div className="sp__kicker"><span className="rule" /><T zh="物种 03 · SPECIES 03" en="SPECIES 03 · 物种 03" /></div>
            <h1 className="sp__title"><T zh="涣族" en="Huvari" /><span className="en">{lang==='zh'?'Huvari · the field-readers':'涣族 · the field-readers'}</span></h1>
            <p className="sp__lede">
              <T
                zh={<>涣族（Huvari）从未发明蒸汽机，因为他们从一开始就感知到电场。半导体先于燃烧，无线电先于火车——他们的工业革命不留烟尘。公元 <span className="num">1712</span> 年，他们在 Ross 128 方向探测到一缕异常的废热。那是另一个文明。</>}
                en={<>The Huvari never invented the steam engine, because they perceived electric fields from the start. Semiconductors before combustion, radio before rail — their industrial revolution leaves no soot. In <span className="num">1712 CE</span> they detected a thread of anomalous waste heat toward Ross 128. It was another civilisation.</>}
              />
            </p>
          </div>
          <div className="sp__hero-viz">
            <HuvariFieldLines w={520} h={380} />
          </div>
        </header>

        <FactRow items={lang==='zh' ? [
          { label: '母星',   val: '82 G. Eri', note: 'G8V · ≥57.6 亿年' },
          { label: '距太阳', val: '19.7', unit: 'ly' },
          { label: '世界',   val: '咸海超级地球', note: '温暖浅水' },
          { label: '主感官',  val: 'E-sense', note: '电感受 · 壶腹器官' },
        ] : [
          { label: 'Host',     val: '82 G. Eri',  note: 'G8V · ≥5.76 Gyr' },
          { label: 'From Sol', val: '19.7', unit: 'ly' },
          { label: 'World',    val: 'salt-sea super-Earth', note: 'warm, shallow' },
          { label: 'Senses',   val: 'E-sense', note: 'electroreception · ampullary' },
        ]} />

        <section>
          <div className="label"><T zh="§ 01 · 感官包" en="§ 01 · Sensory package" /></div>
          <h2><T zh="电感受" en="Electroreception" /><span className="en">{lang==='zh'?'Electroreception':'电感受'}</span></h2>
          <div className="sp__two">
            <div>
              <p>
                <T
                  zh={<>涣族（Huvari）全身分布壶腹器官阵列，对 <span className="num">~0.1 μV/cm</span> 的场强变化敏感。从出生第一刻起，行星磁场、水体盐度、他人心跳与肌电——所有导电体——都是可读的文本。</>}
                  en={<>Huvari skin carries a distributed array of ampullary organs sensitive to ~<span className="num">0.1 μV/cm</span>. From the first moment of life, the planetary magnetic field, water salinity, another body's heartbeat and EMG — every conductor — is a legible text.</>}
                />
              </p>
              <p>
                <T
                  zh="他们不“看见”电路；电路就是他们的感官延伸。一台半导体设备对他们而言不是工具，而是一段可被直接体验的描述。这使他们在工程上拥有近乎本能的直觉，在艺术上拥有整个人类尚未发明的媒介。"
                  en="They don't “see” circuits — circuits are an extension of their senses. A semiconductor device, for them, is not a tool but a directly experienceable description. The result: near-instinctive engineering intuition, and an artistic medium humans have not yet invented."
                />
              </p>
              <div className="sp__sidenote">
                <span className="label">Heuristic</span>
                <T zh="涣族（Huvari）页面必须使用严格几何网格。场线是数据，不是装饰。每一条都必须可推导。"
                   en="Huvari pages run on strict geometric grids. Field lines are data, not decoration. Every line must be derivable." />
              </div>
            </div>
            <div>
              <HuvariLattice />
              <div className="label mono" style={{marginTop:8, color:'var(--sp-accent)', opacity:1}}>SEMICONDUCTOR LATTICE · hex Si:P doping</div>
            </div>
          </div>
        </section>

        <section>
          <div className="label"><T zh="§ 02 · 数学" en="§ 02 · Mathematics" /></div>
          <h2><T zh="麦克斯韦方程组——直接感受" en="Maxwell as Sensation, Not Derivation" /><span className="en">{lang==='zh'?'Maxwell as Sensation, Not Derivation':'麦克斯韦即直觉'}</span></h2>
          <p className="lead">
            <T
              zh={<>人类花了 <span className="num">200</span> 年从库仑到麦克斯韦。涣族（Huvari）的孩子在学会走路前就“听懂”了四个方程。他们不 <em>推导</em> 电磁学——他们 <em>翻译</em> 它。</>}
              en={<>It took humans <span className="num">200</span> years from Coulomb to Maxwell. Huvari children "understand" all four equations before they walk. They don't <em>derive</em> electromagnetism — they <em>translate</em> it.</>}
            />
          </p>
          <div className="maxwell">
            <div className="maxwell__eq">
              <div className="law"><T zh="高斯定律 · Gauss" en="Gauss's Law" /></div>
              <div className="formula">∮ E·dA = Q/ε₀</div>
              <div className="sense"><T zh="电荷 = “紧张感的密度”。一位孕母能感知自己腹中胎儿的电量。" en="Charge = density of tension. A pregnant mother senses the charge of her unborn child." /></div>
            </div>
            <div className="maxwell__eq">
              <div className="law"><T zh="磁高斯 · Gauss (B)" en="Gauss for B" /></div>
              <div className="formula">∮ B·dA = 0</div>
              <div className="sense"><T zh="磁单极不存在 = “单向方向不存在” 的身体经验；所有南都必配北。" en="No monopoles = the bodily intuition that no “one-way direction” exists; every south is paired with a north." /></div>
            </div>
            <div className="maxwell__eq">
              <div className="law"><T zh="法拉第 · Faraday" en="Faraday's Law" /></div>
              <div className="formula">∮ E·dl = −dΦ<sub>B</sub>/dt</div>
              <div className="sense"><T zh="变化的磁场 = “记忆的涟漪”。涣族的书法即时间反演下的磁梯度。" en="A changing B-field = a ripple of memory. Huvari calligraphy is the time-reversed magnetic gradient." /></div>
            </div>
            <div className="maxwell__eq">
              <div className="law"><T zh="安培-麦克斯韦 · Ampère–Maxwell" en="Ampère–Maxwell" /></div>
              <div className="formula">∮ B·dl = μ₀(I + ε₀ dΦ<sub>E</sub>/dt)</div>
              <div className="sense"><T zh="电流与位移电流的对称——涣族（Huvari）音乐的基本对位法。" en="The symmetry of current and displacement current is the fundamental counterpoint of Huvari music." /></div>
            </div>
          </div>
        </section>

        <section>
          <div className="label"><T zh="§ 03 · 清洁工业" en="§ 03 · Clean industry" /></div>
          <h2><T zh="半导体先于燃烧" en="Semiconductors Before Combustion" /><span className="en">{lang==='zh'?'Semiconductors Before Combustion':'半导体先于燃烧'}</span></h2>
          <div className="sp__two">
            <div>
              <p>
                <T zh="没有煤炭。没有烟囱。没有蒸汽时代。涣族（Huvari）从锻铜（电催化）直接跳到光伏与电池——他们的“工业革命”是电气革命本身。"
                   en="No coal. No chimneys. No steam era. The Huvari leapt from forged copper (electrocatalysis) straight to photovoltaics and batteries — their “industrial revolution” IS the electrical revolution." />
              </p>
              <p>
                <T
                  zh={<>这不是道德优越——这是感官的后果。一个从出生就感到 CO<sub>2</sub> 在血中累积的族群不会容忍大气碳化。他们发现人类碳工业史（human carbon history）时的震惊，相当于你发现一个文明把吞下自己的呕吐物当作常规饮食。</>}
                  en={<>This is not moral superiority — it is a consequence of senses. A species that <em>feels</em> CO<sub>2</sub> accumulating in its blood from birth will not tolerate atmospheric carbonisation. Their reaction on discovering human carbon history was equivalent to you discovering a civilisation that eats its own vomit as a staple food.</>}
                />
              </p>
              <p>
                <T
                  zh="这种不对称道德审判是干扰战争（Jamming War）（危机 B）的深层原因——人类使用频段冲撞涣族（Huvari）幼体发育期的电感受训练带，在涣族（Huvari）看来是直接袭击儿童。"
                  en="This asymmetric moral judgement is the root of the Jamming War (Crisis B) — human radio bands collided with the electroreceptive training spectrum of Huvari juveniles, which the Huvari read as a direct assault on children."
                />
              </p>
            </div>
            <div>
              <HuvariCleanVsCarbon />
              <div className="label mono" style={{marginTop:8, color:'var(--sp-accent)', opacity:1}}>
                <T zh="ATMOSPHERIC CARBON · 涣族 (绿) vs 人类 (橙)" en="ATMOSPHERIC CARBON · Huvari (green) vs Human (orange)" />
              </div>
            </div>
          </div>
        </section>

        <section>
          <div className="label"><T zh="§ 04 · 五族史零点" en="§ 04 · Year zero of five-species history" /></div>
          <h2><T zh="1791 · 涣-衡首次接触" en="1791 · Huvari–Eoani First Contact" /><span className="en">{lang==='zh'?'Huvari–Eoani First Contact':'涣-衡首次接触'}</span></h2>
          <div className="sp__two">
            <div>
              <p>
                <T
                  zh={<>公元 <span className="num">1712</span> 年，一位察脉者（Pulse-Reader）注意到 Ross 128 方向持续的脉冲无线电伴随热异常—— 某物正在那里辐射废热。若是行星磁场，它不会调制。</>}
                  en={<>In <span className="num">1712 CE</span>, a Pulse-Reader noticed sustained pulsed radio toward Ross 128 paired with a thermal anomaly — <em>something</em> was radiating waste heat there. A planetary magnetic field would not modulate.</>}
                />
              </p>
              <p>
                <T
                  zh={<><span className="num">1755</span> 年，第一束定向无线电发射。 <span className="num">1791</span> 年，接收到来自 Ross 128 的双向确认—— 这是<strong>五族史的零点</strong>。 衡族（Eoani）千年视角下的“即时回复”花了人类四十年才能理解。</>}
                  en={<>In <span className="num">1755</span>, the first directed radio. In <span className="num">1791</span>, two-way confirmation arrived from Ross 128 — <strong>year zero of five-species history</strong>. What read as an instant reply on Eoani millennial scales took humans forty years to understand.</>}
                />
              </p>
              <p>
                <T
                  zh={<><span className="num">1880</span> 年，涣族（Huvari）发射首次核脉冲行星际任务； <span className="num">2180</span> 年抵达 Ross 128 b 轨道——两族首次物理会面。 人类在这对古老邻居面前，是最新来的孩子。</>}
                  en={<>In <span className="num">1880</span>, the Huvari launched their first nuclear-pulse interplanetary mission; in <span className="num">2180</span> it reached Ross 128 b orbit — the first physical meeting. Humans, in front of these two ancient neighbours, are the newest child.</>}
                />
              </p>
            </div>
            <div>
              <div className="sp__sidenote">
                <span className="label"><T zh="执场者 · 调律师 · 察脉者 · 织场者" en="Field-Holders · Tuners · Pulse-Readers · Weavers" /></span>
                <T
                  zh={<>涣族四层职能： 执场者（Field-Holders）掌基础设施； 调律师（Tuners）处理跨场协同； 察脉者（Pulse-Readers）是天文学家与翻译家； 织场者（Weavers）是艺术家与法律起草人。 自然寿命 <span className="num">40–100</span> 年；工程化 <span className="num">150–250</span> 年。</>}
                  en={<>Four functional tiers: Field-Holders (infrastructure), Tuners (cross-field coordination), Pulse-Readers (astronomers and translators), Weavers (artists and legal drafters). Natural lifespan <span className="num">40–100</span> yr; engineered <span className="num">150–250</span> yr.</>}
                />
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  );
}

Object.assign(window, { PageHuvari });