#getInAndOutLine[data-v-059b63eb]{width:100%;height:100%;background:transparent;border-radius:8px}*{margin:0;padding:0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.dormData-show{background:url(../../assets/img/background.11b5fb59.png) no-repeat;background-size:100% 100%;width:100vw;height:100vh}.dormData-show .dormData-title{position:relative}.dormData-show .dormData-title .title{position:absolute;color:transparent;top:.1rem;text-align:center;font-size:.7rem;width:100%;background-image:linear-gradient(45deg,#01e2ff,#5c79ff);-webkit-background-clip:text;font-weight:700;text-shadow:5px 0 10px rgba(0,0,0,.3)}.dormData-show .dormData-title img{width:100%}.dormData-show .dormData-title .datetime-display{position:absolute;top:.1rem;right:.3rem;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dormData-show .dormData-title .datetime-display .time{font-size:.6rem;color:#01e2ff;font-weight:700;text-shadow:0 0 10px rgba(1,226,255,.5)}.dormData-show .dormData-title .datetime-display .date-week{margin-left:.2rem;font-size:.4rem;color:#5c79ff;margin-top:.1rem}.dormData-show .content{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.dormData-show .content,.dormData-show .content .dormData-show-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.dormData-show .content .dormData-show-left{width:60%;height:100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:.2rem}.dormData-show .content .dormData-show-left .left-top{-webkit-box-flex:3;-ms-flex:3;flex:3;min-height:0}.dormData-show .content .dormData-show-left .left-bottom{-webkit-box-flex:2;-ms-flex:2;flex:2;min-height:0}.dormData-show .content .dormData-show-right{width:38%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.2rem}.dormData-show .content .dormData-show-right .right-top{-webkit-box-flex:3;-ms-flex:3;flex:3;min-height:0}.dormData-show .content .dormData-show-right .right-bottom{-webkit-box-flex:2;-ms-flex:2;flex:2;min-height:0}.dormData-show .content .big-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;margin-bottom:.1rem;background:rgba(74,144,226,.1);border:1px solid rgba(74,144,226,.3);border-radius:6px;padding:.2rem}.dormData-show .content .big-stats-container .big-stat-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dormData-show .content .big-stats-container .big-stat-card .big-stat-label{font-size:.3rem;color:#4a90e2}.dormData-show .content .big-stats-container .big-stat-card .big-stat-number{font-size:.4rem;color:#04f1a5;font-weight:700}.dormData-show .content .small-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.6rem;margin-top:1rem;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.dormData-show .content .small-stats-container .small-stat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #01e2ff;width:40%;background:rgba(74,144,226,.1);border-radius:6px;border:1px solid rgba(74,144,226,.3)}.dormData-show .content .small-stats-container .small-stat-item .small-stat-label{font-size:.3rem;color:#4a90e2}.dormData-show .content .small-stats-container .small-stat-item .small-stat-number{font-size:.4rem;color:#04f1a5;font-weight:700}.dormData-show .card-container{background:rgba(0,20,60,.8);border:1px solid rgba(74,144,226,.5);border-radius:8px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dormData-show .card-container .card-header{padding:.1rem;border-bottom:1px solid rgba(74,144,226,.3)}.dormData-show .card-container .card-header h3{color:#4a90e2;font-size:.4rem;margin:0;text-align:center}.dormData-show .card-container .card-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.2rem;overflow:hidden;width:100%}.dormData-show .card-container .chart{width:100%;height:280px;padding:0 0 .5rem 0;overflow:hidden}.dormData-show .card-container .card-contentRight{width:100%;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dormData-show .person-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.1rem;height:100%}.dormData-show .person-grid .InOutType{position:absolute;top:0;right:0;width:.5rem;height:.5rem;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.3rem}.dormData-show .person-grid .InOutType,.dormData-show .person-grid .person-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dormData-show .person-grid .person-item{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:rgba(74,144,226,.1);border-radius:6px;padding:.1rem;border:1px solid rgba(74,144,226,.3)}.dormData-show .person-grid .person-item .person-avatar{width:1.7rem;height:1.7rem;border-radius:.01rem;overflow:hidden;border:.02rem solid #4a90e2}.dormData-show .person-grid .person-item .person-avatar .person-avatar-overlay{color:#fff;font-size:.25rem;text-align:center;line-height:1.7rem}.dormData-show .person-grid .person-item .person-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dormData-show .person-grid .person-item .person-info{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:.1rem}.dormData-show .person-grid .person-item .person-info .person-name{color:#4a90e2;font-size:.3rem;font-weight:700;margin-bottom:.2rem}.dormData-show .person-grid .person-item .person-info .person-time{color:#eaa309;font-size:.3rem;margin-bottom:.2rem}.dormData-show .person-grid .person-item .person-info .person-ZjName{color:#4a90e2;font-size:.3rem;font-weight:700}