47 lines
2.4 KiB
HTML
47 lines
2.4 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN" data-theme="light">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="theme-color" content="#f5f8fc">
|
||
<meta name="description" content="蝶雅产品AI中心，产品部智能工作台。">
|
||
<title>蝶雅产品AI中心</title>
|
||
<link rel="icon" href="./favicon.svg" type="image/svg+xml">
|
||
<link rel="stylesheet" href="./src/styles.css">
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">跳转到智能体列表</a>
|
||
<div class="app-shell">
|
||
<div class="background-grid" aria-hidden="true"></div>
|
||
<header class="header">
|
||
<a class="brand" href="./" aria-label="蝶雅产品AI中心首页">
|
||
<span class="brand-logo" aria-hidden="true">◇</span>
|
||
<span><strong>蝶雅产品AI中心</strong><small>PRODUCT AI WORKSPACE</small></span>
|
||
</a>
|
||
<nav class="nav" aria-label="主导航">
|
||
<button class="nav-icon" type="button" aria-label="打开新的工作台标签页" title="打开新的工作台标签页">+</button>
|
||
<a class="nav-link active" href="./">智能体广场</a>
|
||
<a class="nav-link" href="#stats">使用统计</a>
|
||
<a class="nav-link" href="#feedback">问题反馈</a>
|
||
<div class="theme-switch" role="group" aria-label="选择主题">
|
||
<button class="theme-button active" type="button" data-theme="light" aria-label="浅色主题" aria-pressed="true">☼</button>
|
||
<button class="theme-button" type="button" data-theme="dark" aria-label="深色主题" aria-pressed="false">☾</button>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<main id="main" class="main" tabindex="-1">
|
||
<section class="intro" aria-labelledby="page-title">
|
||
<p class="eyebrow">PRODUCT AI CENTER</p>
|
||
<h1 id="page-title">选择智能体</h1>
|
||
<p class="intro-description">选择需要使用的产品工具，立即开始工作。</p>
|
||
</section>
|
||
<section id="agent-grid" class="agent-grid" aria-label="产品部智能体列表"></section>
|
||
<section id="empty-state" class="empty-state" hidden aria-live="polite">暂无可用的产品工具。</section>
|
||
<footer class="footer"><span>蝶雅产品AI中心</span><span>连接产品 · 提升效率</span></footer>
|
||
</main>
|
||
</div>
|
||
<div id="toast" class="toast" role="status" aria-live="polite"></div>
|
||
<script type="module" src="./src/main.mjs"></script>
|
||
</body>
|
||
</html>
|