feat(frontend): replace article system with Zibll 9.0

tests/visual/article-visual-matrix-v1.json

@@ -0,0 +1,45 @@
+{
+  "schema": "aksrt.zibll-article-visual-matrix.v1",
+  "reference": "https://localhost:9443",
+  "candidate": "https://localhost",
+  "fixture": "/visual-fixtures/article-fixtures.php",
+  "viewports": [
+    { "id": "desktop-wide", "width": 1440, "height": 1100 },
+    { "id": "desktop", "width": 1024, "height": 1000 },
+    { "id": "tablet", "width": 768, "height": 1000 },
+    { "id": "breakpoint-767", "width": 767, "height": 1000 },
+    { "id": "breakpoint-641", "width": 641, "height": 960 },
+    { "id": "breakpoint-640", "width": 640, "height": 960 },
+    { "id": "mobile", "width": 390, "height": 844 }
+  ],
+  "colorSchemes": ["light", "dark"],
+  "layouts": ["sidebar", "no-sidebar"],
+  "listModes": ["thumb", "text", "thumb_if_has", "card"],
+  "styles": ["default", "style2", "style3"],
+  "routes": [
+    { "id": "home", "path": "/", "states": ["default", "hover", "loading", "error"] },
+    { "id": "archive", "path": "/?post_type=post", "states": ["default", "numbered", "load-more", "infinite", "no-more"] },
+    { "id": "category", "path": "/category/zibll-article-fixture/", "states": ["default", "empty"] },
+    { "id": "tag", "path": "/tag/zibll-visual-tag/", "states": ["default", "empty"] },
+    { "id": "search", "path": "/?s=视觉", "states": ["default", "empty"] },
+    { "id": "author-a", "path": "/author/zibll_article_v1_author_a/", "states": ["default", "numbered", "load-more"] },
+    { "id": "single-related", "path": "/zibll_article_v1_featured/", "states": ["img", "list", "text"] }
+  ],
+  "postScenarios": ["featured", "no-image", "multi", "external", "slides", "video", "paid", "vip", "first-image"],
+  "capture": {
+    "selector": ".posts-row, .profile-list, .relates",
+    "artifacts": ["screenshot", "dom", "computed-style", "bounding-box", "console", "network"],
+    "computedProperties": [
+      "display", "position", "width", "height", "margin", "padding", "gap", "font-size", "line-height",
+      "border-radius", "box-shadow", "background-color", "color", "object-fit"
+    ]
+  },
+  "acceptance": {
+    "dimensionDeltaPxMax": 1,
+    "pixelDifferencePercentMax": 1.5,
+    "consoleErrorsMax": 0,
+    "unexpectedNetworkFailuresMax": 0,
+    "a11yCriticalMax": 0,
+    "a11ySeriousMax": 0
+  }
+}