109 lines
5.7 KiB
HTML
109 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN" data-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>魂镜 · 创建账户</title>
|
|
<link rel="stylesheet" href="assets/app.css?v=10">
|
|
</head>
|
|
<body>
|
|
<svg style="display:none" aria-hidden="true">
|
|
<symbol id="i-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></symbol>
|
|
</svg>
|
|
|
|
<div class="stage">
|
|
<div class="stage__bg" aria-hidden="true">
|
|
<div class="stage__rings">
|
|
<svg viewBox="0 0 800 800">
|
|
<defs><path id="ringpath" d="M400,400 m-300,0 a300,300 0 1,1 600,0 a300,300 0 1,1 -600,0"/></defs>
|
|
<circle class="ring-ink" cx="400" cy="400" r="392"/>
|
|
<circle class="ring-faint" cx="400" cy="400" r="336"/>
|
|
<g class="ring-slow"><circle class="ring-faint" cx="400" cy="400" r="272"/></g>
|
|
<circle class="ring-ink" cx="400" cy="400" r="206"/>
|
|
<circle class="ring-faint" cx="400" cy="400" r="158"/>
|
|
<g class="ring-slow" style="animation-direction:reverse"><circle class="ring-faint" cx="400" cy="400" r="104"/></g>
|
|
<text fill="var(--gilt-faint)" font-size="12" letter-spacing="6" style="font-family:var(--font-serif)">
|
|
<textPath href="#ringpath">幻由心生 · 镜随心转 · 一念起 · 万镜生 · 且向镜中看 · 那个是谁 ·</textPath>
|
|
</text>
|
|
</svg>
|
|
</div>
|
|
<svg style="position:absolute;inset:0;width:100%;height:100%;opacity:.035" aria-hidden="true"><filter id="grain"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2"/></filter><rect width="100%" height="100%" filter="url(#grain)"/></svg>
|
|
</div>
|
|
|
|
<header class="stage__topbar">
|
|
<a href="login.html" style="font-size:12px;color:var(--text-3)">← 返回登录</a>
|
|
<span style="font-size:12px;color:var(--text-3)">静态原型 · 待审查</span>
|
|
<span class="spacer"></span>
|
|
<a href="index.html" style="font-size:12px;color:var(--text-3)">原型目录</a>
|
|
<button class="icon-btn" data-theme-toggle aria-label="切换到月白主题"><svg><use href="#i-moon"/></svg></button>
|
|
</header>
|
|
|
|
<main class="stage__main">
|
|
<div class="mirror-card">
|
|
<div class="mirror-card__brand">
|
|
<div class="brand__mark" aria-hidden="true"></div>
|
|
<div>
|
|
<div style="font-family:var(--font-serif);font-size:20px;font-weight:600;line-height:1.2">魂镜</div>
|
|
<div style="font-size:11px;color:var(--text-3)">Hunjing</div>
|
|
</div>
|
|
</div>
|
|
<div class="mirror-card__title">
|
|
<h1>创建账户</h1>
|
|
</div>
|
|
<p class="mirror-card__sub">化名与法定身份分离核验；随时可导出、撤权或删除</p>
|
|
|
|
<form onsubmit="return false">
|
|
<div class="field-group">
|
|
<label for="reg-email">邮箱</label>
|
|
<input class="input" id="reg-email" type="email" autocomplete="email" placeholder="you@example.com">
|
|
</div>
|
|
<div class="field-group">
|
|
<label for="reg-code">验证码</label>
|
|
<div class="field-row">
|
|
<input class="input" id="reg-code" type="text" inputmode="numeric" placeholder="6 位验证码">
|
|
<button class="btn btn--outline" type="button">发送验证码</button>
|
|
</div>
|
|
</div>
|
|
<div class="field-group">
|
|
<label for="reg-pwd">密码</label>
|
|
<input class="input" id="reg-pwd" type="password" autocomplete="new-password" placeholder="至少 12 位，建议通行密钥">
|
|
</div>
|
|
<div class="field-group">
|
|
<label for="reg-pwd2">确认密码</label>
|
|
<input class="input" id="reg-pwd2" type="password" autocomplete="new-password" placeholder="再次输入">
|
|
</div>
|
|
|
|
<div style="margin:18px 0 16px;border-top:1px solid var(--line-soft);padding-top:16px">
|
|
<div style="font-size:12.5px;color:var(--text-2);margin-bottom:10px">开始前请知悉（数据权）：</div>
|
|
<div class="check-row">
|
|
<input type="checkbox" id="ck-train" checked disabled aria-label="默认不用于模型训练">
|
|
<label class="t" for="ck-train"><b>默认不用于模型训练</b> —— 你的个人域数据默认不参与任何模型训练；自愿贡献是独立开关，可随时撤销。</label>
|
|
</div>
|
|
<div class="check-row">
|
|
<input type="checkbox" id="ck-export" checked disabled aria-label="可导出与删除">
|
|
<label class="t" for="ck-export"><b>可导出、可删除</b> —— 角色、记忆、对话与来源谱系随时可携导出；删除有冷静期并传播到全部派生数据。</label>
|
|
</div>
|
|
<div class="check-row">
|
|
<input type="checkbox" id="ck-vault" aria-label="了解私箧规则">
|
|
<label class="t" for="ck-vault"><b>私箧独立持钥</b> —— 加密私密区只有你能解开；平台无法恢复，钥匙丢失即永久不可读取。</label>
|
|
</div>
|
|
<div class="check-row">
|
|
<input type="checkbox" id="ck-terms" aria-label="同意服务条款">
|
|
<label class="t" for="ck-terms"><b>我已阅读并同意服务条款与社区规范</b> —— 角色不拥有生物意识或法律人格；社区有举报与治理机制。</label>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="btn btn--cinnabar" href="login.html" style="width:100%">创建账户</a>
|
|
</form>
|
|
|
|
<p class="login-note">注册即创建你的镜域（个人数据域）；角色、记忆与授权都归属镜域治理。</p>
|
|
<div class="login-foot">
|
|
已有账户？<a href="login.html">登入</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<script src="assets/app.js?v=3"></script>
|
|
</body>
|
|
</html>
|