src/App.css

@@ -185,20 +185,11 @@
   }
 }
 
-/* Top buttons group */
+/* Settings button */
-.top-buttons {
+.settings-button {
   position: absolute;
   top: 20px;
   left: 20px;
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  z-index: 1000;
-}
-
-/* Settings button */
-.settings-button {
-  position: static;
   width: 40px;
   height: 40px;
   padding: 8px;
@@ -218,26 +209,6 @@
   background-color: rgba(255, 255, 255, 0.15);
 }
 
-.mute-button {
-  width: 40px;
-  height: 40px;
-  padding: 8px;
-  font-size: 20px;
-  background-color: rgba(255, 255, 255, 0.05);
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  filter: grayscale(100%);
-}
-
-.mute-button:hover {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-
 /* Settings overlay */
 .settings-overlay {
   position: fixed;

src/App.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react'
+import { useState, useEffect } from 'react'
 import { FlipClock } from './components/FlipClock'
 import { RollClock } from './components/RollClock'
 import './App.css'
@@ -109,11 +109,6 @@ function App() {
     return saved === 'up' ? 'up' : 'down'
   })
   const [showSettings, setShowSettings] = useState(false)
-  const [isMuted, setIsMuted] = useState(() => {
-    const saved = localStorage.getItem('clock-isMuted')
-    return saved === null ? true : saved === 'true'
-  })
-  const isMutedRef = useRef(isMuted)
   const [showDate, setShowDate] = useState(() => {
     // 从 localStorage 读取，默认显示日期 (true)
     const saved = localStorage.getItem('clock-showDate')
@@ -152,13 +147,6 @@ function App() {
     localStorage.setItem('clock-showDate', String(newValue))
   }
 
-  const toggleMute = () => {
-    const newValue = !isMuted
-    setIsMuted(newValue)
-    isMutedRef.current = newValue
-    localStorage.setItem('clock-isMuted', String(newValue))
-  }
-
   // 切换显示时区时保存到 localStorage
   const toggleShowTimezone = () => {
     const newValue = !showTimezone
@@ -167,13 +155,8 @@ function App() {
   }
 
   useEffect(() => {
-    const audio = new Audio('/tick1.mp3')
     const timer = setInterval(() => {
       setTime(new Date())
-      if (!isMutedRef.current) {
-        audio.currentTime = 0
-        audio.play().catch(() => {})
-      }
     }, 1000)
     return () => clearInterval(timer)
   }, [])
@@ -243,7 +226,6 @@ function App() {
 
   return (
     <div className="app">
-      <div className="top-buttons">
       <button
         className="settings-button"
         onClick={() => setShowSettings(true)}
@@ -251,14 +233,6 @@ function App() {
       >
         ⚙️
       </button>
-        <button
-          className="mute-button"
-          onClick={toggleMute}
-          aria-label={isMuted ? '取消静音' : '静音'}
-        >
-          {isMuted ? '🔇' : '🔊'}
-        </button>
-      </div>
 
       {showSettings && (
         <div className="settings-overlay" onClick={() => setShowSettings(false)}>