# 整页场景 · 两步验证

- 页面：`/showcase/demo/auth` ｜ 场景文档：`/showcase/scene/auth` ｜ 条目：`/r/scene--auth.json`
- 本页由 3 个真实组件拼装（手写等价物不计入）

## 整页提示词

```
复现「两步验证」整页场景（/showcase/demo/auth）：
- 页面级规则按 /design#pages 的对应小节执行，不在此复述
- 本页由这些真实组件拼成（手写等价物不算）：
- 玻璃提示条（Notification Banner）：页面级状态：常驻、不自动消失，处理完或手动关闭才走｜/showcase/component/banner/glass-apple
- 玻璃按钮（Liquid Glass Button）：半透明底 + 1px 细边框 + 背景模糊，做出玻璃厚度｜/showcase/component/button/glass-apple
- 玻璃验证码输入（One-Time Code Input）：一个真输入框 + 画的格子：逐格 input 会打断 autocomplete=one-time-code 自动填充｜/showcase/component/otp/glass-apple
- 骨架：视口高度固定，页头不滚，正文在容器内滚；分区页的页头与正文共用同一条内容列
```

## 本页用到的组件

- [玻璃提示条](../components/banner--glass-apple.md) — Notification Banner
- [玻璃按钮](../components/button--glass-apple.md) — Liquid Glass Button
- [玻璃验证码输入](../components/otp--glass-apple.md) — One-Time Code Input

## 页面级规则

骨架、分区、滚动与列约束见 `/design#pages`——复述就会漂移，这里只指路。