エラー・システム状態
404ページ
ページが見つからないときの案内。大きな「404」とやさしい文言、ホームへ戻る導線を中央に据える。上空を漂うイラストがゆっくり浮遊する。
プレビュー
静的
操作動きのない質感・レイアウトの見本です。
コード（コピーして使えます）
<div class="stage" id="stage">
<div class="nf">
<div class="nf-art" aria-hidden="true">
<svg width="120" height="88" viewBox="0 0 120 88" fill="none">
<!-- 漂う紙飛行機 -->
<g class="nf-plane">
<path d="M8 40 L58 20 L40 52 L33 44 L8 40 Z" fill="#eef1fb" stroke="#2b50c7" stroke-width="2" stroke-linejoin="round"/>
<path d="M33 44 L40 52 L36 42 Z" fill="#7fa4ff"/>
</g>
<!-- 破線の軌跡 -->
<path class="nf-trail" d="M12 62 Q40 58 58 44 T104 26" stroke="#c8c2b8" stroke-width="2" stroke-linecap="round" stroke-dasharray="1 8"/>
</svg>
</div>
<p class="nf-code">404</p>
<p class="nf-title">ページが見つかりません</p>
<p class="nf-sub">お探しのページは移動または削除された可能性があります。</p>
<a class="nf-btn" href="#">ホームへ戻る</a>
</div>
</div>