調整比賽結算長按回饋並更新 README

src/App.css

@@ -961,6 +961,15 @@
     filter 0.16s ease;
 }
 
+.rail-pill-hold-wrap {
+  display: grid;
+  gap: 8px;
+}
+
+.rail-pill-hold-wrap-active {
+  filter: drop-shadow(0 12px 20px rgba(217, 90, 68, 0.2));
+}
+
 .rail-pill:hover {
   transform: translateY(-1px);
   box-shadow:
@@ -978,11 +987,40 @@
   background: linear-gradient(180deg, #d95a44, #b53a28);
 }
 
+.rail-pill-active-hold {
+  transform: translateY(1px) scale(0.99);
+  filter: brightness(1.08) saturate(1.08);
+  box-shadow:
+    inset 0 0 0 1px rgba(255, 227, 214, 0.5),
+    inset 0 12px 18px rgba(255, 255, 255, 0.1),
+    0 0 0 4px rgba(255, 224, 194, 0.2),
+    0 14px 26px rgba(181, 58, 40, 0.28);
+}
+
 .rail-pill-muted {
   color: #4d3a29;
   background: linear-gradient(180deg, #f7f2e8, #e0d6c5);
 }
 
+.rail-hold-progress {
+  position: relative;
+  width: 100%;
+  height: 8px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: rgba(255, 240, 199, 0.32);
+  box-shadow: inset 0 0 0 1px rgba(255, 237, 208, 0.12);
+}
+
+.rail-hold-progress-bar {
+  display: block;
+  width: 100%;
+  height: 100%;
+  transform-origin: left center;
+  background: linear-gradient(90deg, #ffe9a8, #fff7d0, #ffffff);
+  box-shadow: 0 0 12px rgba(255, 246, 203, 0.5);
+}
+
 .voice-settings-overlay {
   position: fixed;
   inset: 0;
@@ -1924,6 +1962,14 @@
     font-size: 0.92rem;
   }
 
+  .rail-pill-hold-wrap {
+    gap: 6px;
+  }
+
+  .rail-hold-progress {
+    height: 6px;
+  }
+
   .finish-dialog {
     padding: 20px 14px 14px;
     border-radius: 18px;