feat(design): Riso 风格页面设计与静态原型（首页/列表/详情/管理台/登录）

design/prototype/login.html

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>管理台登录 · Awesome Index</title>
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='4' y='4' width='20' height='20' rx='5' fill='%232436E8'/%3E%3Crect x='10' y='10' width='18' height='18' rx='5' fill='none' stroke='%23FF4D2E' stroke-width='2.5'/%3E%3C/svg%3E" />
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet" />
+<link rel="stylesheet" href="assets/css/main.css" />
+</head>
+<body>
+
+<header class="topbar">
+  <div class="container topbar-inner">
+    <a class="brand" href="index.html">
+      <span class="brand-mark"><i></i><i></i></span>
+      AWESOME·INDEX
+    </a>
+    <nav class="topnav" aria-label="主导航">
+      <a href="index.html">首页</a>
+      <a href="list.html">浏览全部</a>
+      <a href="login.html" aria-current="page">管理入口</a>
+    </nav>
+    <button class="btn btn-sm nav-toggle" aria-expanded="false">菜单</button>
+  </div>
+</header>
+
+<main>
+  <div class="auth-wrap container">
+    <section class="auth-card rise" aria-labelledby="auth-title">
+      <p class="anno">// route: /admin/login · auth: session cookie</p>
+
+      <h1 id="auth-title">管理台登录</h1>
+      <p class="auth-sub">人工通道。AI Agent 请走 <a href="index.html#mcp">MCP 接口</a>——这扇门不对机器开放。</p>
+
+      <form id="login-form" novalidate>
+        <div class="field">
+          <label for="login-user">用户名</label>
+          <input class="input" id="login-user" name="username" type="text"
+                 placeholder="admin" autocomplete="username" required />
+        </div>
+        <div class="field">
+          <label for="login-pass">密码</label>
+          <input class="input" id="login-pass" name="password" type="password"
+                 placeholder="••••••••" autocomplete="current-password" required />
+        </div>
+        <div class="auth-row">
+          <label class="checkline" style="padding:0">
+            <input type="checkbox" checked /> 记住这台设备
+          </label>
+          <a href="mailto:admin@honor3.com">忘记密码？</a>
+        </div>
+        <button class="btn btn-primary btn-block" type="submit">登 录</button>
+      </form>
+
+      <div class="auth-note mono">
+        <span>// demo 账号：admin / admin</span>
+        <span>// agents: POST /mcp · 此处返回 403</span>
+      </div>
+    </section>
+  </div>
+</main>
+
+<footer class="footer-bar" style="background:transparent;border-top:2px solid var(--ink);color:var(--ink-dim)">
+  <div class="container" style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 26px;font-family:var(--font-mono);font-size:12px">
+    <span>© 2026 honor3.com · Awesome Index Admin</span>
+    <span><a href="index.html" style="color:inherit;text-decoration:none">← 返回首页</a></span>
+  </div>
+</footer>
+
+<div class="toast" role="status"></div>
+<script src="assets/js/main.js"></script>
+</body>
+</html>