body{margin:0;padding:0;background:#ffe;font-size:14px;font-family:'微软雅黑','宋体',sans-serif;color:#231F20;overflow:auto}
a {color:#000;font-size:14px;}
#main{width:100%;}
#wrap{position:relative;margin:0 auto;width:1100px;height:680px;margin-top:10px;transform-origin:top center;-webkit-transform-origin:top center;}
#text{width:400px;height:425px;left:60px;top:80px;position:absolute;overflow-y:auto;scroll-behavior:smooth;}
#text::-webkit-scrollbar{width:4px;}
#text::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:2px;}
#text::-webkit-scrollbar-track{background:transparent;}
#code{display:none;font-size:16px;line-height:1.8;color:#333;}
#clock-box {position:absolute;left:60px;top:550px;font-size:28px;display:none;color:#333;}
#clock-box a {font-size:28px;text-decoration:none;}
#clock{margin-left:48px;}
#clock .digit {font-size:64px;}
#canvas{margin:0 auto;width:1100px;height:680px;}
#error{margin:0 auto;text-align:center;margin-top:60px;display:none;}
.hand{cursor:pointer;}
.say{margin-left:5px;display:block;margin-bottom:16px;}
.space{margin-right:150px;}

/* ========== 手机端：transform 等比缩放布局 ========== */
@media screen and (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    #main {
        width: 100%;
        overflow: hidden;   /* 裁剪超出的 1100px wrap */
    }
    #wrap {
        /* 取消 auto 边距，改由 JS 精确控制，避免负 margin 被裁剪 */
        margin-left: 0;
        margin-right: 0;
        margin-top: 50px;
        transform-origin: left top;
        -webkit-transform-origin: left top;
    }
    #clock-box {
        font-size: 18px;
    }
    #clock-box a {
        font-size: 18px;
    }
    #clock .digit {
        font-size: 36px;
    }
    #code {
        font-size: 13px;
    }
    #text {
        width: 260px;
    }
    #error {
        margin-top: 80px;
    }
}

/* ========== 平板端适配 ========== */
@media screen and (min-width: 769px) and (max-width: 1100px) {
    body {
        overflow-x: hidden;
    }
    #main {
        overflow-x: hidden;
    }
    #wrap {
        margin-top: 5px;
    }
}