.centered-container {
            text-align: center;
        }
        #time {
            font-size: 55px;
            font-weight: 300;
            margin-bottom: -5px;
            position: relative;
        }
        #time span {
            display: inline-block;
            transition: text-shadow 0.5s ease-in-out;
            /* 默认不应用动画 */
        }
        #time span:hover {
            /* 鼠标悬停时应用动画 */
            animation: shadowMove 1s infinite;
        }
        @keyframes shadowMove {
            0%, 100% {
                text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
            }
            25% {
                text-shadow: 0 2px 2px rgba(255, 0, 0, 0.5); /* 红色向上移动 */
            }
            50% {
                text-shadow: 0 -2px 2px rgba(0, 255, 0, 0.5); /* 绿色向下移动 */
            }
            75% {
                text-shadow: -2px 0 2px rgba(0, 0, 255, 0.5); /* 蓝色向左移动 */
            }
            87.5% {
                text-shadow: 2px 0 2px rgba(255, 255, 0, 0.5); /* 黄色向右移动 */
            }
        }
        #date-and-weekday {
            font-size: 1em;
            margin-bottom: -8px;
        }