fix(comments): center empty-state illustration

tests/widget-system/comment-order-empty-contract.test.cjs

@@ -29,3 +29,18 @@ test('empty comment state uses the reference illustration and caption', () => {
   assert.ok(fs.existsSync(path.join(root, 'assets/img/comment-null.svg')), 'the reference empty-state illustration must ship with the theme');
   assert.equal(php.includes('暂无作者评论'), false, 'empty filter state uses the reference caption');
 });
+
+test('the shared empty illustration stays centered after the block-level media reset', () => {
+  assert.match(read('inc/helpers/aksrt-null.php'), /<img class="no-imgbox aksrt-null__img"/);
+  for (const file of ['assets/css/frontend/empty-state.css', 'assets/css/build/public.css']) {
+    const css = read(file);
+    const rule = css.match(/\.aksrt-null\s*>\s*\.aksrt-null__img\s*\{([^}]+)\}/);
+    assert.ok(rule, `${file} must provide the shared illustration alignment`);
+    assert.match(rule[1], /display:\s*block;/);
+    assert.match(rule[1], /margin-right:\s*auto;/);
+    assert.match(rule[1], /margin-left:\s*auto;/);
+    if (file === 'assets/css/frontend/empty-state.css') {
+      assert.ok(css.indexOf(rule[0]) < css.indexOf('@media'), 'alignment must apply outside mobile-only rules');
+    }
+  }
+});