#wrapper{position:relative;display:flex;width:100%;height:100%;font-size:1rem;letter-spacing:.05rem;background-color:#f1f9fd}#wrapper .header{position:fixed;display:flex;justify-content:space-between;align-items:center}#wrapper .header .logo{margin-top:.3rem;height:70%}#wrapper .header .color{color:#00a3df}#wrapper .header .grey{text-align:end;color:#7a7c79;font-size:.9rem}#wrapper .body{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100%;border:2px solid #00a3df;border-radius:20px;z-index:1000}#wrapper .body .fg_mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;border-radius:18px;background-color:rgba(0,0,0,.47)}#wrapper .body .circle_desc{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;z-index:1000;color:#fff;border:1px solid #868686;transform:rotate(90deg)}#wrapper .body .circle_desc div{margin-top:.5rem}#wrapper .body .circle_desc img{margin-top:1.1rem;height:1.5rem}#wrapper .button{margin-top:-1px;display:flex;justify-content:center;padding:0 20px}#wrapper .button .button-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#00a3df;border:1px solid #00a3df;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#wrapper .button .button-item.active{color:#fff;background-color:#00a3df;font-weight:700}#wrapper .button .button-item .text,#wrapper .button .button-item .text .t{display:flex;align-items:center;justify-content:center}#wrapper .button .button-item .text .t{width:1.4rem;height:1.4rem;transform:rotate(90deg);font-size:1rem}.fg-wrapper{width:100%;height:100%;display:none;z-index:-1}.far_day,.foreground{-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover";border-radius:17px;-webkit-border-radius:17px}#canvas,.far_day,.foreground{position:absolute;width:100%;height:100%}#canvas{top:0;left:0;z-index:100}.footer{position:fixed;justify-content:space-between;letter-spacing:0;color:#5e5e60}.footer,.footer .left{display:flex;align-items:center}.footer .left{width:fit-content;width:-moz-fit-content}.footer .left img{width:90%}.footer .reference{display:flex;justify-content:center;align-items:center;margin-left:10px;color:#00a3df;text-decoration:underline;font-size:.9rem;min-width:-moz-fit-content;min-width:fit-content;width:-moz-fit-content;height:100%;font-weight:700}canvas{z-index:1}.panel{position:absolute;z-index:1000;border:.16rem solid #00a3df;background-color:rgba(0,165,224,.34);border-radius:1.4rem;width:fit-content;width:-moz-fit-content;font-size:1.2rem;transform:rotate(90deg);transform-origin:0 0}.panel .zhouwei,.panel .zhujing{display:flex;align-items:center;width:19rem}.panel .zhouwei,.panel .zhujing{margin:0 1.4rem;margin-top:.7rem}.panel .label{color:#00a3df;font-size:1.2rem;font-weight:700;min-width:-moz-fit-content;min-width:fit-content;width:-moz-fit-content}.panel .panel_button{flex:1;border:1px solid #00a3df;border-radius:.63rem;margin-right:.4rem;display:flex;justify-content:center;align-items:center;width:100%;height:2.4rem;background-color:#fff;color:#00a3df;font-size:1.4rem}.panel .panel_button.panel_button_zhouwei{height:2.4rem}.panel .panel_button.active{background-color:#00a3df;color:#fff;font-weight:700}.panel .line{height:.05rem;background-color:#00a3df}.panel .confirm,.panel .line{margin:0 1.4rem;margin-top:1rem}.panel .confirm{margin-bottom:1.4rem;border:1px solid #00a3df;border-radius:.7rem;background-color:#fff;color:#00a3df;font-size:1.5rem;width:fit-content;width:-moz-fit-content;padding:.3rem 1.8rem}.panel_2{display:flex;align-items:center;position:absolute;z-index:1000;padding:1.2rem;background-color:rgba(0,0,0,.3);border-radius:1.3rem;transform:rotate(90deg);transform-origin:0 0}.panel_2 .panel_button{padding:0 .5rem;background-color:#00a3df;color:#fff;font-weight:700}.panel_2 .panel_button,.panel_2 .panel_button2{display:flex;align-items:center;border:1px solid #00a3df;border-radius:.6rem;margin-right:.4rem;height:2.5rem;font-size:1.4rem}.panel_2 .panel_button2{justify-content:center;width:5.7rem;background-color:#fff;color:#00a3df}.dialog{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:10000}.dialog .dialog_box{position:relative;padding:3rem 4.3rem 3rem 2.2rem;background-color:#fff;transform:rotate(90deg);font-size:1.1rem;border-radius:1rem}.dialog .dialog_box .box_1{display:flex}.dialog .dialog_box img{position:absolute;top:1.2rem;right:1.2rem;width:2.5rem;height:2.5rem}.landscape{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#f3f8fc;color:#a5aeb6;font-size:.8rem}@font-face{font-family:sourcehansans_normal;src:url(../fonts/SourceHanSansCN-Normal.990599d7.ttf);font-weight:400;font-style:normal}@font-face{font-family:sourcehansans_medium;src:url(../fonts/SourceHanSansCN-Medium.b92d5be0.ttf);font-weight:400;font-style:normal}@font-face{font-family:sourcehansans_bold;src:url(../fonts/SourceHanSansCN-Bold.bbbd547a.ttf);font-weight:400;font-style:normal}