2026-06-18 18:58:30 +08:00

78 lines
2.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
/>
<title data-i18n="cpSpace.pageTitle">Best Friend</title>
<link rel="icon" href="data:," />
<link
rel="stylesheet"
href="../../common/theme.css?v=20260618-cp-space"
/>
<link rel="stylesheet" href="./style.css?v=20260618-cp-space" />
</head>
<body>
<div class="app-shell">
<main
class="cp-space"
id="page"
data-tab="cp"
aria-label="Best Friend"
data-i18n-aria="cpSpace.pageLabel"
>
<nav
class="top-nav"
aria-label="Best Friend navigation"
data-i18n-aria="cpSpace.navLabel"
>
<button
class="back-button"
id="backButton"
type="button"
aria-label="Back"
data-i18n-aria="cpSpace.back"
>
<span aria-hidden="true"></span>
</button>
<h1 data-i18n="cpSpace.title">Best Friend</h1>
</nav>
<section
class="tab-bar"
aria-label="Best Friend tabs"
data-i18n-aria="cpSpace.tabsLabel"
>
<button
class="tab-button is-active"
type="button"
data-tab="cp"
>
<span data-i18n="cpSpace.tabCp">CP</span>
</button>
<button class="tab-button" type="button" data-tab="brother">
<span data-i18n="cpSpace.tabBrother">Brother</span>
</button>
<button class="tab-button" type="button" data-tab="sister">
<span data-i18n="cpSpace.tabSister">Sister</span>
</button>
</section>
<section
class="content-panel"
id="contentPanel"
aria-live="polite"
></section>
</main>
</div>
<script src="../../common/i18n.js?v=20260618-cp-space"></script>
<script src="../../common/api.js?v=20260618-cp-space"></script>
<script src="../../common/jsbridge.js?v=20260618-cp-space"></script>
<script src="../../common/toast.js?v=20260618-cp-space"></script>
<script src="./script.js?v=20260618-cp-space"></script>
</body>
</html>