調整語音設定介面並更新 README

src/App.css

@@ -930,6 +930,79 @@
   background: linear-gradient(180deg, #f7f2e8, #e0d6c5);
 }
 
+.voice-settings-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 75;
+  display: grid;
+  place-items: center;
+  padding: 18px;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(6px);
+}
+
+.voice-settings-panel {
+  position: relative;
+  width: min(420px, 100%);
+  display: grid;
+  gap: 14px;
+  padding: 24px 20px 20px;
+  border-radius: 24px;
+  background: linear-gradient(180deg, #fff8e8, #ffe5ad);
+  box-shadow:
+    0 0 0 4px rgba(255, 255, 255, 0.18),
+    inset 0 0 0 2px rgba(200, 140, 46, 0.45);
+}
+
+.voice-settings-close {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  width: 44px;
+  height: 44px;
+  border: 0;
+  border-radius: 999px;
+  cursor: pointer;
+  font: inherit;
+  font-size: 1.6rem;
+  color: #b34e3a;
+  background: linear-gradient(180deg, #ffe5bf, #f0bd7c);
+  box-shadow:
+    inset 0 0 0 1px rgba(199, 125, 63, 0.34),
+    0 10px 18px rgba(8, 47, 73, 0.16);
+}
+
+.voice-setting-row,
+.voice-setting-slider {
+  display: grid;
+  gap: 10px;
+  padding: 14px 16px;
+  border-radius: 16px;
+  background: rgba(255, 249, 238, 0.94);
+  box-shadow: inset 0 0 0 1px rgba(199, 155, 83, 0.12);
+}
+
+.voice-setting-row {
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+}
+
+.voice-setting-row input[type='checkbox'] {
+  width: 22px;
+  height: 22px;
+  accent-color: #0f6a5d;
+}
+
+.voice-setting-slider strong {
+  justify-self: end;
+  color: #5b2f13;
+}
+
+.voice-setting-slider input[type='range'] {
+  width: 100%;
+  accent-color: #0f6a5d;
+}
+
 .team-picker-overlay {
   position: fixed;
   inset: 0;
@@ -1678,6 +1751,11 @@
     font-size: 0.88rem;
   }
 
+  .voice-settings-panel {
+    padding: 20px 14px 14px;
+    border-radius: 18px;
+  }
+
   .scoreboard-team-head {
     grid-template-columns: minmax(0, 1fr) 54px;
     gap: 6px;