fix: stabilize market metrics hydration and sorting

tests/market-dom-sync.test.ts

@@ -553,6 +553,7 @@ describe("market-dom-sync", () => {
     expect(table.rows[0].rates).toEqual({
       singleVideoAfterSearchRate: "0.02%"
     });
+    expect(readMarketPageSignature(document)).toContain("::111|222");
   });
 
   test("finds the real next-page button in Xingtu pagination", () => {
@@ -581,6 +582,16 @@ describe("market-dom-sync", () => {
     expect(isPageControlDisabled(nextControl)).toBe(false);
     expect(readMarketPageSignature(document)).toContain("1::111|222");
   });
+
+  test("reads market page signature without mutating the page", () => {
+    document.body.innerHTML = buildRealMarketGridFixture();
+
+    const signature = readMarketPageSignature(document);
+
+    expect(signature).toContain("::111|222");
+    expect(document.querySelector('[data-testid="plugin-header"]')).toBeNull();
+    expect(document.querySelector('[data-testid="plugin-section"]')).toBeNull();
+  });
 });
 
 function buildRealMarketGridFixture() {
@@ -898,16 +909,14 @@ function readPluginHeaderTexts() {
 function readRightRowTexts(rowIndex: number) {
   return Array.from(
     document.querySelectorAll('[data-testid="right-section"] > .content-column'),
-    (column) =>
-      column.querySelectorAll(".content-cell")[rowIndex]?.textContent?.trim() ?? ""
+    (column) => readVisualCells(column as Element)[rowIndex]?.textContent?.trim() ?? ""
   );
 }
 
 function readPluginRowTexts(rowIndex: number) {
   return Array.from(
     document.querySelectorAll('[data-testid="plugin-section"] > .content-column'),
-    (column) =>
-      column.querySelectorAll(".content-cell")[rowIndex]?.textContent?.trim() ?? ""
+    (column) => readVisualCells(column as Element)[rowIndex]?.textContent?.trim() ?? ""
   );
 }
 
@@ -918,9 +927,11 @@ function readScrollHintText() {
 }
 
 function readAuthorNames() {
-  return Array.from(
-    document.querySelectorAll('[data-testid="author-section"] .content-cell a'),
-    (link) => link.textContent?.trim() ?? ""
+  const authorColumn = document.querySelector(
+    '[data-testid="author-section"] .content-column'
+  );
+  return readVisualCells(authorColumn).map(
+    (cell) => cell.querySelector("a")?.textContent?.trim() ?? ""
   );
 }
 
@@ -937,3 +948,22 @@ function readRightActionHiddenStates() {
     (cell) => (cell as HTMLElement).hidden
   );
 }
+
+function readVisualCells(root: Element | null): HTMLElement[] {
+  if (!root) {
+    return [];
+  }
+
+  return Array.from(root.querySelectorAll(":scope > .content-cell"))
+    .filter((cell): cell is HTMLElement => cell instanceof HTMLElement)
+    .sort((left, right) => {
+      const leftOrder = Number(left.style.order || "0");
+      const rightOrder = Number(right.style.order || "0");
+      if (leftOrder !== rightOrder) {
+        return leftOrder - rightOrder;
+      }
+
+      const cells = Array.from(root.querySelectorAll(":scope > .content-cell"));
+      return cells.indexOf(left) - cells.indexOf(right);
+    });
+}