System Requirements Document for proud-ppt

1. Introduction

This document specifies an auto-playing promotional webpage for 迈普通信 (Maipu Communications), built for use in salon meetings (沙龙会议) held for 经销代理商 (distributors and regional resellers). The page is a channel-recruitment instrument: it must persuade commercially motivated, technically literate distributors that Maipu is the right brand to carry, and it must do so from the standpoint of the Maipu manufacturer and its general distributor (总经销商) presenting market opportunity and opportunity points.

The product intent is to replace a slide deck with a continuously auto-advancing web presentation that argues, in commercial terms, why Maipu occupies the balance point between over-priced international brands and under-performing cheap brands — "顶配品质" at "实在价格" — and to close with a partner call. The audience is the salon attendee (经销代理商); the presenter is the Maipu manufacturer / general distributor. The page must not be a plain text wall and must not be generic: it must carry concrete industry pain points, Maipu's counter-moves, and named project case evidence across six industries.

2. System Overview

The delivered product is a single first-party web presentation with eight pages, all anonymously reachable, that auto-advances through a fixed narrative: opening claim → market opportunity → value position → four assurances → six industry solutions with case evidence → partner call. It is a dark, cinematic, scroll- and time-driven surface rather than a slide deck.

Actors:

• 经销代理商（沙龙会议参会者） — the salon attendee who watches the auto-playing presentation and forms a cooperation intent.
• 迈普厂家/总经销商（宣讲方） — the presenting party whose voice, market framing, and competitive argument the page carries.

All accepted behavior is presentation and persuasion: no ordering, no account management, no configuration, no data entry. The page is a headless-content, first-party-UI deliverable with no backend product capability beyond serving the presentation.

2a. Product Interpretation and Delivery Boundary

The page is delivered as a first-party, anonymously accessible auto-playing web presentation. No identity, login, or account is required or implied: the salon attendee opens the page and the presentation runs. The presenting party's "voice" is expressed as authored content and framing (manufacturer/general-distributor perspective), not as a separate authenticated role with its own controls.

Current scope is exactly the salon presentation: market opportunity, value positioning, the four assurances, six industry solutions with their pain points, counter-moves and case evidence, and the partner call. Out of scope and not built: any product configuration, network management, ordering, quotation, lead-capture form, CRM, or account system. The presentation is a persuasion surface only.

2b. Source Content Inventory

The authoritative source supplies the following verified content entities, preserved here as the factual inventory the presentation must carry.

Core claim and positioning

• 迈普通信：安全可靠，全场景覆盖！
• 网络改造两难：国际顶尖品牌预算吃不消、后续服务易被"卡脖子"；便宜品牌三天两头断网、卡顿、数据安全像走钢丝、最后推倒重来。
• 迈普定位：一线的工程技术、国家级的信创标准，最具性价比的选择；比迈普贵的品牌溢价太高，比迈普便宜的品牌在稳定性、安全合规和国产化替代上差强人意。
• 收尾主张：懂技术，更懂您的业务。用更合理的预算，做更懂您的网络。

四大安心保障

• 真隔离，防泄密：物理+逻辑双重隔离，网线都分开，从根上断绝越权访问（对比"软隔离"容易被穿透）。
• 信创强，防后门：国产芯片+国密加密，性能不降级，杜绝国外设备"后门"隐患。
• 漫游稳，零丢包：工业级 Wi-Fi 6 调优，无感极速漫游，手机走动着看视频不断线，AGV 小车跑着不丢包。
• 极简网，好运维：虚拟化堆叠把多设备变成"逻辑上的一台机"，自带防环路检测，电工接错线也不会全楼断网。

政务网络建设 —— 守护国家数据，安全大于天

• 痛点：政务外网管控严、要求高；Wi-Fi 与监控混网有数据被抓取风险；国家信创国产化替换硬指标；传统设备难以兼顾。
• 破局：极高安全等级物理隔离 + 全国产信创设备 + 国密算法加密；防外部黑客 DoS 攻击，防内部敏感信息泄露，性能不减。
• 案例：某市中心网络建设项目 — 三网四域深度隔离+万兆核心+防火墙与行为管理双重防护（三栋楼三张独立网线彻底分开，万兆主干不卡顿，双重防火墙守住政务外网）。
• 案例：某市法院审判楼智能化工程 — Wi-Fi 6 精细化覆盖+多 SSID 分域隔离+多 WAN 负载均衡（访客与法官连不同 Wi-Fi 互不干扰，多条宽带自动平衡，保障审判和办公网络永不断线）。
• 案例：某镇政府网络改造升级项目 — 万兆核心+Portal 认证全域无线漫游（主干道万兆极速，全镇无线走到哪连到哪，政务数据安全有保障）。
• 案例：某市财政局网络安全改造项目 — 异构汇聚+国密加密+虚拟化堆叠冗余（核心设备全国产加密，多台设备虚拟成一台，坏了自动切换不宕机，打通多套安全系统）。
• 案例：某行政大楼智慧化管理系统改造 — 全栈防御 DDoS/SQL 注入/XSS+AI 视频防控+智能照明协同（防顶级黑客攻击，AI 监控与智能照明协同升级，打造智慧大楼）。

智慧校园建设 —— 告别卡顿，给校园畅游知识的海洋

• 痛点：家用路由器"拼凑"组网、信号互相干扰无法漫游；多宽带并发卡顿；缺乏三层路由导致广播风暴、监控卡顿。
• 破局：企业级 AC+FIT 架构统一管控 + 三层万兆骨干消除广播风暴 + 信创网关自主可控 + 校园网与安防网物理隔离。
• 案例：1800 人小学项目 — 有线无线统一覆盖+多 WAN 负载均衡+安防网互通（42 个班 1800 人同时上网不卡，全校统一一个 Wi-Fi 名，宽带智能分配）。
• 案例：惠州某中学新建项目 — 三层万兆架构+行为审计+AC+FIT 架构管理（万兆主干，全校 AP 统一后台管控，36 个班无缝漫游，九年一贯制智慧校园）。
• 案例：汕头某中学无线改造 — 3000M 企业级 Wi-Fi 6 统一覆盖（告别独立 SSID 干扰，48 个教学班企业级高速 Wi-Fi 6，无缝漫游不掉线）。
• 案例：汕头某学校二期改造 — 信创路由器出口替换+万兆高密端口（核心路由换全国产，多线宽带并发不再卡脖子，自主可控）。
• 案例：汕头某小学网络建设 — 校园网与安防网物理隔离+下一代防火墙三线接入+AP 无缝漫游（上网和监控各走各的线，防火墙精细管控专线）。
• 案例：汕头某小学网络建设 — 光纤入室+面板 AP 有线无线一体化（光纤直接拉进教室，插座面板就是 AP，好看又好用，万兆校园易扩展）。
• 案例：汕头某职业技术学校智慧校园 — 万兆骨干互联三校区+信创审计网关（三个校区万兆互联，全国产设备护航，服务学校未来十年发展）。
• 案例：台山市某中学设备网改造 — 增设汇聚层升级三层架构（百年老校终结光纤收发器频发故障，解决监控画面严重卡顿）。
• 案例：潮阳某中学网络改造 — 融合网关防病毒入侵防御+802.11k 无感知漫游（全校千兆无线全覆盖，自带防病毒功能，手机切换 AP"无感知"不断线）。
• 案例：深圳某小学智能网 — 双汇聚冗余+VLAN 逻辑双网隔离+环路检测+QoS 优先转发（双重备份防断网，电梯控制与电子班牌网络互不干扰，优先保障关键业务）。
• 案例：惠州某中学初中部扩容（二期）— 千兆三层组网+行为网关深度管控+防 ARP 欺骗（支撑 45 班 2250 学位，深度管控上网行为，防内网病毒欺骗）。

医疗网络建设 —— 生命容不得断网，全天候精准守护

• 痛点：医护查房和患者用网混在一起，难以满足医疗等保合规；月子中心、养老院等特殊场景传统网络做不到 7x24 小时高可用和门禁联动防走失。
• 破局：多 SSID 分域安全隔离 + 严苛行为审计满足等保 + 双主控冗余架构保障不断网 + 云管平台实时告警。
• 案例：东莞某医院无线访客网 — Wi-Fi 6 全场景覆盖+800+AP 全域高速无感漫游（800 多个 AP 覆盖三甲医院，全域极速漫游，安全合规不掉线）。
• 案例：广州某妇幼保健院无线覆盖 — 三 SSID 隔离+短信认证+上网行为审计（医护、患者、访客连不同 Wi-Fi 彻底隔离，短信认证保安全，守护医疗隐私）。
• 案例：汕头某月子中心信息化建设 — 多 SSID 带宽保障及流量管控+云管平台远程运维（母婴护理网络稳如泰山，带宽优先保障关键业务，云端实时监控网络健康）。
• 案例：珠海某社会福利中心智能化 — 双主控三网合一+全域监控门禁联动（400 床公办养老院，核心双主控不宕机，监控门禁联动防老人走失，赋能智慧养老）。

酒店网络建设 —— 给住客五星级网速，给酒店省心管家

• 痛点：客房、IPTV、监控多网并存导致布线像蜘蛛网；泳池等室外区域信号差；住客实名认证难落实；出问题还要跑到现场修。
• 破局：多网融合一网打尽 + IP 组播优化看 IPTV 不卡 + 双链路冗余防断网 + 云管平台远程运维。
• 案例：某酒店无线网络项目 — 双链路冗余出口+IP 组播优化+四网融合千兆架构（客服、监控、办公、IPTV 四网合一，看网络电视不卡，宽带断了自动切换）。
• 案例：东莞某酒店项目 — 万兆主干+Wi-Fi 6 全覆盖+短信实名认证+远程运维（万兆极速上网，住客发短信认证上网，老板在手机上就能远程修网络）。
• 案例：惠州某酒店项目 — 三网合一+双 WAN 智能负载（双宽带智能分配提升网速，山海度假酒店里走到哪都有满格信号）。
• 案例：某酒店无线覆盖项目 — 面板 AP+高密双频吸顶 AP+融合网关流量管控（4.5 万平米 255 间客房全覆盖，高密度区域也不掉线，智享无缝漫游）。
• 案例：某酒店一期弱电智能化 — STP/MSTP 二层链路冗余+VLAN ACL 流量策略+云管平台（自带防断网冗余和智能流量管控，打造智慧住宅小区网络）。
• 案例：汕头某饭店项目 — 电信级核心交换机+AC 统一管控多场景无线（电信级设备护航，助园林餐厅打造万兆网络，支撑多元化餐饮运营）。

商业楼宇组网 —— 大楼再复杂，网络也清爽

• 痛点：弱电施工极易接错线形成环路导致整网瞬间瘫痪；物业网和公共网隔离不彻底；售楼处缺乏远程运维手段。
• 破局：环路检测防瘫痪（接错线也不怕） + 物理与逻辑双重隔离 + IP+MAC 绑定固准入 + 零配置云管上线。
• 案例：惠州某大厦网络建设 — 三栋楼三网物理隔离+IP+MAC 绑定固准入+L2-L7 全面防护（三栋楼三张网彻底分开，设备和 IP 绑定，没授权的设备插上网线也上不了网）。
• 案例：汕头某商业广场智能化 — 双网物理隔离+ACL 精细化管控+双 SSID 覆盖 800+车位（6.8 万㎡商场，安防和上网彻底分开，800 多车位全域 Wi-Fi 6 无感漫游）。
• 案例：汕尾某地产售楼处办公网 — 融合网关多功能集控+云管平台远程运维（30 万㎡大盘售楼处，安全和行为管控一网搞定，云端远程运维省时省力）。
• 案例：泰州某地产智能化 — VLAN 逻辑隔离+环路检测防错接瘫痪（19 万㎡低密社区，系统间数据互不干扰，电工接错线也不会全网瘫痪）。
• 案例：无锡某地产智能化 — 电信级核心+三层架构+防火墙深度检测+VLAN 隔离（16 万㎡社区，电信级核心保障，多套智能系统数据严格隔离，关键数据安全可控）。
• 案例：某购物中心无线覆盖 — AC 统一零配置管控 256 台 AP+高密 256 并发接入+Portal 认证（10 万平米商圈，256 台 AP 一键统一下发配置，高密度人群同时上网不卡顿）。

工业园区组网 —— 机器不停转，网络零丢包

• 痛点：车间漫游切换慢，一丢包机器就停摆；老旧监控网络亟需更换但面临信创合规要求；多业务流量混杂互相干扰。
• 破局：Wi-Fi 6 极速漫游零丢包保障智造 + H-VST/M-VST 全网虚拟化（一网如一机） + 国产芯片信创赋能杜绝后门。
• 案例：东莞某五金公司车间项目 — Wi-Fi 6 无感知极速漫游零丢包（车间 AGV 无人搬运车狂奔不停摆，漫游切换极速零丢包，保障高效产线）。
• 案例：广东某热电公司监控改造 — 国产芯片信创赋能万兆骨干升级（万兆骨干升级，全部采用国产芯片，杜绝国外"后门"隐患，打造自主可控安防网）。
• 案例：中山某化工公司智慧工业园 — 四网隔离+万兆核心+Wi-Fi 6 双 SSID 覆盖（生产、办公、访客多网彻底隔离，日化龙头园区办公与访客无感漫游）。
• 案例：广东某材料公司智慧工厂 — 万兆三层架构+H-VST/M-VST 双维虚拟化（把全网设备虚拟成一台机管理，一网如一机，生产网与办公网安全隔离的万兆园区）。
• 案例：世界 500 强研发大楼 — 1800M 大带宽+VST 全网虚拟化+109 台 Wi-Fi 6 高并发覆盖（百亿级研发中心极速 Wi-Fi 6 全覆盖，高并发不卡顿，全网虚拟化极简管理）。
• 案例：世界 500 强园区宿舍无线 — 独立 PA/LNA+双主控框式核心（4500 人工厂宿舍高密覆盖，信号增强技术保障 300 节点全千兆顺畅冲浪）。

Closing

• 迈普通信 —— 构建政务、教育、医疗、酒店、商业、工业六大行业安全网络！
• 懂技术，更懂您的业务。用更合理的预算，做更懂您的网络。
• 网络改造陷两难？要顶配品质，还要实在价格？选迈普通信！四大安心：物理双重隔离防泄密；国产国密芯片防后门；Wi-Fi 6 极速漫游零丢包；极简运维，接错线也不怕！
• 政务、教育、医疗、酒店、商业、工业，六大行业！从政务数据防护，到校园并发不卡；从医疗全天候不断网，到星级酒店服务；从商场楼宇用网，到工业机器不掉线。

2c. Page Content and Component Coverage

Landing

• Information / state: The opening claim 迈普通信：安全可靠，全场景覆盖！, the salon context (面向经销代理商的招商沙龙展示), and the two-audience framing (厂家/总经销商视角讲述市场与机会). No identity state; anonymous entry.
• Primary action: Begin / enter the auto-playing presentation (capsule CTA 成为合作伙伴 pinned bottom-left per the hero direction, which advances into the presentation).
• Supporting actions: None beyond entry; the six industry names run as a slow horizontal ticker along the bottom edge.
• Domain entities: Maipu brand claim; six industry names (政务、教育、医疗、酒店、商业、工业); salon/招商 context.
• Component responsibilities: Full-bleed dark parametric hero scene; oversized flush-left headline in three stacked lines; gold hairline rule; capsule CTA; bottom industry ticker; auto-advance trigger into Presentation.
• States: Loading (hero parametric layers compose); empty (n/a — content is authored); success (hero composed, ticker running, CTA available); error/recovery (if motion assets fail, static stacked hero with headline, rule, CTA and wrapped industry names remains fully readable); reduced-motion (static stacked layout, ticker becomes wrapped rows).

Presentation

• Information / state: The auto-advancing narrative spine — opening claim, market opportunity, value position, four assurances, six industry solutions, partner call — with current-section state and progress.
• Primary action: Watch the presentation auto-advance; the attendee may also scroll to move through sections.
• Supporting actions: Pause/resume auto-advance; jump to a section via the bottom progress ribbon.
• Domain entities: Presentation sections; progress position; active industry.
• Component responsibilities: Section sequencer; curved SVG arc dividers that morph with scroll; persistent bottom progress ribbon with gold progress line and active-industry teal highlight; auto-advance timer.
• States: Loading (first section composing); empty (n/a); success (sections advance continuously, progress ribbon tracks position); error/recovery (if auto-advance stalls, manual scroll continues the narrative; reduced-motion gives a static stacked sequence with horizontal scroll on case tracks).

Visual Story

• Information / state: The non-textual argument layer — diagrams, icons, data cards, and comparison content that carry the product and commercial case without relying on prose.
• Primary action: View the visual argument as it composes alongside the narrative.
• Supporting actions: Scroll through visual panels; case chips scroll horizontally.
• Domain entities: Mechanism diagrams (separate cables for 真隔离, chip + 国密 for 信创, roaming path for 漫游, stacked boxes collapsing into one for 极简运维); counting numerals for case metrics (AP counts, 万兆, 并发); comparison content (国际品牌 / 低价品牌 / 迈普).
• Component responsibilities: Parametric curve diagrams; capsule data chips with tabular-figure numerals; counting-numeral animation; comparison panels.
• States: Loading (diagrams drawing); empty (n/a); success (diagrams and numerals render and count); error/recovery (numerals fall back to static final values; diagrams render as static SVG); reduced-motion (static diagrams, no counting animation).

Market Opportunity

• Information / state: The market and opportunity story told from the Maipu manufacturer / general distributor standpoint — network-renovation demand, the two-horned dilemma (国际顶尖品牌预算吃不消、服务易被卡脖子；便宜品牌断网卡顿、数据安全风险、推倒重来), and the industry opportunity across six verticals.
• Primary action: Follow the manufacturer/general-distributor framing of market opportunity.
• Supporting actions: Scroll through opportunity panels; read the dilemma framing.
• Domain entities: Market demand; the two-horned dilemma; six industry opportunity zones; distributor commercial value.
• Component responsibilities: Opportunity panels; dilemma comparison; industry opportunity band.
• States: Loading; empty (n/a); success (opportunity narrative composed); error/recovery (static text panels remain readable); reduced-motion (static stacked panels).

Value Position

• Information / state: The three-way comparison — 国际顶尖品牌 (溢价太高), 低价品牌 (稳定性、安全合规、国产化替代差强人意), and 迈普 (一线的工程技术 + 国家级的信创标准 = 最具性价比). The balance-point claim.
• Primary action: Read the value comparison and the balance-point conclusion.
• Supporting actions: Scroll through comparison columns.
• Domain entities: Three brand tiers; price/quality axes; 性价比 conclusion.
• Component responsibilities: Three-track comparison layout; gold-accented Maipu column; balance-point visual.
• States: Loading; empty (n/a); success (comparison composed); error/recovery (static comparison table remains readable); reduced-motion (static stacked comparison).

Four Assurances

• Information / state: The four assurances — 真隔离防泄密, 信创强防后门, 漫游稳零丢包, 极简网好运维 — each with its mechanism and its contrast against the cheaper alternative.
• Primary action: Expand each assurance chip to read its mechanism.
• Supporting actions: Scroll along the parametric curve of chips.
• Domain entities: Four assurance chips; mechanism diagrams; counting numerals.
• Component responsibilities: Four capsule chips arranged along a single parametric curve; each expanding on scroll into a hairline-ruled panel with a counting numeral and a gold mechanism diagram.
• States: Loading; empty (n/a); success (chips expand, numerals count, diagrams render); error/recovery (chips remain as static expanded panels); reduced-motion (all four panels shown expanded and static).

Industry Solutions

• Information / state: Six industry sections — 政务、教育、医疗、酒店、商业、工业 — each with its pain point, Maipu's counter-move, and its named project case evidence (as inventoried in 2b).
• Primary action: Move through each industry section; read pain point, counter-move, and case chips.
• Supporting actions: Scroll the case-chip track horizontally; jump between industries via the progress ribbon.
• Domain entities: Six industries; per-industry pain point; per-industry counter-move; per-industry case cards with metric numerals and plain-language proof.
• Component responsibilities: Full-width curved band with oversized industry name; two-track layout (left pain-point panel, right gold-accented counter-move); horizontally scrollable capsule case-chip track; active-industry teal highlight.
• States: Loading; empty (n/a); success (industry band, pain/counter-move, and case chips render); error/recovery (case track falls back to wrapped rows if horizontal scroll is unavailable); reduced-motion (case chips wrap into rows, all fully readable).

Partner Call

• Information / state: The closing recruitment argument — 懂技术，更懂您的业务；用更合理的预算，做更懂您的网络；迈普通信：安全可靠，全场景覆盖！; the six-industry summary line; the four-assurance recap.
• Primary action: Form a cooperation intent; the capsule CTA 成为合作伙伴 is presented as the closing call.
• Supporting actions: Re-read the recap; return to any section via the progress ribbon.
• Domain entities: Closing claims; six-industry summary; four-assurance recap; partner call.
• Component responsibilities: Closing statement block; recap chips; capsule CTA; progress ribbon at completion.
• States: Loading; empty (n/a); success (closing composed, CTA available); error/recovery (static closing text remains readable); reduced-motion (static stacked closing).

3. Functional Requirements

FR-1 — Salon presentation entry (explicit) As a 经销代理商（沙龙会议参会者）, I should open the presentation page and see the Maipu salon opening claim 迈普通信：安全可靠，全场景覆盖！ with the salon/招商 context, so that I understand within seconds what this presentation is and who it is for.

• Trigger/input: anonymous page open.
• Observable result: hero composed with headline, gold hairline rule, capsule CTA, and six-industry ticker.
• Access state: anonymous, no identity.
• Failure/recovery: if motion assets fail, a static stacked hero remains fully readable.
• Continuation: entry advances into the auto-playing presentation.

FR-2 — Auto-advancing presentation (required_inference) As a 经销代理商（沙龙会议参会者）, I should have the presentation advance continuously through the full narrative without needing to drive it, so that I can watch a salon presentation the way I would watch a deck.

• Trigger/input: entry into the presentation.
• Observable result: sections advance continuously from opening claim through market opportunity, value position, four assurances, six industries, and partner call.
• Access state: anonymous.
• Failure/recovery: if auto-advance stalls, manual scroll continues the narrative.
• Continuation: the attendee may pause/resume or jump via the progress ribbon.

FR-3 — Market opportunity from the manufacturer/general-distributor standpoint (explicit) As a 迈普厂家/总经销商（宣讲方）, I should present the market and opportunity from the manufacturer and general-distributor perspective, so that the attending distributor sees the commercial opportunity rather than a product brochure.

• Trigger/input: presentation reaches the market-opportunity section.
• Observable result: opportunity narrative composed with the two-horned dilemma and six industry opportunity zones.
• Access state: anonymous.
• Failure/recovery: static text panels remain readable.
• Continuation: advances into value position.

FR-4 — Value position and balance point (explicit) As a 经销代理商（沙龙会议参会者）, I should see the three-way comparison between over-priced international brands, under-performing cheap brands, and Maipu's balance point, so that I understand why Maipu is the most cost-effective choice.

• Trigger/input: presentation reaches the value-position section.
• Observable result: three-track comparison with the Maipu column gold-accented and the balance-point conclusion stated.
• Access state: anonymous.
• Failure/recovery: static comparison remains readable.
• Continuation: advances into the four assurances.

FR-5 — Four assurances (explicit) As a 经销代理商（沙龙会议参会者）, I should see the four assurances — 真隔离防泄密, 信创强防后门, 漫游稳零丢包, 极简网好运维 — each with its mechanism, so that I can judge the technical substance behind the claim.

• Trigger/input: presentation reaches the four-assurances section.
• Observable result: four capsule chips expand into hairline-ruled panels with counting numerals and gold mechanism diagrams.
• Access state: anonymous.
• Failure/recovery: chips remain as static expanded panels.
• Continuation: advances into the six industry solutions.

FR-6 — Six industry solutions with pain points and counter-moves (explicit) As a 经销代理商（沙龙会议参会者）, I should see each of the six industries — 政务、教育、医疗、酒店、商业、工业 — presented with its pain point and Maipu's counter-move, so that I can map Maipu's offer onto the customers I already serve.

• Trigger/input: presentation reaches each industry section.
• Observable result: full-width curved band with oversized industry name; left pain-point panel; right gold-accented counter-move.
• Access state: anonymous.
• Failure/recovery: static two-track layout remains readable.
• Continuation: advances to the next industry.

FR-7 — Project case evidence per industry (explicit) As a 经销代理商（沙龙会议参会者）, I should see the named project case evidence for each industry, so that the claims are backed by proof rather than assertion.

• Trigger/input: presentation reaches each industry's case track.
• Observable result: horizontally scrollable capsule case chips, each carrying one metric numeral in tabular figures and one line of plain-language proof.
• Access state: anonymous.
• Failure/recovery: case track falls back to wrapped rows if horizontal scroll is unavailable.
• Continuation: advances to the next industry or to the partner call.

FR-8 — Partner call and cooperation intent (explicit) As a 经销代理商（沙龙会议参会者）, I should reach a closing partner call that recaps the value and invites cooperation, so that I can form a cooperation intent.

• Trigger/input: presentation reaches the closing section.
• Observable result: closing statement 懂技术，更懂您的业务；用更合理的预算，做更懂您的网络；迈普通信：安全可靠，全场景覆盖！ with recap chips and the capsule CTA 成为合作伙伴.
• Access state: anonymous.
• Failure/recovery: static closing text remains readable.
• Continuation: attendee may return to any section via the progress ribbon.

FR-9 — Non-textual visual argument (explicit) As a 经销代理商（沙龙会议参会者）, I should see the argument carried by diagrams, icons, data cards, and comparison content rather than plain text alone, so that the presentation is not a text wall.

• Trigger/input: presentation renders visual panels.
• Observable result: parametric diagrams, capsule data chips, counting numerals, and comparison panels compose alongside the narrative.
• Access state: anonymous.
• Failure/recovery: numerals fall back to static final values; diagrams render as static SVG.
• Continuation: visual panels remain in sync with the narrative.

FR-10 — Progress and section navigation (required_inference) As a 经销代理商（沙龙会议参会者）, I should see where I am in the presentation and be able to move between sections, so that I can follow the salon flow and revisit a section that interested me.

• Trigger/input: presentation running.
• Observable result: persistent bottom progress ribbon with a gold progress line; active industry name brightens to teal.
• Access state: anonymous.
• Failure/recovery: if the ribbon is unavailable, manual scroll still moves through sections.
• Continuation: attendee continues watching or jumps to a section.

FR-11 — Reduced-motion usable arrangement (explicit) As a 经销代理商（沙龙会议参会者） who prefers reduced motion, I should get a usable static arrangement, so that I can still read the full presentation.

• Trigger/input: prefers-reduced-motion active.
• Observable result: static stacked layout; case tracks wrap into rows or allow horizontal scrolling; no counting animation.
• Access state: anonymous.
• Failure/recovery: n/a — this is the recovery arrangement.
• Continuation: attendee reads the full presentation statically.

4. User Personas

经销代理商（沙龙会议参会者）

Product context: A distributor or regional reseller attending a Maipu salon meeting. They are commercially motivated and technically literate: they already sell or could sell network infrastructure, they know the difference between a cheap box and an engineered network, and they are skeptical of vendor claims that are not backed by proof. They are sitting in a salon room watching a screen, not reading a datasheet.

Primary goal: To decide, within the length of a salon presentation, whether Maipu is worth carrying — whether the margin, differentiation, and national-policy tailwind (信创 / 国产化) justify adding or expanding a Maipu line.

Distinct accepted responsibilities: Watching the auto-playing presentation; following the market-opportunity framing; evaluating the three-way value comparison; judging the four assurances on technical substance; mapping the six industry solutions onto their own customer base; weighing the project case evidence; forming a cooperation intent at the partner call.

Relevant inputs or decisions: Their own knowledge of the customers they serve (政务、教育、医疗、酒店、商业、工业); their read of the price/quality trade-off; their judgment of whether the case evidence is credible; the decision whether to pursue cooperation.

Interactions with other accepted participants: They are the audience of the 迈普厂家/总经销商（宣讲方）; the presentation is the presenting party's voice, and the attendee's response is the cooperation intent the presentation is designed to produce.

Observable success: The attendee reaches the partner call having seen the market opportunity, the value position, the four assurances, and the six industry solutions with case evidence, and forms a cooperation intent.

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

Product context: The Maipu manufacturer and its general distributor, presenting at a salon meeting to recruit and persuade distributors. Their commercial interest is channel expansion: they need distributors to see that Maipu occupies a defensible position between over-priced international brands and under-performing cheap brands.

Primary goal: To deliver a salon presentation that persuades attending distributors to cooperate, by telling the market and opportunity story from the manufacturer/general-distributor standpoint and by arguing Maipu's competitive advantages without over-claiming.

Distinct accepted responsibilities: Framing the market opportunity; positioning Maipu at the balance point of 顶配品质 and 实在价格; presenting the four assurances with their mechanisms; presenting the six industry solutions with pain points, counter-moves, and case evidence; closing with the partner call.

Relevant inputs or decisions: The authored content of the presentation (claims, comparisons, assurances, industry solutions, case evidence); the choice of what to emphasize and what to concede (扬长避短); the closing call.

Interactions with other accepted participants: They address the 经销代理商（沙龙会议参会者）; the presentation carries their voice, and the attendee's cooperation intent is the outcome they are working toward.

Observable success: The presentation runs end to end, the six industries and their case evidence are shown, and the partner call is delivered.

5. Core User Flows

Flow 1 — 经销代理商 attends the salon presentation and forms a cooperation intent

1. The attendee opens the presentation page anonymously. The Landing hero composes: 迈普通信：安全可靠，全场景覆盖！ set flush-left in oversized type, a gold hairline rule beneath, the capsule CTA 成为合作伙伴 pinned bottom-left, and the six industry names running as a slow ticker along the bottom edge.
2. The attendee enters the presentation (via the CTA or by scrolling). The presentation begins auto-advancing.
3. The presentation reaches the market-opportunity section, framed from the Maipu manufacturer / general-distributor standpoint: network-renovation demand, the two-horned dilemma (国际顶尖品牌预算吃不消、服务易被卡脖子；便宜品牌断网卡顿、数据安全风险、推倒重来), and the six industry opportunity zones.
4. The presentation reaches the value-position section. The attendee sees the three-way comparison: 国际顶尖品牌 (溢价太高), 低价品牌 (稳定性、安全合规、国产化替代差强人意), and 迈普 (一线的工程技术 + 国家级的信创标准 = 最具性价比). The Maipu column is gold-accented.
5. The presentation reaches the four-assurances section. Four capsule chips sit along a single parametric curve; as the attendee scrolls, each expands into a hairline-ruled panel with a counting numeral and a gold mechanism diagram — separate cables for 真隔离, chip + 国密 for 信创, a roaming path for 漫游, stacked boxes collapsing into one for 极简运维.
6. The presentation reaches the six industry solutions. For each industry — 政务、教育、医疗、酒店、商业、工业 — a full-width curved band carries the industry name in oversized type, then a two-track layout shows the pain point on the left and Maipu's counter-move in gold-accented type on the right.
7. Within each industry, the attendee scrolls the case-chip track horizontally. Each capsule chip carries one metric numeral in tabular figures and one line of plain-language proof (for example, 政务: 三网四域深度隔离+万兆核心+防火墙与行为管理双重防护; 教育: 42 个班 1800 人同时上网不卡; 医疗: 800+AP 全域高速无感漫游; 酒店: 4.5 万平米 255 间客房全覆盖; 商业: 256 台 AP 一键统一下发配置; 工业: 车间 AGV 无人搬运车狂奔不停摆).

8. The presentation reaches the partner call: 懂技术，更懂您的业务；用更合理的预算，做更懂您的网络；迈普通信：安全可靠，全场景覆盖！, with the six-industry summary and the four-assurance recap, and the capsule CTA 成为合作伙伴.
9. The attendee forms a cooperation intent. If they want to revisit a section, they use the bottom progress ribbon, where the active industry name brightens to teal.
10. Failure/recovery: If auto-advance stalls, the attendee scrolls manually and the narrative continues. If motion assets fail, the static stacked layout keeps every headline, numeral, and case chip fully readable. If the attendee prefers reduced motion, the presentation renders as a static stacked layout with case tracks wrapped into rows.

Flow 2 — 迈普厂家/总经销商 delivers the salon presentation

1. The presenting party opens the presentation page anonymously in the salon room and lets it run.
2. The presentation auto-advances through the narrative spine, carrying the manufacturer/general-distributor voice: market opportunity first, then value position, then the four assurances, then the six industry solutions, then the partner call.
3. At the market-opportunity section, the presenting party's framing is on screen: the two-horned dilemma and the six industry opportunity zones.
4. At the value-position section, the three-way comparison is on screen, with Maipu's balance point stated.
5. At the four-assurances section, each assurance expands with its mechanism diagram and counting numeral, so the presenting party can speak to the technical substance.
6. At each industry section, the presenting party's pain-point / counter-move framing is on screen, and the case-chip track provides the proof points to speak to.
7. At the partner call, the closing claims and the capsule CTA 成为合作伙伴 are on screen, and the presenting party delivers the recruitment close.
8. Failure/recovery: If auto-advance stalls, the presenting party scrolls manually. If the case track cannot scroll, the chips wrap into rows and remain fully readable. If the room prefers reduced motion, the static stacked layout is used.

6. Visuals Colors and Theme

The creative direction is authoritative for this section. Muse: Zaha Hadid — the network as a continuous, engineered surface. Headline register: confident, monumental, forward-looking — "we build the infrastructure the country runs on" — not playful, not soft-consumer, not bureaucratic.

Mode: Dark mode only.

Colour tokens (exact hex by role):

• Background ground: #0B0E13 (deep charcoal-navy)
• Surface / panels: #151A22
• Text (pearl grey): #F2F4F7
• Primary structural accent (brushed-champagne gold): #C8A96A
• Accent signal (teal, for live/secure states — 漫游, 加密, 在线): #35D0C0
• Muted: #7C8798

Colour ratio: roughly 70% dark ground, 20% pearl/white type, 8% gold, 2% teal. No blue-indigo anywhere — #0057FF, #2563EB, #4F46E5, #7C3AED and neighbours are forbidden. No white or near-white page ground.

Typography:

• Headings: Jost — wide, light-weight display sans, large scale, generous letter-spacing; headlines at weight 300–400; uppercase micro-labels at 600 with 0.18em tracking.
• Chinese copy: Noto Sans SC (light/regular) to keep the architectural calm.
• Body: Saira.
• Scale: 1.333 modular — display 44px mobile → 104px desktop (clamp); h2 32 → 64; h3 24 → 36; body 16 → 18; label 11 → 12 uppercase. Line-height 1.05 for display, 1.65 for body.
• Forbidden for headings or body: Inter, Roboto, Arial, Helvetica, Open Sans, Lato, Poppins, system-ui.

Shape language: Sweeping continuous curves and long diagonal flow lines; section boundaries are curved SVG arcs rather than horizontal rules; capsule-shaped data chips; thin luminous 1px gold strokes tracing parametric paths. Corners are either fully rounded (capsules) or hard-cut — never the generic 8px card radius.

Spacing rhythm: Full-bleed dark canvas on a 12-column grid that curves at section joints; generous vertical breathing room between curved bands; hairline-ruled panels with 1px gold strokes.

Imagery style: Abstract parametric architecture renders and engineered textures — sweeping white-and-gold curved surfaces, topographic line fields, macro material detail of brushed metal and glass, thin luminous data paths. Diagrams over photography: network topology drawn as flowing parametric curves, not clip art. No stock people, no handshake photos, no gradient blobs.

7. Signature Design Concept

The public entry is a full-bleed dark parametric scene: a single sweeping white-to-gold curved surface enters from the bottom-right and cuts diagonally across the viewport, with thin teal data paths flowing along its edge. The headline 迈普通信：安全可靠，全场景覆盖 is set flush-left in oversized Jost light (44px mobile → 104px desktop), stacked in three lines over the dark void, with a gold hairline rule beneath and the capsule CTA 成为合作伙伴 pinned bottom-left. The six industry names run as a slow horizontal ticker along the very bottom edge. Nothing is centred; there is no gradient blob and no blue button.

The signature move that carries through the whole presentation: a full-width curved SVG arc replaces every section divider and morphs its curvature as the user scrolls, so the page reads as one continuous engineered surface rather than stacked slides. The four assurances are four capsule chips arranged along a single parametric curve, each expanding on scroll into a hairline-ruled panel with a counting numeral and a gold mechanism diagram. Every industry section opens with its name set at 104px in Jost light, half-cropped behind a curved gold band that sweeps in from the left edge — typography as architecture, not a heading. Case cards are capsule chips in a horizontally scrollable track, each carrying one metric numeral in tabular figures and one line of plain-language proof. A persistent bottom ribbon runs the six industry names as a slow marquee with a gold progress line that advances with scroll, and the active industry name brightens to teal as its section passes.

8. Interaction Model & Motion Direction

Interaction Model: Animated Motion Tempo: cinematic Hero Dimensionality: layered_2d

Landing Hero Motion Brief

• Focal subject: the single sweeping white-to-gold curved surface entering from the bottom-right, with thin teal data paths flowing along its edge.
• Input → transformation → outcome thesis: as the attendee opens the page and begins to scroll, the curved surface's layers drift with slow camera-like parallax and the section boundary arcs morph their curvature, so the presentation reads as one continuous engineered surface rather than stacked slides.
• Motion vocabulary: slow camera-like parallax on the hero's curved layers; scroll-linked morphing of the section boundary arcs; counting numerals for case metrics (AP counts, 万兆, 并发); a continuous slow drift on the background flow lines. No bounce, no particles, no gradient blobs.
• Composed first frame: dark #0B0E13 void; the white-to-gold curved surface cutting diagonally from bottom-right; teal data paths along its edge; 迈普通信：安全可靠，全场景覆盖 flush-left in oversized Jost light, stacked in three lines; gold hairline rule beneath; capsule CTA 成为合作伙伴 bottom-left; six industry names as a slow ticker along the bottom edge.
• Reduced-motion state: everything becomes a static stacked layout with horizontal scroll on case tracks; the hero renders as a static composed frame with the headline, rule, CTA, and wrapped industry names fully readable.

9. Non-Functional Requirements

• Delivery form (explicit): The deliverable is an auto-playing web presentation, not a PPT. Rationale: the user explicitly required 不是PPT，而是一个自动展示网页.
• Non-textual presentation (explicit): The presentation must not be a plain text wall; the argument must be carried by diagrams, icons, data cards, and comparison content. Rationale: 不要泛泛而谈，也不要单纯的文字展示.
• Persuasion and recruitment register (explicit): The presentation must be persuasive to distributors and carry a 招商 character. Rationale: 有招商的性质，要能说服经销代理商.
• Commercial framing (explicit): The presentation must argue from the commercial angle and present Maipu's competitive advantages without over-claiming (扬长避短). Rationale: 要从商业角度，能打动经销商，同时扬长避短讲出迈普的竞争优势.
• Manufacturer/general-distributor voice (explicit): The market and opportunity story must be told from the Maipu manufacturer and general-distributor standpoint. Rationale: 你要从迈普厂家和总经销商的角度去讲述市场和机会.
• Readable text and controls at every viewport (explicit): Headlines, wordmarks, labels, numbers, cards' text, and controls must stay entirely inside the viewport and their container at 375px, 768px, and 1280px, wrapping or scaling (for example font-size: clamp(...) with its mobile size) to fit; no other element may cover any part of them. Imagery, decoration, and motion may be cropped, bled, rotated, overlapped, or cut as the direction asks, as long as they cover no readable text or control. Moving and scrollable content (marquees, tickers, carousels, horizontally scrollable rows) may cross the viewport or container edge by design; every item must become fully readable as it passes. With prefers-reduced-motion, provide a usable static arrangement: wrap items into rows or allow horizontal scrolling so each item can be brought fully into view.

• Reduced-motion support (explicit): Under prefers-reduced-motion, the presentation becomes a static stacked layout with horizontal scroll on case tracks.
• Anonymous access (required_inference): All eight pages are anonymously reachable; no identity, login, or account is required. Rationale: the accepted journeys are salon-attendee viewing journeys with no durable actor-specific state, commitment, or value transfer that must be bound to an identity.
• No adjacent capabilities (explicit boundary): No ordering, quotation, lead-capture form, CRM, account management, or network-configuration capability is part of this product.

10. Tech Stack

• Frontend: React (single-page presentation application).
• Styling: CSS with the specified tokens (dark ground #0B0E13, surface #151A22, gold #C8A96A, teal #35D0C0, pearl #F2F4F7, muted #7C8798); Jost / Noto Sans SC / Saira via web font loading.
• Motion: scroll-linked and time-driven animation for the parametric arcs, counting numerals, and parallax layers, with a prefers-reduced-motion static fallback.
• Graphics: SVG for the curved section arcs, mechanism diagrams, and parametric topology drawings.
• Serving: static hosting of the built presentation; no backend product capability is required by the accepted scope.
• Containerization: Docker / docker-compose for a reproducible build and serve of the static presentation. Kubernetes is not required by the accepted scope.

11. Assumptions and Constraints

• Assumption (narrow): The presentation is delivered as a first-party, anonymously accessible web page; no identity or account system is introduced, because no accepted journey requires durable actor-specific state.
• Assumption (narrow): The presenting party's voice is carried by authored content and framing, not by a separate authenticated role with its own controls.
• Constraint (explicit): The deliverable is an auto-playing web presentation, not a PPT.
• Constraint (explicit): The content must not be generic and must not be a plain text wall.
• Constraint (explicit): The presentation must be persuasive to distributors and carry a 招商 character.
• Constraint (explicit): The market and opportunity story must be told from the Maipu manufacturer and general-distributor standpoint.
• Constraint (explicit): The presentation must argue from the commercial angle and present Maipu's competitive advantages without over-claiming.
• Constraint (explicit): The six industries — 政务、教育、医疗、酒店、商业、工业 — and their case evidence must be carried as inventoried in 2b.
• Constraint (explicit): Readable text and controls must stay whole at 375px, 768px, and 1280px; moving and scrollable content may cross edges by design but every item must become fully readable as it passes.
• Constraint (explicit): Under prefers-reduced-motion, a usable static arrangement must be provided.
• Constraint (explicit): No blue-indigo primary or accent anywhere; no white or near-white page ground; no Inter/Roboto/Arial/Helvetica/Open Sans/Lato/Poppins/system-ui for headings or body; no centred headline + subtext + blue button hero; no grid of identical hover-lift cards; no soft 8px-radius generic card corners; no bouncy or playful motion; no stock photography of people, handshakes, or offices.

12. Glossary

• 沙龙会议 (Salon meeting): A hosted gathering at which Maipu presents to distributors and regional resellers.
• 经销代理商 (Distributor / regional reseller): The salon attendee and target of the recruitment presentation.
• 总经销商 (General distributor): The Maipu general distributor whose standpoint, together with the manufacturer's, frames the market and opportunity story.
• 招商 (Channel recruitment): The commercial purpose of the presentation — persuading distributors to cooperate with Maipu.
• 信创 (Xinchuang / domestic innovation): The national domestic-substitution initiative; Maipu's core devices use domestic chips and 国密 encryption.
• 国密 (Guomi): Chinese national cryptographic algorithms used for encryption on Maipu core devices.
• 四大安心保障 (Four assurances): 真隔离防泄密, 信创强防后门, 漫游稳零丢包, 极简网好运维.
• 物理+逻辑双重隔离 (Physical + logical dual isolation): Separate cabling plus logical separation, contrasted with "软隔离" that can be penetrated.
• H-VST / M-VST: Maipu virtualization technologies that make a set of network devices behave as one logical machine.
• AC+FIT: Enterprise wireless architecture with a central access controller managing fit APs.
• 万兆 (10-gigabit): 10 Gbps backbone capacity referenced throughout the case evidence.
• Portal 认证 (Portal authentication): Web-based authentication used for guest and public wireless access.
• 802.11k: A Wi-Fi standard supporting fast, seamless roaming between access points.
• 零丢包 (Zero packet loss): The roaming guarantee for industrial Wi-Fi 6, so AGVs and production lines do not stall.
• 顶配品质 / 实在价格: The balance point Maipu claims — top-tier engineering quality at a realistic price.