System Requirements Document for shadow-ppt

1. Introduction

本系统是一套面向经销代理商的迈普通信沙龙会议自动展示网页，用于在沙龙会议现场投屏播放，具有明确的招商性质，目标是说服经销代理商与迈普厂家/总经销商建立或深化合作。

产品意图（来源：用户需求原文）：

• 展示形式必须是自动展示网页，不是 PPT。
• 内容不能泛泛而谈，也不能是单纯的文字展示。
• 必须从商业角度打动经销商，同时扬长避短地讲出迈普的竞争优势。
• 必须从迈普厂家和总经销商的角度讲述市场和机会。
• 必须呈现迈普定位：安全可靠，全场景覆盖。
• 必须呈现迈普在网络改造两难之间的最优解定位：国际顶尖品牌预算高、后续服务易被"卡脖子"；便宜品牌断网卡顿、数据安全风险、最终推倒重来；迈普用一线的工程技术、国家级的信创标准，提供兼顾"顶配品质"与"实在价格"的最具性价比选择。
• 必须呈现四大安心保障：真隔离防泄密、信创强防后门、漫游稳零丢包、极简网好运维。
• 必须覆盖政务、教育、医疗、酒店、商业、工业六大行业安全网络建设的痛点、破局方案与项目案例见证。
• 必须呈现收尾主张：迈普通信构建六大行业安全网络；懂技术，更懂您的业务；用更合理的预算，做更懂您的网络。

受众：沙龙会议现场的经销代理商（决策与判断者），以及负责宣讲的迈普厂家/总经销商人员。

2. System Overview

本系统是一个单页自动展示网页（Landing），匿名可访问，无需登录。网页按固定章节顺序自动播放，每 8 秒推进一屏，底部以橙色刻度进度条精确指示播放进度。观众（经销代理商）在会议现场观看投屏，宣讲方（迈普厂家/总经销商）负责启动与驱动播放流程。

当前交付范围：

• 一个匿名可访问的自动展示网页，承载完整的沙龙招商宣讲流程。
• 内容结构：首屏定位 → 网络改造两难与最优解 → 四大安心保障 → 六大行业（政务、教育、医疗、酒店、商业、工业）逐行业呈现"痛点 | 破局 | 案例"三段式仪表卡 → 收尾主张。
• 视觉语言：Dieter Rams 仪器级秩序感，暗色石墨底 + 琥珀信号色，严格 12 列网格，模块化卡片，无渐变、无图库照片、无装饰性动效。
• 交互：自动播放为主，机械式反馈动效（数字滚动计数、仪表针扫过、标签淡入），章节切换用整幅色块过渡。

当前边界与排除：

• 不是 PPT，不提供幻灯片编辑或导出。
• 不提供后台内容管理、数据录入或用户账户体系。
• 不提供在线签约、报价计算或线索收集表单（来源未要求）。
• 不提供多语言切换（来源未要求）。

2a. Product Interpretation and Delivery Boundary

本产品是第一方自有的匿名自动展示网页，由迈普厂家/总经销商在沙龙会议现场投屏使用。访问边界为公开匿名：任何打开网页的人都能观看完整展示，无需登录、注册或身份验证。这是因为展示内容为招商宣讲材料，面向现场观众，不存在需要私有化或按身份隔离的状态。

当前交付边界：仅包含一个自动展示网页及其全部展示内容与自动播放机制。未来可能扩展的内容（如在线签约、线索收集、后台内容管理）不在当前范围内，且来源未提出此类需求。

2b. Source Content Inventory

（本节仅在参考指令明确包含 content_source 时包含；当前无此类指令，故省略。）

2c. Page Content and Component Coverage

Landing

信息与状态

• 首屏定位区：超大标题"安全可靠，全场景覆盖"（桌面 72px / 平板 56px / 移动 40px），下方小字"迈普通信 · 沙龙招商专场"。
• 首屏右侧垂直仪表刻度：三组数字"6 大行业 / 4 大安心 / 1 个最优解"，琥珀色计数动画从 0 滚动到目标值。
• 网络改造两难区：国际顶尖品牌（预算高、服务易被"卡脖子"）vs 便宜品牌（断网卡顿、数据安全风险、推倒重来）的并列对比，以及迈普"兼顾顶配品质与实在价格的最优解"结论。
• 四大安心保障区：四个圆形仪表，环内图标、环外标签，等距排列成一行——真隔离防泄密、信创强防后门、漫游稳零丢包、极简网好运维，每个保障附来源原文说明。
• 六大行业区：政务、教育、医疗、酒店、商业、工业，每行业一个横向"痛点 | 破局 | 案例"三段式仪表卡，左格红色标签"痛点"、中格橙色标签"破局"、右格白色标签"案例"，三格用 1px 分隔线对齐。
• 收尾主张区：迈普通信构建六大行业安全网络；懂技术，更懂您的业务；用更合理的预算，做更懂您的网络。
• 底部自动播放进度条：橙色刻度条，每 8 秒推进一格，格数对应章节数。

主要操作

• 自动播放：网页加载后自动按章节顺序推进，每 8 秒一屏。
• 手动暂停/继续：观众或宣讲方可暂停自动播放以停留讲解。
• 手动跳转章节：点击进度条刻度或章节标签跳转到指定章节。

支撑操作

• 章节切换色块过渡：从一行业切到下一行业时，整屏用一次 300ms 的橙色色块横向扫过，扫过瞬间内容替换。
• 数字滚动计数：首屏三组数字与仪表刻度从 0 滚动到目标值，200–400ms，无弹跳。
• 标签淡入：各章节标签在进入时淡入。

领域实体

• 行业（政务、教育、医疗、酒店、商业、工业）：名称、痛点描述、破局方案、案例列表。
• 案例：项目名称、技术方案要点、效果说明。
• 安心保障：名称、说明。
• 章节：序号、标题、内容块。

组件职责

• 首屏仪表盘组件：渲染超大标题、副标题、三组计数数字与垂直刻度。
• 两难对比组件：并列呈现两类品牌的取舍与迈普定位结论。
• 四大安心仪表组件：四个圆形仪表，环内图标、环外标签。
• 行业仪表卡组件：横向三段式布局，痛点/破局/案例三格对齐，1px 分隔线。
• 自动播放控制器：管理 8 秒推进节奏、暂停/继续、章节跳转。
• 进度条组件：橙色刻度条，格数对应章节数，精确指示进度。
• 色块过渡层：章节切换时整屏橙色色块横向扫过。

状态

• 加载中：网页资源加载时显示石墨底与进度条占位。
• 空状态：不适用（内容为静态内置，无用户输入）。
• 成功：自动播放正常推进，各章节按序呈现。
• 错误：资源加载失败时显示错误提示与重试入口。
• 恢复：加载失败后可重试；播放中断后可手动跳转章节继续。

3. Functional Requirements

FR-01 自动展示网页（非 PPT） As a 迈普厂家/总经销商宣讲方, I should 打开一个自动展示网页并在沙龙会议现场投屏播放，so that 经销代理商能观看完整的招商宣讲流程。

• 来源：explicit
• 触发/输入：宣讲方打开网页。
• 可观察结果：网页加载后自动按章节顺序播放，每 8 秒推进一屏。
• 访问状态：匿名公开访问，无需登录。
• 失败/恢复：资源加载失败时显示错误提示与重试入口。
• 延续：播放至最后一屏后停留在收尾主张区。

FR-02 首屏定位呈现 As a 经销代理商（沙龙会议观众）, I should 在首屏看到"安全可靠，全场景覆盖"的定位与"迈普通信 · 沙龙招商专场"标识，so that 我立即理解这是迈普的招商宣讲。

• 来源：explicit
• 触发/输入：网页加载完成。
• 可观察结果：超大标题与副标题呈现，右侧三组数字"6 大行业 / 4 大安心 / 1 个最优解"从 0 滚动到目标值。
• 访问状态：匿名公开访问。
• 失败/恢复：数字动画失败时静态显示目标值。
• 延续：自动推进到网络改造两难区。

FR-03 网络改造两难与最优解呈现 As a 经销代理商（沙龙会议观众）, I should 看到国际顶尖品牌与便宜品牌的取舍对比，以及迈普"兼顾顶配品质与实在价格的最优解"结论，so that 我理解迈普在市场中的定位价值。

• 来源：explicit
• 触发/输入：自动播放推进到该章节。
• 可观察结果：两类品牌的痛点并列呈现，迈普定位结论以橙色信号色突出。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：自动推进到四大安心保障区。

FR-04 四大安心保障呈现 As a 经销代理商（沙龙会议观众）, I should 看到四个圆形仪表呈现的四大安心保障及其来源原文说明，so that 我理解迈普产品的核心竞争优势。

• 来源：explicit
• 触发/输入：自动播放推进到该章节。
• 可观察结果：四个圆形仪表等距排列，环内图标、环外标签，分别对应真隔离防泄密、信创强防后门、漫游稳零丢包、极简网好运维，每个附来源原文说明。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：自动推进到六大行业区。

FR-05 政务网络建设呈现 As a 经销代理商（沙龙会议观众）, I should 看到政务网络的痛点、破局方案与五个项目案例见证，so that 我判断迈普在政务领域的方案能力与商业机会。

• 来源：explicit
• 触发/输入：自动播放推进到政务章节。
• 可观察结果：三段式仪表卡呈现——痛点（政务外网管控严要求高、Wi-Fi 与监控混网数据被抓取风险、国家信创国产化替换硬指标）；破局（极高安全等级物理隔离 + 全国产信创设备 + 国密算法加密，防外部 DoS 攻击、防内部敏感信息泄露，性能不减）；案例（某市中心网络建设项目、某市法院审判楼智能化工程、某镇政府网络改造升级项目、某市财政局网络安全改造项目、某行政大楼智慧化管理系统改造），每个案例含方案要点与效果说明。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：色块过渡切换到教育章节。

FR-06 智慧校园建设呈现 As a 经销代理商（沙龙会议观众）, I should 看到智慧校园的痛点、破局方案与十一个项目案例见证，so that 我判断迈普在教育领域的方案能力与商业机会。

• 来源：explicit
• 触发/输入：自动播放推进到教育章节。
• 可观察结果：三段式仪表卡呈现——痛点（家用路由器拼凑组网、信号干扰无法漫游、多宽带并发卡顿、缺乏三层路由导致广播风暴与监控卡顿）；破局（企业级 AC+FIT 架构统一管控 + 三层万兆骨干消除广播风暴 + 信创网关自主可控 + 校园网与安防网物理隔离）；案例（1800 人小学项目、惠州某中学新建项目、汕头某中学无线改造、汕头某学校二期改造、汕头某小学网络建设、汕头某小学光纤入室、汕头某职业技术学校智慧校园、台山市某中学设备网改造、潮阳某中学网络改造、深圳某小学智能网、惠州某中学初中部扩容二期），每个案例含方案要点与效果说明。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：色块过渡切换到医疗章节。

FR-07 医疗网络建设呈现 As a 经销代理商（沙龙会议观众）, I should 看到医疗网络的痛点、破局方案与四个项目案例见证，so that 我判断迈普在医疗领域的方案能力与商业机会。

• 来源：explicit
• 触发/输入：自动播放推进到医疗章节。
• 可观察结果：三段式仪表卡呈现——痛点（医护查房与患者用网混用难满足等保合规、月子中心与养老院等特殊场景难以做到 7x24 小时高可用和门禁联动防走失）；破局（多 SSID 分域安全隔离 + 严苛行为审计满足等保 + 双主控冗余架构保障不断网 + 云管平台实时告警）；案例（东莞某医院无线访客网、广州某妇幼保健院无线覆盖、汕头某月子中心信息化建设、珠海某社会福利中心智能化），每个案例含方案要点与效果说明。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：色块过渡切换到酒店章节。

FR-08 酒店网络建设呈现 As a 经销代理商（沙龙会议观众）, I should 看到酒店网络的痛点、破局方案与六个项目案例见证，so that 我判断迈普在酒店领域的方案能力与商业机会。

• 来源：explicit
• 触发/输入：自动播放推进到酒店章节。
• 可观察结果：三段式仪表卡呈现——痛点（客房/IPTV/监控多网并存布线复杂、泳池等室外区域信号差、住客实名认证难落实、故障需现场维修）；破局（多网融合一网打尽 + IP 组播优化看 IPTV 不卡 + 双链路冗余防断网 + 云管平台远程运维）；案例（某酒店无线网络项目、东莞某酒店项目、惠州某酒店项目、某酒店无线覆盖项目、某酒店一期弱电智能化、汕头某饭店项目），每个案例含方案要点与效果说明。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：色块过渡切换到商业楼宇章节。

FR-09 商业楼宇组网呈现 As a 经销代理商（沙龙会议观众）, I should 看到商业楼宇组网的痛点、破局方案与六个项目案例见证，so that 我判断迈普在商业楼宇领域的方案能力与商业机会。

• 来源：explicit
• 触发/输入：自动播放推进到商业楼宇章节。
• 可观察结果：三段式仪表卡呈现——痛点（弱电施工接错线形成环路导致整网瘫痪、物业网与公共网隔离不彻底、售楼处缺乏远程运维手段）；破局（环路检测防瘫痪 + 物理与逻辑双重隔离 + IP+MAC 绑定固准入 + 零配置云管上线）；案例（惠州某大厦网络建设、汕头某商业广场智能化、汕尾某地产售楼处办公网、泰州某地产智能化、无锡某地产智能化、某购物中心无线覆盖），每个案例含方案要点与效果说明。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：色块过渡切换到工业园区章节。

FR-10 工业园区组网呈现 As a 经销代理商（沙龙会议观众）, I should 看到工业园区组网的痛点、破局方案与六个项目案例见证，so that 我判断迈普在工业领域的方案能力与商业机会。

• 来源：explicit
• 触发/输入：自动播放推进到工业园区章节。
• 可观察结果：三段式仪表卡呈现——痛点（车间漫游切换慢丢包导致机器停摆、老旧监控网络更换面临信创合规要求、多业务流量混杂互相干扰）；破局（Wi-Fi 6 极速漫游零丢包保障智造 + H-VST/M-VST 全网虚拟化一网如一机 + 国产芯片信创赋能杜绝后门）；案例（东莞某五金公司车间项目、广东某热电公司监控改造、中山某化工公司智慧工业园、广东某材料公司智慧工厂、世界 500 强研发大楼、世界 500 强园区宿舍无线），每个案例含方案要点与效果说明。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：色块过渡切换到收尾主张区。

FR-11 收尾主张呈现 As a 经销代理商（沙龙会议观众）, I should 看到收尾主张"迈普通信构建六大行业安全网络；懂技术，更懂您的业务；用更合理的预算，做更懂您的网络"，so that 我形成合作意向。

• 来源：explicit
• 触发/输入：自动播放推进到最后一屏。
• 可观察结果：收尾主张以橙色信号色突出呈现，播放停留在该屏。
• 访问状态：匿名公开访问。
• 失败/恢复：内容为静态内置，无失败场景。
• 延续：播放结束，可手动跳转回任意章节。

FR-12 自动播放控制 As a 迈普厂家/总经销商宣讲方, I should 控制自动播放的暂停、继续与章节跳转，so that 我能根据现场节奏停留讲解或快速跳转。

• 来源：required_inference
• 触发/输入：宣讲方点击暂停/继续按钮或进度条刻度。
• 可观察结果：播放暂停或跳转到指定章节，进度条同步更新。
• 访问状态：匿名公开访问。
• 失败/恢复：跳转失败时停留在当前章节。
• 延续：继续播放或停留在指定章节。

FR-13 章节切换色块过渡 As a 经销代理商（沙龙会议观众）, I should 在章节切换时看到整屏橙色色块横向扫过，so that 我感知到章节的机械式切换节奏。

• 来源：explicit（来自 CREATIVE DIRECTION 的 signature moves）
• 触发/输入：自动播放推进到下一章节。
• 可观察结果：300ms 橙色色块横向扫过，扫过瞬间内容替换。
• 访问状态：匿名公开访问。
• 失败/恢复：过渡失败时直接切换内容。
• 延续：新章节内容呈现。

FR-14 数字滚动计数与仪表刻度 As a 经销代理商（沙龙会议观众）, I should 在首屏看到三组数字从 0 滚动到目标值，so that 我像看仪表自检一样精确感知迈普的规模。

• 来源：explicit（来自 CREATIVE DIRECTION 的 signature moves）
• 触发/输入：首屏加载完成。
• 可观察结果：三组数字在琥珀色刻度上从 0 滚动计数到"6 大行业 / 4 大安心 / 1 个最优解"，200–400ms，无弹跳。
• 访问状态：匿名公开访问。
• 失败/恢复：动画失败时静态显示目标值。
• 延续：自动推进到下一章节。

4. User Personas

经销代理商（沙龙会议观众）

产品背景：被明确邀请参加迈普沙龙会议、听取招商宣讲的经销代理商。他们在会议现场观看投屏，距离屏幕三到五米，需要一眼读懂对比与数字。

主要目标：判断迈普产品与方案是否值得代理、能否带来可观的商业回报。

反复承担的工作：浏览六大行业（政务、教育、医疗、酒店、商业、工业）的痛点与破局方案、查看项目案例见证、理解四大安心保障与性价比定位，最终形成合作意向。

相关输入或决策：对比国际顶尖品牌与便宜品牌的取舍；评估迈普"兼顾顶配品质与实在价格的最优解"定位；判断各行业案例的可信度与商业机会。

与其他参与者的互动：观看迈普厂家/总经销商宣讲方驱动的自动展示网页；在会议现场听取宣讲方讲解。

可观察的成功：被说服并愿意与迈普厂家/总经销商建立或深化合作。

迈普厂家/总经销商宣讲方

产品背景：来源明确要求"从迈普厂家和总经销商的角度去讲述市场和机会"，该角色负责在沙龙会议中面向经销代理商呈现市场机会、竞争优势（扬长避短）与招商主张。

主要目标：完成一场有说服力的招商宣讲，促成经销代理商合作。

反复承担的工作：组织并驱动自动展示网页的宣讲流程，按行业与主题顺序呈现痛点、破局方案、案例见证与四大安心保障。

相关输入或决策：根据现场节奏控制播放暂停、继续与章节跳转；决定在哪些章节停留讲解。

与其他参与者的互动：面向经销代理商（沙龙会议观众）宣讲；驱动自动展示网页。

可观察的成功：完成一场有说服力的招商宣讲，促成经销代理商合作。

5. Core User Flows

流程一：经销代理商观看完整沙龙展示

1. 起始上下文：经销代理商在沙龙会议现场就座，宣讲方已打开自动展示网页并投屏。
2. 首屏：网页加载完成，经销代理商看到超大标题"安全可靠，全场景覆盖"与副标题"迈普通信 · 沙龙招商专场"；右侧三组数字"6 大行业 / 4 大安心 / 1 个最优解"从 0 滚动到目标值。
3. 两难与最优解：自动推进到网络改造两难区，经销代理商看到国际顶尖品牌（预算高、服务易被"卡脖子"）与便宜品牌（断网卡顿、数据安全风险、推倒重来）的对比，以及迈普"兼顾顶配品质与实在价格的最优解"结论。
4. 四大安心保障：自动推进到四大安心保障区，经销代理商看到四个圆形仪表——真隔离防泄密、信创强防后门、漫游稳零丢包、极简网好运维，每个附来源原文说明。
5. 政务行业：色块过渡切换到政务章节，经销代理商看到痛点、破局方案与五个项目案例见证。
6. 教育行业：色块过渡切换到教育章节，经销代理商看到痛点、破局方案与十一个项目案例见证。
7. 医疗行业：色块过渡切换到医疗章节，经销代理商看到痛点、破局方案与四个项目案例见证。
8. 酒店行业：色块过渡切换到酒店章节，经销代理商看到痛点、破局方案与六个项目案例见证。
9. 商业楼宇行业：色块过渡切换到商业楼宇章节，经销代理商看到痛点、破局方案与六个项目案例见证。
10. 工业园区行业：色块过渡切换到工业园区章节，经销代理商看到痛点、破局方案与六个项目案例见证。
11. 收尾主张：自动推进到最后一屏，经销代理商看到"迈普通信构建六大行业安全网络；懂技术，更懂您的业务；用更合理的预算，做更懂您的网络"。
12. 可观察结果：经销代理商完整观看全部章节，形成对迈普方案能力与商业机会的判断。
13. 失败/恢复：若资源加载失败，显示错误提示与重试入口；若播放中断，可手动跳转章节继续。
14. 延续：播放结束后可手动跳转回任意章节复看。

流程二：宣讲方驱动并控制宣讲节奏

1. 起始上下文：宣讲方在沙龙会议现场准备开始宣讲，打开自动展示网页并投屏。
2. 启动播放：网页加载后自动开始播放，宣讲方确认首屏呈现正常。
3. 停留讲解：宣讲方在需要详细讲解的章节（如四大安心保障或某行业案例）点击暂停，停留讲解。
4. 继续播放：讲解完成后点击继续，自动播放恢复推进。
5. 跳转章节：宣讲方根据现场节奏点击进度条刻度或章节标签，跳转到指定章节。
6. 可观察结果：播放暂停、继续或跳转到指定章节，进度条同步更新。
7. 失败/恢复：跳转失败时停留在当前章节。
8. 延续：继续播放或停留在指定章节，直至宣讲结束。

6. Visuals Colors and Theme

Muse：Dieter Rams。Headline：Less, but better — 用仪器级秩序感讲一场招商硬仗。

色彩（暗色模式）

全部为纯色块，禁止渐变。

字体

• 标题：Archivo，700–800 字重，紧字距 -0.02em，全大写用于行业标签与章节编号，标题句首大写；数字用等宽风格，强调参数与规模感。
• 正文：IBM Plex Sans。
• 字阶：1.25 模块化——显示 72/56/40/28/20/16/13。桌面 72px、平板 56px、移动 40px 的显示标题；正文 16px，标签 13px 全大写加 0.08em 字距。

形状语言

• 圆角矩形控件 6px。
• 仪表盘圆形刻度。
• 标签/数值成对对齐。
• 硬边分隔线 1px。
• 模块化卡片无阴影，靠边框与色块区分层次。

布局

• 12 列严格网格，左右留 64px 边距。
• 每个行业模块用统一的"痛点 | 破局 | 案例"三段式结构，横向排列成仪表盘。
• 首屏用超大标题占满 9 列，右侧留白放关键数字。
• 章节切换用整幅色块过渡，而非滚动渐显。

图像风格

• 线稿式网络拓扑图、设备轮廓剪影、参数表、刻度盘。
• 禁止图库照片与插画，视觉主体是数据与结构本身。

7. Signature Design Concept

首屏仪表盘：整幅石墨底（#1A1A18），左侧 9 列放置超大标题"安全可靠，全场景覆盖"（桌面 72px / 移动 40px），下方一行小字"迈普通信 · 沙龙招商专场"。右侧 3 列是一组垂直仪表刻度，显示"6 大行业 / 4 大安心 / 1 个最优解"三个数字，用琥珀色（#E8B21E）计数动画从 0 滚动到目标值。底部一条 1px 橙色（#E5591C）进度条精确指示自动播放进度。整屏无图片，只有字、数字、刻度与色块。

Signature moves：

• 首屏仪表盘数字："6 大行业 / 4 大安心 / 1 个最优解"三组数字在琥珀色刻度上从 0 滚动计数，像仪表自检一样精确落位。
• 痛点-破局-案例三段式仪表卡：每个行业一个横向模块，左格红色标签"痛点"、中格橙色标签"破局"、右格白色标签"案例"，三格用 1px 分隔线对齐，数值与文字严格成对。
• 自动播放进度条：屏幕底部一条橙色刻度条，每 8 秒推进一格，格数对应章节数，像老式示波器扫描线一样精确。
• 行业切换色块过渡：从政务切到教育时，整屏用一次 300ms 的橙色色块横向扫过，扫过瞬间内容替换，机械且干脆。
• 四大安心保障做成四个圆形仪表：每个保障一个圆环，环内是图标，环外是标签，四个圆环等距排列成一行，像设备面板上的指示灯。

8. Interaction Model & Motion Direction

Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: flat

Landing Hero Motion Brief

• Focal subject：首屏的超大标题"安全可靠，全场景覆盖"与右侧垂直仪表刻度上的三组数字。
• Input → transformation → outcome thesis：网页加载完成（input）→ 三组数字在琥珀色刻度上从 0 滚动计数到"6 大行业 / 4 大安心 / 1 个最优解"，底部橙色进度条开始精确走位（transformation）→ 观众像看仪表自检一样精确感知迈普的规模与定位（outcome）。
• Motion vocabulary：机械式反馈——数字滚动计数、仪表针扫过、标签淡入，全部 200–400ms，无弹跳；章节切换用整幅橙色色块横向扫过（300ms）。
• Composed first frame：整幅石墨底，左侧 9 列超大标题，右侧 3 列垂直仪表刻度，底部 1px 橙色进度条。整屏无图片，只有字、数字、刻度与色块。
• Reduced-motion state：当 prefers-reduced-motion 生效时，数字静态显示目标值，章节切换直接替换内容（无扫过动画），进度条静态显示当前章节位置；所有内容仍可完整阅读。

9. Non-Functional Requirements

NFR-01 自动播放节奏 网页必须每 8 秒自动推进一屏，底部进度条精确指示进度。

• 来源：explicit（CREATIVE DIRECTION）
• 理由：沙龙会议现场投屏需要稳定的自动播放节奏。

NFR-02 会议投屏可读性 观众距离屏幕三到五米，需要一眼读懂对比与数字；标题、标签、数字、卡片文字与控件在 375px、768px、1280px 视口下必须完整显示在视口与容器内，通过换行或缩放（如 font-size: clamp(...)）适配。

• 来源：explicit（CREATIVE DIRECTION）
• 理由：会议现场投屏的远距离可读性。

NFR-03 无渐变、无图库照片 全部为纯色块，禁止渐变；禁止图库照片与插画，视觉主体是数据与结构本身。

• 来源：explicit（CREATIVE DIRECTION）
• 理由：Rams 仪器级秩序感的视觉语言要求。

NFR-04 暗色模式对比度 暗色石墨底（#1A1A18）配暖白正文（#F2F0EA），保证暗色下正文对比度。

• 来源：explicit（CREATIVE DIRECTION）
• 理由：会议投屏的对比度与专业感。

NFR-05 减少动效支持 当 prefers-reduced-motion 生效时，提供可用的静态排列：数字静态显示目标值，章节切换直接替换内容，进度条静态显示当前章节位置。

• 来源：explicit（CREATIVE DIRECTION）
• 理由：无障碍要求。

NFR-06 匿名公开访问 网页必须匿名公开可访问，无需登录、注册或身份验证。

• 来源：required_inference
• 理由：展示内容为招商宣讲材料，面向现场观众，不存在需要私有化或按身份隔离的状态。

10. Tech Stack

• 前端：React（单页应用，承载自动展示网页）。
• 样式：CSS（12 列严格网格、暗色模式、纯色块、无渐变）。
• 字体：Archivo（标题）、IBM Plex Sans（正文）。
• 动效：CSS 动画与过渡（数字滚动计数、仪表针扫过、标签淡入、色块过渡），200–400ms，无弹跳。
• 部署：静态托管（自动展示网页为纯前端应用，无需后端服务）。

（来源未指定技术栈，以上为满足需求的必要默认选择。）

11. Assumptions and Constraints

约束

• 展示形式必须是自动展示网页，不是 PPT。（explicit）
• 内容不能泛泛而谈，也不能是单纯的文字展示。（explicit）
• 必须从迈普厂家和总经销商的角度讲述市场和机会。（explicit）
• 必须具有招商性质，目标是说服经销代理商。（explicit）
• 必须扬长避短地讲出迈普的竞争优势。（explicit）

假设

• 假设沙龙会议现场有可投屏的显示设备与网络环境，用于打开并播放网页。
• 假设宣讲方熟悉网页的暂停、继续与章节跳转操作。
• 假设展示内容为静态内置，无需后台内容管理或数据录入。
• 假设网页为匿名公开访问，无需登录、注册或身份验证。

12. Glossary

• 迈普通信：本展示网页所宣讲的网络设备与信创方案品牌。
• 沙龙展示：面向经销代理商的沙龙会议现场投屏展示。
• 招商性质：展示的目标是说服经销代理商与迈普厂家/总经销商建立或深化合作。
• 四大安心保障：真隔离防泄密、信创强防后门、漫游稳零丢包、极简网好运维。
• 信创：国家国产化替换，核心设备用国产芯片 + 国密加密。
• 国密加密：国家密码算法加密。
• 物理+逻辑双重隔离：网线分开的物理隔离与逻辑隔离结合，从根上断绝越权访问。
• 无感极速漫游：工业级 Wi-Fi 6 调优，移动中不断线、不丢包。
• 虚拟化堆叠：把一堆复杂的设备变成"逻辑上的一台机"。
• 防环路检测：自带环路检测，电工接错线也不会全楼断网。
• AC+FIT 架构：企业级无线控制器 + 瘦 AP 架构，统一管控。
• 三层万兆骨干：三层路由架构的万兆主干网络。
• 多 SSID 分域隔离：多个 SSID 分别隔离不同用户群体。
• 双主控冗余：核心设备双主控，坏了自动切换不宕机。
• 云管平台：云端远程运维与实时告警平台。
• IP 组播优化：优化 IP 组播，看 IPTV 不卡。
• 双链路冗余：双链路出口，宽带断了自动切换。
• IP+MAC 绑定固准入：设备和 IP 绑定，没授权的设备插上网线也上不了网。
• 零配置云管上线：设备零配置，云端统一管理上线。
• H-VST/M-VST 全网虚拟化：把全网设备虚拟成一台机管理，一网如一机。
• Portal 认证：通过网页门户进行认证。
• 802.11k 无感知漫游：支持 802.11k 标准的无感知漫游。
• QoS 优先转发：优先保障关键业务流量。
• 防 ARP 欺骗：防止内网病毒欺骗。
• 行为审计：上网行为审计，满足等保合规。
• 短信认证：通过短信进行实名认证。

• 多 WAN 负载均衡：多条宽带自动平衡。
• STP/MSTP 二层链路冗余：二层链路冗余防断网。
• VLAN ACL 流量策略：VLAN 访问控制列表流量策略。
• L2-L7 全面防护：二层到七层的全面安全防护。
• DDoS/SQL 注入/XSS 防御：全栈防御 DDoS、SQL 注入、XSS 攻击。
• AI 视频防控：AI 视频监控防控。
• 智能照明协同：智能照明系统协同升级。
• 独立 PA/LNA：独立功率放大器/低噪声放大器，信号增强技术。
• 双主控框式核心：框式核心设备双主控。
• 高密双频吸顶 AP：高密度双频吸顶式 AP。
• 面板 AP：插座面板式 AP，有线无线一体化。
• 光纤入室：光纤直接拉进教室/房间。
• 融合网关：多功能集控的融合网关。
• 电信级核心交换机：电信级核心交换机。
• AC 统一管控：无线控制器统一管控多场景无线。
• 多网融合：客房、IPTV、监控等多网融合一网打尽。
• 四网融合千兆架构：客服、监控、办公、IPTV 四网合一。
• 三网合一：三张网络合一。
• 双网物理隔离：两张网络物理隔离。
• 三网四域深度隔离：三张网络、四个域深度隔离。
• 万兆核心：万兆核心交换机。
• 万兆高密端口：万兆高密度端口。
• 万兆主干：万兆主干网络。
• 千兆三层组网：千兆三层路由组网。
• 千兆无线全覆盖：千兆无线网络全覆盖。
• 3000M 企业级 Wi-Fi 6：3000M 速率的企业级 Wi-Fi 6。
• 1800M 大带宽：1800M 大带宽。
• 109 台 Wi-Fi 6 高并发覆盖：109 台 Wi-Fi 6 设备高并发覆盖。
• 800+ AP 全域高速无感漫游：800 多个 AP 覆盖，全域高速无感漫游。

• 256 台 AP 一键统一下发配置：256 台 AP 一键统一下发配置。
• 256 并发接入：256 个并发接入。
• 300 节点全千兆：300 个节点全千兆。
• 4500 人工厂宿舍高密覆盖：4500 人工厂宿舍高密度覆盖。
• 400 床公办养老院：400 床公办养老院。
• 4.5 万平米 255 间客房：4.5 万平米、255 间客房。
• 6.8 万㎡商场：6.8 万平方米商场。
• 800+ 车位：800 多个车位。
• 10 万平米商圈：10 万平方米商圈。
• 16 万㎡社区：16 万平方米社区。
• 19 万㎡低密社区：19 万平方米低密度社区。
• 30 万㎡大盘售楼处：30 万平方米大盘售楼处。
• 42 个班 1800 人：42 个班、1800 人。
• 36 个班无缝漫游：36 个班无缝漫游。
• 48 个教学班：48 个教学班。
• 45 班 2250 学位：45 个班、2250 个学位。
• 三校区万兆互联：三个校区万兆互联。
• 九年一贯制智慧校园：九年一贯制智慧校园。
• 智慧养老：智慧养老。
• 智慧大楼：智慧大楼。
• 智慧工业园：智慧工业园。
• 智慧工厂：智慧工厂。
• 世界 500 强研发大楼：世界 500 强研发大楼。
• 世界 500 强园区宿舍无线：世界 500 强园区宿舍无线。
• 日化龙头园区：日化龙头园区。
• 三甲医院：三级甲等医院。
• 山海度假酒店：山海度假酒店。
• 园林餐厅：园林餐厅。
• 百年老校：百年老校。

• 光纤收发器频发故障：光纤收发器频发故障。
• 广播风暴：广播风暴。
• 监控画面严重卡顿：监控画面严重卡顿。
• 电梯控制与电子班牌：电梯控制与电子班牌。
• 防病毒入侵防御：防病毒入侵防御。
• 防 ARP 欺骗：防 ARP 欺骗。
• 行为网关深度管控：行为网关深度管控。
• 多线宽带并发：多线宽带并发。
• 多 WAN 负载均衡：多 WAN 负载均衡。
• 多 SSID 带宽保障及流量管控：多 SSID 带宽保障及流量管控。
• 云管平台远程运维：云管平台远程运维。
• 云管平台实时告警：云管平台实时告警。
• 双主控三网合一：双主控三网合一。
• 全域监控门禁联动：全域监控门禁联动。
• 防老人走失：防老人走失。
• 母婴护理网络：母婴护理网络。
• 短信实名认证：短信实名认证。
• 远程运维：远程运维。
• 双 WAN 智能负载：双 WAN 智能负载。
• 三网合一：三网合一。
• 面板 AP+高密双频吸顶 AP+融合网关流量管控：面板 AP、高密双频吸顶 AP、融合网关流量管控。
• STP/MSTP 二层链路冗余：STP/MSTP 二层链路冗余。
• VLAN ACL 流量策略：VLAN ACL 流量策略。
• 云管平台：云管平台。
• 电信级核心交换机+AC 统一管控多场景无线：电信级核心交换机、AC 统一管控多场景无线。
• 环路检测防瘫痪：环路检测防瘫痪。
• 物理与逻辑双重隔离：物理与逻辑双重隔离。
• IP+MAC 绑定固准入：IP+MAC 绑定固准入。
• 零配置云管上线：零配置云管上线。

• 三栋楼三网物理隔离：三栋楼三网物理隔离。
• L2-L7 全面防护：L2-L7 全面防护。
• 双网物理隔离：双网物理隔离。
• ACL 精细化管控：ACL 精细化管控。
• 双 SSID 覆盖 800+ 车位：双 SSID 覆盖 800 多个车位。
• 融合网关多功能集控：融合网关多功能集控。
• VLAN 逻辑隔离：VLAN 逻辑隔离。
• 环路检测防错接瘫痪：环路检测防错接瘫痪。
• 电信级核心+三层架构+防火墙深度检测+VLAN 隔离：电信级核心、三层架构、防火墙深度检测、VLAN 隔离。
• AC 统一零配置管控 256 台 AP：AC 统一零配置管控 256 台 AP。
• 高密 256 并发接入：高密 256 并发接入。
• Portal 认证：Portal 认证。
• Wi-Fi 6 极速漫游零丢包保障智造：Wi-Fi 6 极速漫游零丢包保障智造。
• H-VST/M-VST 全网虚拟化：H-VST/M-VST 全网虚拟化。
• 国产芯片信创赋能杜绝后门：国产芯片信创赋能杜绝后门。
• Wi-Fi 6 无感知极速漫游零丢包：Wi-Fi 6 无感知极速漫游零丢包。
• AGV 无人搬运车：AGV 无人搬运车。
• 国产芯片信创赋能万兆骨干升级：国产芯片信创赋能万兆骨干升级。
• 四网隔离+万兆核心+Wi-Fi 6 双 SSID 覆盖：四网隔离、万兆核心、Wi-Fi 6 双 SSID 覆盖。
• 万兆三层架构+H-VST/M-VST 双维虚拟化：万兆三层架构、H-VST/M-VST 双维虚拟化。
• 1800M 大带宽+VST 全网虚拟化+109 台 Wi-Fi 6 高并发覆盖：1800M 大带宽、VST 全网虚拟化、109 台 Wi-Fi 6 高并发覆盖。
• 独立 PA/LNA+双主控框式核心：独立 PA/LNA、双主控框式核心。
• 信号增强技术保障 300 节点全千兆顺畅冲浪：信号增强技术保障 300 节点全千兆顺畅冲浪。
• 懂技术，更懂您的业务：迈普的收尾主张。
• 用更合理的预算，做更懂您的网络：迈普的收尾主张。
• 安全可靠，全场景覆盖：迈普的定位主张。