調整分組卡片版面並更新 README

src/App.css

@@ -121,6 +121,18 @@
   align-items: start;
 }
 
+.group-head-compact {
+  align-items: center;
+}
+
+.group-head-compact > div:first-child {
+  min-width: 0;
+}
+
+.group-head-compact h3 {
+  margin: 4px 0 0;
+}
+
 .summary-grid,
 .double-grid,
 .history-list,
@@ -223,6 +235,10 @@
   align-items: end;
 }
 
+.selection-toolbar > .field {
+  width: min(100%, 220px);
+}
+
 .double-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -302,11 +318,6 @@
   border: 1px solid rgba(10, 51, 45, 0.08);
 }
 
-.group-card-active {
-  border-color: rgba(8, 47, 73, 0.32);
-  box-shadow: 0 0 0 2px rgba(8, 47, 73, 0.08);
-}
-
 .group-card-stage {
   background:
     linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 246, 242, 0.94));
@@ -1304,6 +1315,15 @@
     flex-direction: column;
   }
 
+  .group-head-compact {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .group-head-compact .group-actions {
+    flex-shrink: 0;
+  }
+
   .scoreboard-screen {
     grid-template-columns: 1fr;
   }
@@ -1365,6 +1385,10 @@
     gap: 12px;
   }
 
+  .selection-toolbar > .field {
+    width: 100%;
+  }
+
   .button-stack {
     grid-template-columns: 1fr;
   }
@@ -1372,6 +1396,7 @@
   .field input[type='date'] {
     max-width: 100%;
     font-size: 16px;
+    overflow: hidden;
   }
 
   .floating-status-bubble {
@@ -1382,6 +1407,19 @@
     font-size: 0.92rem;
   }
 
+  .group-head-compact {
+    gap: 10px;
+  }
+
+  .group-head-compact h3 {
+    font-size: 1rem;
+  }
+
+  .group-head-compact .inline-link {
+    padding: 8px 12px;
+    white-space: nowrap;
+  }
+
   .scoreboard-court {
     gap: 10px;
     padding: 8px;