65 lines
3.5 KiB
HTML
65 lines
3.5 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<meta name="theme-color" content="#171c22" />
|
||
<title>Aetherbound Guild 完整游戏设计</title>
|
||
<link rel="icon" type="image/webp" href="favicon.webp" />
|
||
<link rel="stylesheet" href="styles.css" />
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#content">跳到内容</a>
|
||
<div class="app-shell">
|
||
<aside class="sidebar" id="sidebar" aria-label="设计导航">
|
||
<div class="brand-block">
|
||
<button class="icon-button mobile-only" id="close-nav" type="button" aria-label="关闭导航">×</button>
|
||
<span class="brand-mark" aria-hidden="true">AG</span>
|
||
<div>
|
||
<strong>Aetherbound Guild</strong>
|
||
<span>裂脉远征团 · 开发前设计</span>
|
||
</div>
|
||
</div>
|
||
<nav class="primary-nav" id="primary-nav">
|
||
<button class="nav-item is-active" data-view="overview" type="button"><span>01</span> 总览</button>
|
||
<button class="nav-item" data-view="screens" type="button"><span>02</span> 页面规格与缺口 <b>82</b></button>
|
||
<button class="nav-item" data-view="flow" type="button"><span>03</span> 流程规格链</button>
|
||
<button class="nav-item" data-view="chapters" type="button"><span>04</span> 八章画面 <b>24</b></button>
|
||
<button class="nav-item" data-view="characters" type="button"><span>05</span> 角色 <b>30</b></button>
|
||
<button class="nav-item" data-view="professions" type="button"><span>06</span> 职业 <b>36</b></button>
|
||
<button class="nav-item" data-view="enemies" type="button"><span>07</span> 敌人 <b>100</b></button>
|
||
<button class="nav-item" data-view="items" type="button"><span>08</span> 装备 <b>320</b></button>
|
||
<button class="nav-item" data-view="records" type="button"><span>09</span> 成就与收藏</button>
|
||
<button class="nav-item" data-view="production" type="button"><span>10</span> 美术与音频</button>
|
||
<button class="nav-item" data-view="readiness" type="button"><span>11</span> 开发准备度</button>
|
||
</nav>
|
||
<div class="sidebar-footer">
|
||
<span class="status-dot"></span>
|
||
<div><strong>DESIGN SPEC</strong><span>运行时开发仍冻结</span></div>
|
||
</div>
|
||
</aside>
|
||
|
||
<div class="page-shell">
|
||
<header class="topbar">
|
||
<button class="icon-button mobile-only" id="open-nav" type="button" aria-label="打开导航">☰</button>
|
||
<div class="breadcrumbs"><span>完整策划</span><b>/</b><strong id="view-title">总览</strong></div>
|
||
<div class="top-actions">
|
||
<span class="evidence-badge">概念图 · 非运行时</span>
|
||
<button class="icon-button" id="fullscreen-current" type="button" title="全屏查看当前游戏画面" aria-label="全屏查看当前游戏画面">⛶</button>
|
||
</div>
|
||
</header>
|
||
<main id="content" tabindex="-1">
|
||
<div class="loading-state" id="loading">正在载入完整设计索引…</div>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="nav-scrim" id="nav-scrim" hidden></div>
|
||
<dialog class="stage-dialog" id="stage-dialog">
|
||
<button class="dialog-close" id="close-dialog" type="button" aria-label="关闭全屏画面">×</button>
|
||
<div id="dialog-stage"></div>
|
||
</dialog>
|
||
<script src="app.js" defer></script>
|
||
</body>
|
||
</html>
|