官网改版上线：关于我们与联系我们页重构、首页AI主视觉v4、品牌标识与导航交互；同步测试与设计文档

docs/about-image-prompts.json

@@ -0,0 +1,20 @@
+{
+  "tool": "built-in image_gen",
+  "directory": "M:/2026项目/nahaichuan/public/assets/addons/official/images/about",
+  "images": [
+    {
+      "files": [
+        "landscape.webp",
+        "landscape.jpg"
+      ],
+      "prompt": "Ultra-refined abstract landscape sculpture photograph for the About page of a Chinese enterprise software company. Landscape 3:2 image designed to crop into a wide 3:1 panorama. A low continuous installation of precisely layered warm-white limestone terraces, like a restrained abstract mountain landscape, with a single translucent deep cobalt-blue glass water channel weaving smoothly through the central valley and joining two quiet courtyards. Complete low sculpture lies in middle horizontal band with broad empty space above and below; museum architectural model, real tactile stone microtexture, finely crafted edges, no ornamental patterns. Seamless warm pale-white gallery background, natural soft daylight, delicate shadows and subtle blue refraction. Contemporary Chinese spatial sensibility through negative space, clean alignment and landscape rhythm. Luxury architecture monograph editorial photography, physical material realism, calm and professional. No text, no letters, no logos, no screens, no interface, no circuitry, no robots, no spheres, no ribbons, no purple, no neon, no cartoon."
+    },
+    {
+      "files": [
+        "collaboration.webp",
+        "collaboration.jpg"
+      ],
+      "prompt": "Exquisite abstract architectural still-life photography for the About page of a refined Chinese software engineering company. Landscape 3:2. A small complete model of four finely crafted warm-white limestone wall planes meeting around one open rectangular courtyard, connected through narrow elegant doorway gaps, and one clear cobalt-blue glass sheet crossing the shared central space. All walls at different measured heights, quiet collaboration expressed through a coherent built structure, balanced oblique high camera angle, subtle joinery and fine limestone grain. Complete sculpture centered with generous margins on matte warm-white gallery ground. Soft daylight, delicate slate shadows, restrained blue refraction, physical realism, luxury architecture catalogue editorial style. Contemporary Chinese courtyard proportions through geometry and emptiness, no traditional ornament. No people, no fake office, no text, no letters, no logos, no screen, no UI, no circuitry, no neon, no purple, no robots, no spheres, no ribbons, no cartoon."
+    }
+  ]
+}

docs/about-redesign.md

@@ -0,0 +1,38 @@
+# 关于我们页面重构
+
+页面：https://www.gynhc.com/h/home/single/1/1.html
+
+## 规划与文案
+
+以公司介绍、服务方向、团队协作、资质与资料、合作方式和项目沟通组织内容。保留原站成立于 2016 年、贵阳所在地及现有软件业务信息。服务方向连接软件开发、APP 与小程序、企业智能体和商业产品页面。
+
+团队按需求设计、研发集成、测试交付、运行维护说明职责，未沿用缺少佐证的个人履历。资质板块改为企业主体、软件权属与项目标准要求，撤下示意认证徽章；具体认证以有效证书核验，未新增资质、客户、业绩或绝对化承诺。
+
+## 设计与资源
+
+浅色专业风，蓝色交互、1280px 容器、细线分区与紧凑排版。字体遵循网站当前的全站设置。首屏使用石材山形与蓝色玻璃水道抽象图，团队板块使用开放庭院抽象图，均注明示意性质。
+
+页面模板：
+
+- `addons/official/view/web/official_home/single.html`
+- `addons/official/view/web/official_home/single_e.html`
+
+独立样式：`public/assets/addons/official/css/about-nhc.css`，作用域限定在 `.about-nhc`。
+
+内置 image_gen 生成两张配图，最终资产位于 `public/assets/addons/official/images/about/`：`landscape.webp`、`landscape.jpg`、`collaboration.webp`、`collaboration.jpg`，尺寸均为 1440×960。WebP 分别为 52,500 与 83,050 字节，保留 JPEG 回退；首屏优先加载、团队图片延迟加载。首屏根据宽屏与手机布局在 CSS 中调整展示比例。完整提示词见 `about-image-prompts.json`。
+
+## 验证
+
+文案 5 项、资料规范 3 项、图片 7 项、关于我们结构 13 项检查通过。相关旧断言已从要求示意认证徽章改为核对配图回退及资质核验措辞，保留测试文件中的其他改动。
+
+浏览器验证 1440px 桌面、375px 手机、812px 横屏、125% 缩放及减少动态效果。图片加载、页内导航、键盘菜单操作正常，主要触控目标至少 44px，无横向溢出。发布后 iPhone 15 模拟环境 393px 宽度检查通过，手机菜单、咨询链接、配置电话和主视觉正常，无浏览器错误。
+
+电脑、手机响应及五个静态资源均为 200，线上资源内容与本地一致。四个服务产品入口、案例入口和咨询入口均返回 200。
+
+UI/UX Pro Max 本地搜索脚本为失效路径指针；依据技能正文及站点规范完成设计与可访问性检查，保留现有 ThinkPHP 技术栈。
+
+## 发布与回退
+
+发布 7 个文件，资产先于模板，逐文件校验 SHA-256，并清理编译模板缓存。发布前保存远端摘要，覆盖前再次核对远端状态。未触发 Git 硬重置，未修改全站样式、公共导航及其他页面。
+
+服务器原版备份：`/www/backup/nhc-about-redesign-20261105-152033`。发布清单：`runtime/about-deployment.json`。本地改前模板及远端核对快照保存在 `runtime/about-backup/`。

docs/contact-image-prompt.json

@@ -0,0 +1,8 @@
+{
+  "tool": "built-in image_gen",
+  "files": [
+    "M:/2026项目/nahaichuan/public/assets/addons/official/images/contact/connection.webp",
+    "M:/2026项目/nahaichuan/public/assets/addons/official/images/contact/connection.jpg"
+  ],
+  "prompt": "Exquisite abstract architectural still-life photograph for the contact page of a refined Chinese enterprise software company. Landscape 3:2. Two precisely carved warm-white limestone open portal structures face each other across a narrow gap, joined by a single horizontal clear cobalt-blue glass bridge at mid height. A small quiet shared space beneath the connecting beam. Complete sculpture centered with generous margins, restrained modern Chinese spatial proportions and framed emptiness, realistic stone microtexture, elegant precision joinery. Matte warm-white seamless gallery backdrop, soft natural daylight, delicate slate shadows and subtle blue glass refraction. Museum architecture catalogue editorial photography, beautiful understated business character, physically realistic materials. No text, no letters, no logos, no screens, no interface, no phone icons, no location pins, no circuitry, no neon, no purple, no robot, no sphere, no ribbons, no cartoon."
+}

docs/contact-redesign.md

@@ -0,0 +1,45 @@
+# 联系我们页面重构
+
+页面：https://www.gynhc.com/official/online_message/list/18/18.html
+
+## 页面策划与文案
+
+以业务咨询为核心，提供电话、邮箱和在线留言三种沟通方式。页面包括首屏介绍、项目需求表单、直接联系、资料准备建议、到访地址和常见问答。沿用现有电话、邮箱、工作时间与办公地址；地图按地点关键词查询，不使用未经核实的坐标或伪地图。
+
+撤下两小时回访、24 小时方案等未确认承诺，改为根据需求和工作安排沟通。说明初次咨询的资料范围、脱敏建议及保密安排，不以 ISO 字样作无依据背书。电话与邮箱读取站点配置，点击即可拨号或打开邮件应用。
+
+## 设计与资产
+
+浅色商务风，1280px 容器、科技蓝、细线及紧凑布局。桌面采用表单与联系方式双列，手机端单列。保留站点当前字体规范。新增石材门框与蓝色玻璃桥抽象主视觉，配图明确标注示意。
+
+页面模板：`addons/official/view/web/official_online_message/list.html`、`list_e.html`。
+
+独立样式：`public/assets/addons/official/css/contact-nhc.css`；独立脚本：`public/assets/addons/official/js/contact-nhc.js`。未修改后端控制器、模型及全站公共样式。
+
+图片使用内置 image_gen 生成，保存于 `public/assets/addons/official/images/contact/connection.webp` 与 `connection.jpg`，1440×960。WebP 66,562 字节，JPEG 151,461 字节，首屏优先加载。提示词见 `contact-image-prompt.json`。
+
+## 表单行为
+
+- 称呼、联系电话、主题及需求说明必填，标签与输入控件显式关联；错误显示在对应字段并聚焦首项错误。
+- 咨询方向使用按钮，支持键盘及选中状态，可快速填入主题，也可自行编辑。
+- 图片验证码支持键盘更换，继续使用原站验证码和令牌机制。
+- 使用原有 `name`、`phone`、`title`、`content`、`captcha`、`__token__` 字段及原提交接口。每次提交前从现有 `/hhome/get_token.html` 获取新令牌，避免单次令牌失效后无法重试。
+- 提交中禁用按钮，输入设为只读，避免重复提交及输入变化。仅服务端明确成功时清空内容；失败保留正文，校验返回后刷新验证码。
+- 网络异常或超时后不自动重复 POST。若无法确认提交结果，显示电话或邮箱确认提示并保留输入。
+- 移除页面对外部 Axios CDN 及专属弹层脚本的依赖，使用原生 Fetch 与内联状态反馈。公共模板依赖保持不变。
+
+## 验证
+
+文案 5 项、配图 2 项、联系页结构 12 项检查通过。`tests/contact_form_browser.js` 在本地真实浏览器中执行 13 项模拟检查，覆盖空表单、电话校验、方向选择、重复点击、请求字段与令牌、服务器拒绝、验证码刷新、成功重置、失败重试及网络异常。所有成功路径采用本地模拟响应，未发送真实咨询留言。
+
+检查 1440px 桌面、375px 手机、812px 横屏、125% 缩放及减少动态效果，无横向溢出。发现旧移动样式以 `!important` 覆盖输入框，已在页面独立作用域内修复为 16px 字号、48px 高度，文本域至少 125px。标签、主要按钮、验证码按钮与输入控件触控尺寸通过检查，菜单和问答支持键盘操作。
+
+发布后桌面和 iPhone 请求为 200，模板、脚本、样式与图片引用正确，四个资源内容与本地一致。iPhone 15 模拟环境 393px 宽度无溢出，主题选择、菜单、问答和主视觉正常，无浏览器错误。验证码接口返回图片，令牌接口返回有效响应；使用空必填字段验证线上接口拒绝缺失令牌及空内容，未创建留言。未向线上写入成功测试记录，成功反馈与重试流程通过模拟验证。
+
+UI/UX Pro Max 本地搜索脚本为失效路径指针，依据技能正文完成布局、表单、可访问性与响应式检查，保留现有 ThinkPHP 技术栈。
+
+## 发布与回退
+
+发布 6 个文件，静态资源先于模板，上传校验 SHA-256，覆盖前检查远端未在核对后变更，清理编译模板缓存。未执行 Git reset 或修改其他业务页面。
+
+服务器原版备份：`/www/backup/nhc-contact-redesign-20261105-153734`。清单：`runtime/contact-deployment.json`。本地旧模板与远端快照：`runtime/contact-backup/`。

docs/home-hero-ai-prompts.json

@@ -0,0 +1,7 @@
+{
+  "mode": "Built-in ImageGen",
+  "desktopPrompt": "Use case: stylized-concept. Asset type: panoramic homepage hero artwork for NAHAICHUAN, a professional Chinese enterprise software and AI development company. Create a visually exceptional premium photorealistic CGI technology brand image, extremely wide 2.5:1 landscape, ideally 2400 x 960. Scene is a luminous white and ice-blue seamless environment. The RIGHT 60 percent contains an elegant large translucent sapphire-blue glass AI computing core with precision silver microprocessor layers at its base; hovering just above it is a beautifully structured neural-network sphere made from fine blue connections and tiny glass nodes, visually clear and sophisticated rather than tangled. Several fine cyan-blue data pathways flow smoothly from the core across a pale ceramic surface into a few low, precisely aligned translucent computing modules. Subtle distant layers suggest connected digital infrastructure. Make AI and advanced computing immediately recognizable. Materials are exquisitely detailed optical glass, brushed silver, matte white ceramic; convincing soft shadows and physically based reflections. Bright refined corporate technology atmosphere, blue #2563EB and restrained cyan #06B6D4 highlights, luminous without neon. MAIN SUBJECT CENTER at approximately 72 percent across the image, all important elements in the right half, sphere fully in frame and with breathing room. LEFT 42 percent is nearly empty, very pale white-blue atmospheric negative space with no objects, no prominent lines, no graphics, intended for dark Chinese heading overlay. Keep the foreground lower-left quiet. Strong spatial hierarchy, premium global enterprise technology art direction, highly polished but credible. No text, letters, numbers, watermark, logo, humanoids, robot, human brain, hands, characters, dark background, purple gradients, cyberpunk city, neon, lens flare, mountains, pagoda, courtyard, cartoon, clutter, generic floating cubes. Produce only the clean image asset, no website mockup.",
+  "mobilePrompt": "Use case: precise-object-edit / layout recomposition. This is the mobile homepage hero variant of the supplied technology brand image. Preserve the exact same premium photorealistic blue glass AI microprocessor, silver ceramic layers, fine neural-network sphere, small connected computing modules and the pale white-blue visual language. Recompose into a PORTRAIT image 1024x1536, 2:3 aspect ratio. The UPPER 52 percent must be almost entirely empty very pale white-blue atmosphere, smooth and quiet, reserved for dark website heading and buttons; no objects or linework in this upper region. Place the COMPLETE neural sphere and its main glass computing core together in the LOWER 48 percent, centered horizontally, with the sphere around 67 percent down and processor around 85 percent down. All of the main sphere and processor should be fully visible, scaled to fit with 10 percent side margins, smaller secondary modules near the lower corners connected by delicate blue data streams. Soft studio daylight, beautiful crisp optical glass detail, highly polished refined corporate AI aesthetic. No text, no letters, no numbers, no watermark, no logo, no humans, no robot, no brain, no neon, no dark background. This must look like the same brand artwork recomposed for mobile, not a different technology subject.",
+  "desktopAsset": "public/assets/addons/official/images/home/ai-computing-v4.webp",
+  "mobileAsset": "public/assets/addons/official/images/home/ai-computing-mobile-v4.webp"
+}