fix(qa): 第五轮系统性质量保障缺陷修复 + 单元/集成测试

安全/鉴权：登出清服务端 httpOnly 令牌、登录 IP 限流前置 bcrypt、停用账号
令牌在 6 个内联 role handler 失效、admin/items 存在性 oracle 认证前置、
同意偏好 sanitize fail-closed、api-crypto 按 HTTP 方法判体。

CMS：workflow 状态更新+审计收进交互式 $transaction（失败即回滚）、编辑器
richtext 走 textarea 防换行损毁、array/object 子字段按作用域读写防污染、
about/contact/erp-upgrade 补 ISR revalidate 与路由映射。

UI/a11y：AnimatedCounter 入视口前显起点、CLS 累计上报、MetricCard 动画入
effect 并卸载取消 rAF、后台状态四态映射/搜索防抖+序号守卫/媒体单 input/
吞错改横幅/表单 label-aria 关联。

新增对应判别性单测与 pagination/rate-limit/client-ip/sanitize/validate-content-data
等模块及 tests-integration 真库集成层。

src/app/admin/zones/page.tsx

@@ -31,6 +31,7 @@ export default function ZonesPage() {
   const [loading, setLoading] = useState(true);
   const [editingZone, setEditingZone] = useState<Zone | null>(null);
   const [saving, setSaving] = useState(false);
+  const [error, setError] = useState('');
 
   useEffect(() => {
     if (!authLoading && !user) {
@@ -40,7 +41,8 @@ export default function ZonesPage() {
     if (user) {
       adminApi.getZones().then((res) => {
         setZones((res as Zone[]) || []);
-      }).catch(console.error).finally(() => setLoading(false));
+        setError('');
+      }).catch((err) => setError(err instanceof Error ? err.message : '加载失败')).finally(() => setLoading(false));
     }
   }, [user, authLoading, router]);
 
@@ -86,6 +88,12 @@ export default function ZonesPage() {
         <p className="text-sm text-text-muted mt-1">管理系统各页面的内容区域布局</p>
       </div>
 
+      {error && (
+        <div className="bg-error-bg border border-border-secondary text-error-text rounded-lg px-4 py-3 text-sm">
+          {error}
+        </div>
+      )}
+
       <div className="grid gap-4">
         {zones.map((zone) => (
           <div key={zone.id} className="bg-bg-primary rounded-lg border border-border-primary p-4">
@@ -111,8 +119,9 @@ export default function ZonesPage() {
               <div className="mt-4 pt-4 border-t border-border-light space-y-4">
                 <div className="grid grid-cols-2 gap-4">
                   <div>
-                    <label className="block text-xs font-medium text-text-secondary mb-1">名称</label>
+                    <label htmlFor="zone-edit-name" className="block text-xs font-medium text-text-secondary mb-1">名称</label>
                     <input
+                      id="zone-edit-name"
                       type="text"
                       value={editingZone.name}
                       onChange={(e) => setEditingZone({ ...editingZone, name: e.target.value })}
@@ -120,8 +129,9 @@ export default function ZonesPage() {
                     />
                   </div>
                   <div>
-                    <label className="block text-xs font-medium text-text-secondary mb-1">页面标识</label>
+                    <label htmlFor="zone-edit-page-code" className="block text-xs font-medium text-text-secondary mb-1">页面标识</label>
                     <input
+                      id="zone-edit-page-code"
                       type="text"
                       value={editingZone.pageCode}
                       onChange={(e) => setEditingZone({ ...editingZone, pageCode: e.target.value })}