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

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

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

web/libraries.css

@@ -6,15 +6,20 @@
 
 .lib-body {
   display: grid;
-  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
+  grid-template-columns: minmax(260px, 32%) minmax(0, 1fr);
   gap: 16px;
-  align-items: start;
-  padding: 0 4px 24px;
+  align-items: stretch;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0 20px 16px;
 }
 
 .lib-list-pane,
 .lib-work-pane {
   min-width: 0;
+  min-height: 0;
+  overflow: auto;
 }
 
 .lib-work-card {
@@ -42,7 +47,7 @@
   border: 1px solid var(--st-border);
   border-radius: 6px;
   padding: 10px 12px;
-  background: #fafafa;
+  background: var(--st-bg);
   margin: 12px 0;
   font-size: 13px;
 }
@@ -80,6 +85,8 @@
   border: 1px solid var(--st-border);
   border-radius: 6px;
   padding: 8px 10px;
+  background: var(--st-surface);
+  color: var(--st-text);
 }
 
 .lib-composer-actions,
@@ -107,7 +114,7 @@
   border: 1px solid var(--st-border);
   border-radius: 6px;
   padding: 8px 10px;
-  background: #fafafa;
+  background: var(--st-bg);
 }
 
 .lib-candidate-actions {
@@ -117,13 +124,14 @@
 }
 
 .lib-candidate.is-ready {
-  border-color: #86efac;
-  background: #f0fdf4;
+  border-color: color-mix(in srgb, var(--st-ok) 55%, var(--st-border));
+  background: color-mix(in srgb, var(--st-ok) 9%, var(--st-surface));
 }
 
 @media (max-width: 900px) {
   .lib-body {
     grid-template-columns: 1fr;
+    grid-template-rows: minmax(0, 38%) minmax(0, 1fr);
   }
 }