fix: isolate limit-pool fixed layout to 1440+ breakpoints

Keep the 1600 no-overflow table, but restore natural column widths
and horizontal scrolling at 1280 and 390 so cells are readable.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>

app/frontend/pages/pools/foundation.css

@@ -2220,10 +2220,33 @@
 }
 
 #limitPool #limitTable {
-  min-width: 0;
+  min-width: var(--table-wide);
 
   width: 100%;
 
+  table-layout: auto;
+}
+
+#limitPool #limitTable.tbl thead th,
+#limitPool .pool-table-card .data-table thead th {
+  height: 36px;
+
+  padding: 0 8px;
+
+  font-size: var(--font-size-caption);
+}
+
+#limitPool #limitTable.tbl tbody td,
+#limitPool .pool-table-card .data-table tbody td {
+  height: 40px;
+
+  padding: 0 8px;
+}
+
+@media (min-width: 1440px) {
+  #limitPool #limitTable {
+    min-width: 0;
+
     table-layout: fixed;
   }
 
@@ -2243,22 +2266,6 @@
     overflow-y: auto;
   }
 
-#limitPool #limitTable.tbl thead th,
-#limitPool .pool-table-card .data-table thead th {
-  height: 36px;
-
-  padding: 0 8px;
-
-  font-size: var(--font-size-caption);
-}
-
-#limitPool #limitTable.tbl tbody td,
-#limitPool .pool-table-card .data-table tbody td {
-  height: 40px;
-
-  padding: 0 8px;
-}
-
   #limitPool #limitTable .reason-column {
     min-width: 0;
 
@@ -2274,6 +2281,7 @@
 
     white-space: nowrap;
   }
+}
 
 #brokenTable,
 #downTable,

app/tests/e2e/app-shell.spec.js

@@ -3222,28 +3222,52 @@ test("merged header keeps date, detail fields and 13 pool columns after dual-rev
   expect(await page.locator("#dataDateMetric").evaluate((node) => Boolean(node.closest(".metric-wide")))).toBe(false);
   await page.keyboard.press("Escape");
 
-  await page.setViewportSize({ width: 1600, height: 1000 });
-  await page.locator('[data-view="limitPool"]').first().click();
-  const tableFit = await page.evaluate(() => {
-    const card = document.querySelector("#limitPool .pool-table-card");
+  const measurePoolTable = () => {
+    const wrap = document.querySelector("#limitPool .pool-table-card");
+    const table = document.querySelector("#limitTable");
     const reason = document.querySelector("#limitTable .reason-column");
     const reasonCell = document.querySelector("#limitTable .pool-reason-cell");
     const headerCell = document.querySelector("#limitPool .data-table thead th");
     const rowCell = document.querySelector("#limitPool .data-table tbody td");
+    const cells = [...document.querySelectorAll("#limitTable tbody td")];
+    const numberCells = [...document.querySelectorAll("#limitTable tbody td.num, #limitTable tbody td.number")];
     const header = document.querySelector(".app-header");
     const headerStyle = headerCell ? getComputedStyle(headerCell) : null;
     const rowStyle = rowCell ? getComputedStyle(rowCell) : null;
+    const widths = cells.map((cell) => cell.getBoundingClientRect().width);
+    const numberWidths = numberCells.map((cell) => cell.getBoundingClientRect().width);
     return {
-      cardOverflow: card.scrollWidth - card.clientWidth,
-      reasonVisible: reason.getBoundingClientRect().right <= card.getBoundingClientRect().right + 1,
-      reasonText: reason.textContent.trim(),
+      tableLayout: table ? getComputedStyle(table).tableLayout : "",
+      columnCount: document.querySelectorAll("#limitTable thead th").length,
+      minCellWidth: widths.length ? Math.min(...widths) : 0,
+      minNumberWidth: numberWidths.length ? Math.min(...numberWidths) : 0,
+      wrapOverflow: wrap ? wrap.scrollWidth - wrap.clientWidth : 0,
+      tableWidth: table ? table.getBoundingClientRect().width : 0,
+      wrapWidth: wrap ? wrap.getBoundingClientRect().width : 0,
+      cardOverflow: wrap ? wrap.scrollWidth - wrap.clientWidth : 0,
+      reasonVisible: Boolean(reason && wrap && reason.getBoundingClientRect().right <= wrap.getBoundingClientRect().right + 1),
+      reasonText: reason ? reason.textContent.trim() : "",
       reasonTitle: reasonCell?.getAttribute("title") || "",
-      headerOverflow: header.scrollWidth - header.clientWidth,
+      headerOverflow: header ? header.scrollWidth - header.clientWidth : 0,
       headerHeight: headerStyle ? Number.parseFloat(headerStyle.height) : 0,
       headerFont: headerStyle ? Number.parseFloat(headerStyle.fontSize) : 0,
       rowHeight: rowStyle ? Number.parseFloat(rowStyle.height) : 0,
     };
-  });
+  };
+
+  const pool1280 = await page.evaluate(measurePoolTable);
+  expect(pool1280.columnCount).toBe(13);
+  expect(pool1280.tableLayout).toBe("auto");
+  expect(pool1280.minCellWidth).toBeGreaterThanOrEqual(40);
+  expect(pool1280.minNumberWidth).toBeGreaterThanOrEqual(50);
+  expect(pool1280.wrapOverflow).toBeGreaterThan(0);
+  expect(pool1280.reasonTitle).toContain("板块龙头连板打开空间");
+  expect(pool1280.headerHeight).toBe(36);
+  expect(pool1280.rowHeight).toBeGreaterThanOrEqual(40);
+
+  await page.setViewportSize({ width: 1600, height: 1000 });
+  await page.locator('[data-view="limitPool"]').first().click();
+  const tableFit = await page.evaluate(measurePoolTable);
   expect(tableFit.reasonText).toContain("涨停原因");
   expect(tableFit.reasonVisible).toBe(true);
   expect(tableFit.cardOverflow).toBeLessThanOrEqual(1);
@@ -3252,6 +3276,8 @@ test("merged header keeps date, detail fields and 13 pool columns after dual-rev
   expect(tableFit.headerHeight).toBe(36);
   expect(tableFit.headerFont).toBe(12.5);
   expect(tableFit.rowHeight).toBeGreaterThanOrEqual(40);
+  expect(tableFit.tableLayout).toBe("fixed");
+  expect(tableFit.columnCount).toBe(13);
 
   await page.locator('[data-view="heavenView"]').first().click();
   await expect(page.locator(".app-header .overview-strip")).toBeHidden();
@@ -3259,6 +3285,13 @@ test("merged header keeps date, detail fields and 13 pool columns after dual-rev
 
   await page.setViewportSize({ width: 390, height: 844 });
   await page.locator('[data-view="limitPool"]').first().click({ force: true });
+  const pool390 = await page.evaluate(measurePoolTable);
+  expect(pool390.columnCount).toBe(13);
+  expect(pool390.tableLayout).toBe("auto");
+  expect(pool390.minCellWidth).toBeGreaterThanOrEqual(40);
+  expect(pool390.minNumberWidth).toBeGreaterThanOrEqual(50);
+  expect(pool390.wrapOverflow).toBeGreaterThan(0);
+  expect(pool390.reasonTitle).toContain("板块龙头连板打开空间");
   await page.locator("#mobileMarketViewSelect").selectOption("sentimentCycleView");
   await page.locator("#overviewToggle").click();
   const mobileDetail = await page.locator(".tape-detail").innerText();