优化UI

core/frontend/src/ai-tools-page.css

@@ -18,7 +18,7 @@
   width: 100%;
   max-width: none;
   box-sizing: border-box;
-  /* 抵消 .content 的 24/28/60，换成影擎 .main 的左右留白，三张入口卡铺满主区 */
+  /* 抵消 .content 的 24/28/60，网格底铺满主区。正文对照影擎 .content：1560 居中 */
   margin: -24px -28px -60px;
   padding: 52px clamp(40px, 3.2vw, 68px) 48px;
 }
@@ -26,6 +26,11 @@
   .asset-factory { margin: -28px -24px -48px; }
 }
 
+.asset-factory .asset-factory-inner {
+  width: min(1560px, 100%);
+  margin: 0 auto;
+}
+
 .asset-factory .af-page-head {
   min-height: 76px;
   display: flex;
@@ -320,7 +325,7 @@
 
 .asset-factory .af-media-grid {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
   gap: 18px;
   margin-top: 18px;
 }
@@ -469,16 +474,11 @@
   margin-bottom: 6px;
 }
 
-@media (max-width: 1280px) {
-  .asset-factory .af-media-grid:not(.list) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-}
 @media (max-width: 1100px) {
   .asset-factory .af-tools { grid-template-columns: 1fr; }
   .asset-factory .af-toolbar { flex-wrap: wrap; }
-  .asset-factory .af-media-grid:not(.list) { grid-template-columns: 1fr 1fr; }
 }
 @media (max-width: 720px) {
-  .asset-factory .af-media-grid:not(.list) { grid-template-columns: 1fr; }
   .asset-factory .af-media-grid.list .af-media { grid-template-columns: 1fr; }
   .asset-factory .af-media-grid.list .af-media-thumb { width: 100%; height: auto; aspect-ratio: 16 / 10; }
 }