让技能、库、壳和统计页在首屏套用主题，并在页内滚动而不是整页被撑开。

技能池说明改为按本局清单取用能力。

Co-authored-by: Cursor <cursoragent@cursor.com>

web/modules.css

@@ -21,8 +21,13 @@ html[data-embed="1"] .st-main {
 }
 
 .mod-shell {
-  max-width: 1280px;
-  --st-rail-w: 260px;
+  max-width: none;
+  width: 100%;
+  --st-rail-w: 280px;
+}
+
+.mod-rail {
+  overflow: hidden;
 }
 
 .mod-pack {
@@ -42,6 +47,7 @@ html[data-embed="1"] .st-main {
   border: 1px solid var(--st-border);
   border-radius: 6px;
   background: var(--st-bg);
+  color: var(--st-text);
 }
 
 .mod-status-filters {
@@ -77,6 +83,7 @@ html[data-embed="1"] .st-main {
   flex-direction: column;
   gap: 2px;
   flex: 1;
+  min-height: 0;
   overflow: auto;
   padding-bottom: 12px;
 }
@@ -94,7 +101,7 @@ html[data-embed="1"] .st-main {
 }
 
 .mod-item:hover {
-  background: #f4f4f5;
+  background: color-mix(in srgb, var(--st-surface) 62%, var(--st-bg));
 }
 
 .mod-item.active {
@@ -146,7 +153,7 @@ html[data-embed="1"] .st-main {
   font-weight: 600;
   padding: 4px 10px;
   border-radius: 999px;
-  background: #f4f4f5;
+  background: color-mix(in srgb, var(--st-surface) 62%, var(--st-bg));
   color: var(--st-muted);
 }
 
@@ -162,7 +169,7 @@ html[data-embed="1"] .st-main {
 
 .mod-badge.skeleton,
 .mod-badge.missing {
-  background: #f4f4f5;
+  background: color-mix(in srgb, var(--st-surface) 62%, var(--st-bg));
   color: var(--st-muted);
 }
 
@@ -177,6 +184,21 @@ html[data-embed="1"] .st-main {
   margin: 2rem 0;
 }
 
+.mod-read {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.mod-read > .st-status {
+  margin: 16px 28px 0;
+}
+
+.mod-read > .st-body {
+  flex: none;
+  overflow: visible;
+}
+
 .mod-body {
   display: flex;
   flex-direction: column;
@@ -222,7 +244,7 @@ html[data-embed="1"] .st-main {
   flex-wrap: wrap;
   gap: 6px;
   position: sticky;
-  top: calc(var(--st-top-h) + 8px);
+  top: 0;
   z-index: 5;
   background: var(--st-bg);
   padding: 6px 0;
@@ -278,7 +300,7 @@ html[data-embed="1"] .st-main {
 }
 
 .mod-section > summary:hover {
-  background: #fafafa;
+  background: color-mix(in srgb, var(--st-surface) 58%, var(--st-bg));
 }
 
 .mod-section-body {
@@ -293,7 +315,7 @@ html[data-embed="1"] .st-main {
   font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
   font-size: 12.5px;
   line-height: 1.55;
-  color: #27272a;
+  color: var(--st-text);
 }
 
 .mod-raw-toggle {
@@ -327,12 +349,17 @@ html[data-embed="1"] .st-main {
 @media (max-width: 820px) {
   .mod-shell {
     grid-template-columns: 1fr;
+    grid-template-rows: minmax(0, 38%) minmax(0, 1fr);
   }
 
   .mod-rail {
-    min-height: auto;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-items: stretch;
+    align-content: stretch;
     border-right: none;
     border-bottom: 1px solid var(--st-border);
-    max-height: 42vh;
+    max-height: none;
+    overflow: hidden;
   }
 }