/* ==========================================================
           移动端点击反馈统一处理
           -webkit-tap-highlight-color 可继承，在 html 上声明一次即可覆盖
           页面内全部后代元素，不改动任何元素自身的背景色。
           ========================================================== */
        html {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
        }

html, body {
        height: 95%;
    }

    body {
        background: #0f3854;
        background: -webkit-radial-gradient(center ellipse, #0a2e38 0%, #000000 70%);
        background: radial-gradient(ellipse at center, #0a2e38 0%, #000000 70%);
        background-size: 100%;
    }

    p {
        margin: 0;
        padding: 0;
    }

    #clock {
        font-family: 'Share Tech Mono', monospace;
        color: #ffffff;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #daf6ff;
        text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
    }

    #clock .time {
        letter-spacing: 0.05em;
        font-size: 60px;
        padding: 5px 0;
    }

    #clock .date {
        letter-spacing: 0.1em;
        font-size: 15px;
    }

    #clock .text {
        letter-spacing: 0.1em;
        font-size: 12px;
        padding: 20px 0 0;
    }