html,body{height:100%;overflow:hidden}.text-animation-active{background:#000!important}body{margin:0;padding:0;background:pink;font-size:20px;font-family:微软雅黑,宋体,sans-serif;color:#000;display:flex;justify-content:center;align-items:center;transition:background-color 2s ease-in-out}a{color:#000;font-size:14px}#main{width:100%}#wrap{position:relative;margin:10px auto 0;width:60vw;height:37.08vw}#text{width:36%;height:62.5%;left:5.5%;top:11.7%;position:absolute;font-size:20px}#code{font-size:17px}#clock-box{position:absolute;left:5.5%;top:86.8%;font-size:28px;display:none;transition:opacity 1s ease-in-out}#clock-box a{font-size:28px;text-decoration:none}#clock{margin-left:48px}#clock .digit{font-size:64px}#canvas{margin:0 auto;width:100%;height:100%}#error{margin:60px auto 0;text-align:center;display:none}.hand{cursor:pointer}.say{margin-left:5px}.space{margin-right:150px}.image{height:275px;width:275px;display:inline-block;position:absolute;bottom:-41%;right:-157%;transition:opacity 1s ease-in-out}@media only screen and (min-device-width: 700px) and (max-device-width: 1200px){#wrap{width:95vw;height:58.71vw;margin-top:20px}#text{width:46%}#code{font-size:17px}#clock-box{font-size:20px;top:85%}#clock-box a{font-size:22px}#clock .digit{font-size:50px}.image{height:200px;width:200px;bottom:-40%;right:-100%}}#clock-box[data-v-a8022f33]{transition:opacity 1s ease-in}.animation-container,#background-canvas,#text-canvas{position:absolute;width:100%;height:100%;top:0;left:0}#background-canvas{z-index:1}#text-canvas{z-index:3}#error[data-v-9abcdfd5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fcc;padding:20px;border:1px solid #cc0000;color:#c00;font-size:1.2em;text-align:center;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:1000}.scene-container[data-v-9abcdfd5]{opacity:1;transition:opacity 2s ease-in-out}.scene-container.fade-out[data-v-9abcdfd5]{opacity:0}