# PeripheralFacilities iframe 原型说明

## 基本信息

- 版本：v0.1
- 日期：2026-08-31
- 原型表面：VISTA C 用户端
- 嵌入页面：<https://demo.homevista.jp/PeripheralFacilities>

## 修订记录

| 日期 | 版本 | 变更类型 | 变更摘要 |
| --- | --- | --- | --- |
| 2026-08-31 | v0.1 | 初始创建 | 新建 PeripheralFacilities iframe 嵌入原型及验收口径。 |

## 原型目标

通过一个最小化的前端原型验证 `PeripheralFacilities` 页面在固定尺寸 iframe 中的嵌入效果。原型不新增 HOMEVISTA 产品功能，也不改变被嵌入页面内部的交互。

## 页面要求

1. 页面仅展示一个日文标题和一个 iframe。
2. 标题文案为“埋め込みページ TEST”。
3. 标题字号为 18px，使用日文哥特体字体族。
4. iframe 地址为 `https://demo.homevista.jp/PeripheralFacilities`。
5. iframe 固定宽 800px、高 600px。
6. iframe 不显示横向或纵向滚动条；超出窗口的内容直接裁切。
7. iframe 加载期间显示“読み込み中…”，加载完成后自动隐藏。

## 边界与风险

- iframe 内部内容、样式、交互和数据均由被嵌入页面负责，本原型不对其进行修改。
- 当前目标页面响应头未发现 `X-Frame-Options` 或限制嵌入的 `Content-Security-Policy`，因此具备嵌入基础；后续若目标环境调整安全策略，嵌入可能失效。
- 跨站 Cookie 是否可用仍受访问者浏览器隐私策略影响，不能仅通过原型代码保证。

## 验收标准

- 访问 `/prototype/` 后可见“埋め込みページ TEST”。
- 浏览器计算样式中标题字号为 18px，字体族包含日文哥特体。
- iframe 元素的尺寸为 800 × 600px，且 `scrolling="no"`。
- iframe 成功加载指定 HTTPS 页面，窗口内不出现 iframe 滚动条。
- `/`、`/prototype/`、`/docs/` 均可访问。
- 执行 `pnpm build` 后生成 `dist/prototype/index.html`、`dist/docs/index.html`、原始 Markdown 文件和 `dist/_headers`。