套餐感知
网站前端只显示当前套餐可用模型，后端再做一次权限校验，避免前端绕过。
Model Gateway Website
把 CRS 包成一个真正能卖的站，而不是只会发 Key 的后台。
这套前端骨架已经围绕你现有的 NestJS 网关设计好：用户登录、看套餐、选模型、发起对话，整个过程都不会把 CRS Key 暴露到浏览器。
当前架构
前端网站Next.js
业务网关NestJS
模型中转CRS
后台防护Cloudflare Access
隐藏 CRS Key
浏览器永远不直接拿 cr_ 开头密钥，请求全部经过你自己的业务后端再转发。
可卖可管
你已经有体验版、标准版、高级版模板，网站层只需要把用户、订单、套餐串起来。
你现在该做什么
先把演示站跑起来，再接真实用户系统。
这版前端默认会通过 `NEXT_PUBLIC_GATEWAY_URL` 对接你现有的 NestJS 网关。等你接上数据库和登录态后，再把当前的 demo 用户 ID 替换成真实会话即可。
后续扩展
支付、订单、续费、封禁，都应该留在你的网站后端。
CRS 负责第二层模型限制和网关转发；用户生命周期、销售策略、订单状态，应该由你自己的系统掌控。