.centered-container {
            text-align: center; /* 文本水平居中（主要兼容旧浏览器） */
            display: flex; /* 使用flex布局 */
            justify-content: center;/* 水平居中子元素 */
            align-items: center;/* 垂直居中子元素 */
            flex-direction: column;/* 子元素垂直排列（列方向） */
        }
        #time {
            font-size: 55px; /* 设置字体大小为55像素 */
            font-weight: 300; /* 设置字体粗细为300（较轻的粗细） */
            position: relative; /* 设置相对定位（相对于其正常位置） */
            max-width: fit-content; /* 最大宽度适应内容（不会超出内容宽度） */
            display: inline-flex; /* 内联flex布局（既能flex又能保持内联特性） */
            gap: 0; /* 设置子元素之间的间距为0 */
            margin: 0 auto -5px; /* 外边距设置：上下0，左右自动（居中），底部-5px（可能用于微调位置） */
        }
        #time span {
            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;
        }