Keynote Black · 黑场大数字

Produza um deck de keynote em arquivo único, com palco preto. Você está dirigindo um evento de lançamento, não escrevendo um documento: a tela é um palco, cada página é um momento, e o público deve ser capaz de lê-la da última fila. O sistema visual, o contrato da tela e o runtime de navegação são travados por example.html. Comece em example.html, substitua apenas o conteúdo — não reescreva o design ou o script. Não introduza nenhuma cor ou fonte fora desta especificação.

Gerado a partir da entrada 「黑底巨型数字剧场 / Black Big-Number Stage」 (大胆派, 还原 97%) de references/design-styles.md em huashu-design por 花叔 (alchaincyf), licenciado sob MIT — referências: keynote do iPhone de Steve Jobs em 2007, lançamento do Xiaomi SU7 Ultra de Lei Jun, Spotify Wrapped, Presentation Zen. A entrada upstream é uma especificação escrita; este plugin a realiza como um deck completo de múltiplas seções, preservando seu DNA.

Não confundir com os irmãos: dir-key-nav-minimal rotaciona 8 páginas monocromáticas coloridas (índigo/creme/carmesim/jade…) — este deck é preto puro constante com um único destaque e sem rotação de cor; studio é um estilo de texto de estúdio de design preto + amarelo elétrico sem números grandes; ppt-keynote é um deck de cartões Keynote genérico e leve.

Especificação rígida (travada — violar qualquer linha é uma regressão)

Tela e runtime

• Uma <div id="stage"> fixa em 1920 × 1080 px, centralizada com position: fixed; top: 50%; left: 50%; uma função fit() aplica translate(-50%, -50%) scale(min(innerWidth/1920, innerHeight/1080)) ao carregar e resize. Todo o layout interno em px — o escalador cuida da responsividade.
• Cada página é uma <section class="slide"> dentro de #stage com um rótulo estilo data-screen-label="01 封面"; exatamente um slide carrega .active. Não há páginas claras — cada página é o palco preto.
• Navegação (mantenha o script verbatim): ←/↑/PageUp anterior, →/↓/Space/PageDown próximo, Home/End primeiro/último; roteamento de hash #/N (indexado em 1) lido ao carregar + hashchange, escrito via history.replaceState; clique no terço esquerdo = voltar, resto = avançar; contador fixo em pílula no canto inferior direito, dica de tecla no canto inferior esquerdo. Sem JS externo, sem etapa de compilação — o arquivo deve abrir dentro de um iframe com sandbox via file://.

Tokens de design (:root — mantenha os nomes; apenas --accent pode mudar)

• --accent é uma escolha única por deck de exatamente três valores: laranja Mi #FF6900, verde Spotify #1ED760, azul Apple #2997FF. Misturar dois deles em um deck é o pecado capital deste estilo.
• Fontes carregam via um @import do Google Fonts (Inter + Noto Sans SC); nenhum outro recurso externo de qualquer tipo.

Dispositivos de assinatura (o DNA visual — todo deck deve mostrá-los)

1. Uma ideia por tela: cada página centraliza um elemento com flex — uma palavra, um número, uma frase ou uma comparação. Se uma página precisa de um parágrafo, ela precisa se tornar duas páginas.
2. Teatro de numeral gigante: números principais têm 320–460px, peso 900, espaçamento ≈ −0.04em, font-variant-numeric: tabular-nums, branco puro, com uma pequena unidade em maiúsculas ao lado ou abaixo — a unidade (ou um glifo) pode receber o destaque. Exatamente uma linha de legenda --muted discreta embaixo.
3. Manifesto de uma palavra: palavra de 240–300px, peso 900, terminando em um ponto de destaque (<span class="a">。</span>), com uma linha sussurrada abaixo.
4. Holofote do palco: uma única elipse tênue radial-gradient(closest-side, rgba(255,255,255,.05), transparent) atrás do elemento principal (.spotlight). Esta é a única decoração permitida — sem outros gradientes, sem fotos, sem emoji, sem fontes de ícones, sem sombras, sem raio de borda (exceto o contador em pílula do runtime).
5. Rótulo superior sussurrado: rótulo em maiúsculas de 12px / 600 / 4px de espaçamento --faint centralizado no topo de cada página (nome do evento · capítulo). É um cromo, não conteúdo — mantenha-o quase invisível.

…