Files
dreamweaver/.claude/specs/design/figma-html/theme-c/universe-detail.html
torin b8d3cb4644
Some checks are pending
Build and Push Docker Images / changes (push) Waiting to run
Build and Push Docker Images / build-backend (push) Blocked by required conditions
Build and Push Docker Images / build-frontend (push) Blocked by required conditions
Build and Push Docker Images / build-admin-frontend (push) Blocked by required conditions
wip: snapshot full local workspace state
2026-04-17 18:58:11 +08:00

65 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>宇宙详情</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="page">
<header class="nav">
<div class="container nav__inner">
<div class="nav__left">
<div class="nav__logo">
<span class="nav__logo-badge"></span>
DreamWeaver
</div>
<span class="badge">Web 原型</span>
</div>
<div class="nav__center">
<a class="nav__item active" href="home.html">生成故事</a>
<a class="nav__item" href="my-stories.html">我的故事</a>
<a class="nav__item" href="child-profiles.html">孩子档案</a>
<a class="nav__item" href="universes.html">故事宇宙</a>
<a class="nav__item" href="push-settings.html">推送设置</a>
<a class="nav__item" href="account-settings.html">账户设置</a>
<a class="nav__item" href="admin-providers.html">管理后台</a>
</div>
<div class="nav__right">
<input class="input" style="width: 200px;" placeholder="搜索故事" />
<div class="avatar"></div>
</div>
</div>
</header>
<div class="container" style="padding: 28px 0 60px;">
<div class="card section">
<h2>星际冒险</h2>
<div class="card-meta">主角:小明船长 · 更新于 2025/01/12</div>
</div>
<div class="grid grid-2 section">
<div class="card">
<h3>主角设定</h3>
<div class="callout">小明是来自地球的探险家,勇敢且好奇。</div>
</div>
<div class="card">
<h3>常驻角色</h3>
<div class="callout">机器人小七、外星猫咪星星</div>
</div>
<div class="card">
<h3>世界观</h3>
<div class="callout">星际学院、彩虹星云、飞船港湾</div>
</div>
<div class="card">
<h3>成就</h3>
<div class="callout">克服恐惧 · 结交朋友 · 学会独立</div>
</div>
</div>
<div class="section">
<button class="btn btn--secondary">编辑宇宙</button>
</div>
</div>
</div>
</body>
</html>