/* page-ketoi.jsx */

function PageKetoi({ nav }) {
  const { lang } = useLang();
  return (
    <div className="sp sp-ketoi">
      <div className="sp__inner">
        <header className="sp__hero">
          <div>
            <div className="sp__kicker"><span className="rule" /><T zh="物种 02 · SPECIES 02" en="SPECIES 02 · 物种 02" /></div>
            <h1 className="sp__title"><T zh="鲸语族" en="Ketoi" /><span className="en">{lang==='zh'?'Ketoi · the song-singers':'鲸语族 · the song-singers'}</span></h1>
            <p className="sp__lede">
              <T
                zh="鲸语族（Ketoi）从未仰望星空，因为他们最初的天文台指向下方——海床的声子阵列。他们用回波丈量世界，用频谱书写名字。当他们终于穿过水面、第一次看见恒星时，他们已经拥有完整的工业文明。"
                en="The Ketoi never looked up at stars — their first observatories pointed down, into seafloor phonon arrays. They measured the world by echo and wrote names as spectrograms. By the time they crossed the water-line and saw stars for the first time, they were already a fully industrial civilisation."
              />
            </p>
          </div>
          <div className="sp__hero-viz" style={{alignSelf:'stretch', display:'flex', flexDirection:'column', justifyContent:'end'}}>
            <KetoiSpectrogram w={520} h={300} />
            <div className="label" style={{marginTop:8, color:'var(--sp-accent-2)'}}><T zh="SPECTROGRAM · 名字即频谱" en="SPECTROGRAM · a name IS a spectrogram" /></div>
          </div>
        </header>

        <FactRow items={lang==='zh' ? [
          { label: '母星',   val: '天仓 e', note: 'G8V · 海洋世界' },
          { label: '距太阳', val: '11.9', unit: 'ly' },
          { label: '恒星年龄', val: '~6.5', unit: 'Gyr' },
          { label: '主感官',  val: 'Acoustic', note: '傅里叶原生 · 偏振视觉次' },
        ] : [
          { label: 'Host',    val: 'Tau Ceti e', note: 'G8V · ocean world' },
          { label: 'From Sol', val: '11.9', unit: 'ly' },
          { label: 'Star age', val: '~6.5', unit: 'Gyr' },
          { label: 'Senses',   val: 'Acoustic', note: 'Fourier-native · polarisation 2nd' },
        ]} />

        <section>
          <div className="label"><T zh="§ 01 · 感官包" en="§ 01 · Sensory package" /></div>
          <h2><T zh="声学原生与偏振视觉" en="Acoustic-Native & Polarization Vision" /><span className="en">{lang==='zh'?'Acoustic-Native & Polarization Vision':'声学原生与偏振视觉'}</span></h2>
          <KetoiWaveDivider />
          <div className="sp__two">
            <div>
              <p>
                <T
                  zh="鲸语族（Ketoi）的听觉系统同时解析振幅、相位、频谱、方位四个维度。他们不需要“把一段声音画成频谱图”——他们已经在频谱域听。儿童学数学时，先学傅里叶变换，再学整数。"
                  en="The Ketoi auditory system resolves amplitude, phase, spectrum, and bearing simultaneously. They don't need to “plot a sound as a spectrogram” — they already hear in the frequency domain. Children learn the Fourier transform before they learn integers."
                />
              </p>
              <p>
                <T
                  zh="皮肤含 dichroic 色素阵列，能感知偏振方向。近距离通讯靠菱形色块的偏振图样，声学之外的一条隐秘通道——自头足类祖先继承而来。"
                  en="A dichroic pigment array in the skin senses polarisation direction. Close-range communication uses rhomboid polarisation patches — a private channel outside the acoustic, inherited from cephalopod ancestors."
                />
              </p>
              <div className="sp__sidenote">
                <span className="label">Heuristic</span>
                <T
                  zh="鲸语族（Ketoi）页面禁用尖锐角与强对比。所有边界应该是波动的：贝壳螺旋、曲线网格、波浪边距。"
                  en="No hard corners or hard contrast on Ketoi pages. Edges should be wavelike: shell spirals, curving grids, soft margins."
                />
              </div>
            </div>
            <div>
              <KetoiPolarization />
              <div className="label" style={{marginTop:8, textAlign:'center'}}><T zh="偏振皮肤模拟器 · 鼠标移动" en="Polarisation-skin simulator · mouse-move" /></div>
            </div>
          </div>
        </section>

        <section>
          <div className="label"><T zh="§ 02 · 数学" en="§ 02 · Mathematics" /></div>
          <h2><T zh="连续介质先于质点" en="Continuum Before Particle" /><span className="en">{lang==='zh'?'Continuum Before Particle':'连续介质先于质点'}</span></h2>
          <div className="sp__two">
            <div>
              <p>
                <T
                  zh="人类从牛顿点质量推广到流体；鲸语族（Ketoi）从流体倒推出点质量。他们先有纳维-斯托克斯，后有 F=ma。这让他们在声学、流体、地震学领域至少领先人类一千年，而在刚体力学和轨道力学上落后了同样的时间。"
                  en="Humans generalised from Newtonian point masses to fluids; the Ketoi went the other way — from fluids back to point masses. They had Navier–Stokes first and F=ma later. This put them a thousand years ahead of humans in acoustics, fluid dynamics, seismology — and a thousand years behind in rigid-body and orbital mechanics."
                />
              </p>
              <p>
                <T
                  zh="书写系统是贝壳-留声机（shell-phonograph）：把一段声音刻成一圈螺旋凹槽，阅读 = 触觉 + 回放。一本书的“正文”是几千条共存的声道。"
                  en="The writing system is the shell-phonograph: sound carved as a spiral groove. Reading = touch + playback. A book's “body text” is thousands of coexistent audio tracks."
                />
              </p>
            </div>
            <div>
              <KetoiEchoRadar w={480} h={340} word="鲸语族" />
              <div className="label" style={{marginTop:8, textAlign:'center'}}><T zh="echogram · “鲸语族” 三字的回波签名" en="echogram · the three-character signature “鲸语族”" /></div>
            </div>
          </div>
        </section>

        <section>
          <div className="label"><T zh="§ 03 · “火”" en="§ 03 · “Fire”" /></div>
          <h2><T zh="共振空化" en="Resonant Cavitation" /><span className="en">{lang==='zh'?'Resonant Cavitation · The Clean Hot':'共振空化 · 清洁的热'}</span></h2>
          <p className="lead">
            <T
              zh={<>海洋世界里的“火”不是燃烧。声束聚焦在微气泡上，崩塌时产生 <span className="num">~10<sup>4</sup> K</span> 的瞬时高温， 局部熔融矿物而不产生烟气。鲸语族（Ketoi）的冶金、锻造、半导体全部基于此。 他们的工业革命安静——一座炼铁厂听起来像一段持续的低频合唱。</>}
              en={<>“Fire” on an ocean world is not combustion. Acoustic beams focused on micro-bubbles produce instantaneous <span className="num">~10<sup>4</sup> K</span> on collapse, locally melting minerals without smoke. All Ketoi metallurgy, forging, and semiconductors are built on this. Their industrial revolution was <em>quiet</em> — a foundry sounds like a sustained low-frequency chorus.</>}
            />
          </p>
        </section>

        <section>
          <div className="label"><T zh="§ 04 · 天文学" en="§ 04 · Astronomy" /></div>
          <h2><T zh="下视的望远镜" en="Looking-Down Astronomy" /><span className="en">{lang==='zh'?'Looking-Down Astronomy':'下视天文学'}</span></h2>
          <div className="sp__two">
            <div>
              <p>
                <T
                  zh={<>天仓 e 被厚达 <span className="num">1400 km</span> 的海洋覆盖。 光在 <span className="num">200 m</span> 深处已经耗尽； 对鲸语族（Ketoi）而言，“上方”是黑墙，“下方”是可测的声学穹顶。</>}
                  en={<>Tau Ceti e is wrapped in <span className="num">1400 km</span> of ocean. Light dies by <span className="num">200 m</span> depth; for the Ketoi, “up” is a black wall and “down” is a measurable acoustic dome.</>}
                />
              </p>
              <p>
                <T
                  zh={<>第一架“望远镜”建于公元前 <span className="num">800</span> 年， 是深海床上的声子阵列，接收行星内部的地震散射信号—— 他们先画出地核的剖面图，再画出行星的表面图。 直到 <span className="num">1340</span> 年，一位大音者（Great Voice）才第一次把 一具气球携带的反射镜送出水面； 然后他们用了六百年消化“天空”这个概念。</>}
                  en={<>The first “telescope,” built ~<span className="num">800 BCE</span>, was a seafloor phonon array reading seismic scatter from the planet's <em>interior</em> — they mapped the core before they mapped the surface. It was not until <span className="num">1340 CE</span> that a Great Voice first sent a balloon-mounted mirror above the water; six centuries followed to digest the concept of “sky.”</>}
                />
                <Src n={3}/>
              </p>
              <div className="sp__sidenote">
                <span className="label"><T zh="声学镜面知识论" en="Acoustic-mirror epistemology" /></span>
                <T
                  zh="鲸语族（Ketoi）哲学认为“真理 = 被多重回响证实的一致性”。没有回响的断言——包括视觉——是可疑的。这使他们对人类视觉证据的默认深深怀疑。"
                  en="Ketoi philosophy holds that truth = consistency verified by multiple echoes. Assertions without an echo — vision included — are suspect. They are deeply sceptical of human visual evidence by default."
                />
              </div>
            </div>
            <div>
              <KetoiDownwardAstronomy />
            </div>
          </div>
        </section>

        <section>
          <div className="label"><T zh="§ 05 · 寿命与等级" en="§ 05 · Lifespan & rank" /></div>
          <h2><T zh="大音者 → 谐律者 → 回声者 → 鸣者" en="Great Voice → Harmonist → Echoist → Singer" /><span className="en">{lang==='zh'?'The Four Voices':'四重声部'}</span></h2>
          <p className="lead">
            <T
              zh={<>自然寿命 <span className="num">80–180</span> 年（文化承载者（culture-bearers）中值 ~<span className="num">120</span>）； 工程化可达 <span className="num">300–500</span> 年但极稀。 等级由能主导的频谱带宽定义——一位大音者能协调十万头鸣者的合唱。</>}
              en={<>Natural lifespan <span className="num">80–180</span> yr (culture-bearer median ~<span className="num">120</span>); engineered up to <span className="num">300–500</span> yr but vanishingly rare. Rank is defined by the spectral bandwidth one can dominate — a Great Voice can coordinate a chorus of a hundred thousand Singers.</>}
            />
          </p>
          <FactRow items={lang==='zh' ? [
            { label: '大音者', val: 'Great Voice', note: '主导 >10⁴ Hz 谱段' },
            { label: '谐律者', val: 'Harmonist',   note: '协调中频谱' },
            { label: '回声者', val: 'Echoist',     note: '保存族群记忆' },
            { label: '鸣者',   val: 'Singer',      note: '一般公民' },
          ] : [
            { label: 'Great Voice', val: '大音者', note: 'dominates >10⁴ Hz band' },
            { label: 'Harmonist',   val: '谐律者', note: 'coordinates mid-band' },
            { label: 'Echoist',     val: '回声者', note: 'keeper of lineage memory' },
            { label: 'Singer',      val: '鸣者',   note: 'common citizen' },
          ]} />
        </section>

        <section>
          <div className="label"><T zh="§ 06 · 历史与接触" en="§ 06 · History & contact" /></div>
          <h2><T zh="声窃分裂" en="The Song Theft Schism" /><span className="en">2598–2720</span></h2>
          <div className="sp__two">
            <div>
              <p>
                <T
                  zh={<><span className="num">2598</span> 年，一位人类语言学家出版《天仓歌经》（Canticles of Tau Ceti） ——一本人类对鲸语族（Ketoi）最神圣族系歌谱的“音乐化改编”。 他不知道：在鲸语族（Ketoi）的法律里， 一个名字就是其频谱；复制频谱即夺取身份。</>}
                  en={<>In <span className="num">2598</span>, a human linguist published <em>Canticles of Tau Ceti</em> — a “musical adaptation” of the Ketoi's most sacred lineage scores. He did not know that, under Ketoi law, a name <em>is</em> its spectrogram; copying the spectrogram is identity theft.</>}
                />
              </p>
              <p>
                <T
                  zh={<>鲸语族（Ketoi）全族对人类沉默了 <span className="num">110</span> 年。 <span className="num">2724</span> 年，两族签署无回响协议（The No-Echo Protocol）： 历史上第一部跨物种感官产权法， 后成为制度支柱 III。</>}
                  en={<>The entire species went silent toward humans for <span className="num">110</span> years. In <span className="num">2724</span> the two species signed The No-Echo Protocol — the first cross-species sense-property law, later codified as institutional pillar III.</>}
                />
              </p>
            </div>
            <div>
              <KetoiSpectrogram w={480} h={200} bars={160} />
              <div className="label" style={{marginTop:8}}><T zh="一位回声者（Echoist）的家族签名 · 不可复制" en="An Echoist's lineage signature · uncopyable" /></div>
            </div>
          </div>
        </section>
      </div>
    </div>
  );
}

Object.assign(window, { PageKetoi });