.page[data-v-985dd0ce]{position:relative}.header-background[data-v-985dd0ce]{width:100%;height:150px;position:absolute;top:0;left:0;z-index:1;background-color:var(--theme)}.header-background image[data-v-985dd0ce]{width:100%;height:100%}.search-container[data-v-985dd0ce]{width:100%;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;padding-top:10px;z-index:9;font-size:14px}.search-container .search-left[data-v-985dd0ce]{padding-right:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.search-container .search-right[data-v-985dd0ce]{flex:1}.search-container .search-right .search-input[data-v-985dd0ce]{width:100%;height:30px;line-height:30px;text-align:center;background-color:hsla(0,0%,100%,.5);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff}.search-container .search-right .search-input .iconfont[data-v-985dd0ce]{font-size:18px;margin-right:5px}.card-container[data-v-985dd0ce]{width:calc(100% - 20px);height:150px;margin:10px auto;border-radius:10px;overflow:hidden;position:relative;z-index:9}.card-container .card-background[data-v-985dd0ce]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}.card-container .card-content[data-v-985dd0ce]{width:100%;height:100%;position:relative;z-index:10;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.card-container .card-content .card-top[data-v-985dd0ce]{width:100%;display:flex;align-items:center;justify-content:space-between}.card-container .card-content .card-top .card-info[data-v-985dd0ce]{padding-right:5px}.card-container .card-content .card-top .title[data-v-985dd0ce]{font-size:16px;color:#fff}.card-container .card-content .card-top .name[data-v-985dd0ce]{font-size:14px;margin-top:10px;color:#e2e2e2}.card-container .card-content .card-top .card-head .user-info .user-head[data-v-985dd0ce]{width:60px;height:60px;border-radius:50%;overflow:hidden}.card-container .card-content .card-top .card-head .user-info .user-head img[data-v-985dd0ce]{width:100%;height:100%}.card-container .card-content .card-top .card-head .user-info .user-name[data-v-985dd0ce]{width:100%;text-align:center;font-size:14px;color:#fff}.card-container .card-content .card-bottom[data-v-985dd0ce]{display:flex;align-items:center;justify-content:space-between;color:#fff}.status-container[data-v-985dd0ce]{width:calc(100% - 20px);margin:15px auto;border-radius:10px;background-color:#fff;display:flex;align-items:center;justify-content:space-around;padding:10px 0 15px 0;box-shadow:0 2px 10px #f2f2f2}.status-container .status-item[data-v-985dd0ce]{flex:1;position:relative;text-align:center}.status-container .status-item[data-v-985dd0ce]:after{content:"";display:block;position:absolute;width:1px;height:60%;top:20%;right:0;background-color:#e2e2e2}.status-container .status-item[data-v-985dd0ce]:last-child:after{display:none}.status-container .status-item .status-number[data-v-985dd0ce]{font-size:30px;color:#333}.status-container .status-item .status-title[data-v-985dd0ce]{color:#666;font-size:14px}.navbar-container[data-v-985dd0ce]{width:calc(100% - 20px);margin:15px auto;border-radius:10px;background-color:#fff;display:flex;align-items:center;justify-content:space-around;padding:10px;box-shadow:0 2px 10px #f2f2f2}.navbar-container .navbar-item[data-v-985dd0ce]{flex:1;width:25%;text-align:center;display:flex;flex-direction:column;align-items:center}.navbar-container .navbar-item .navbar-icon[data-v-985dd0ce]{position:relative;width:40px;height:40px}.navbar-container .navbar-item .navbar-icon img[data-v-985dd0ce]{width:100%;height:100%}.navbar-container .navbar-item .navbar-title[data-v-985dd0ce]{font-size:14px;color:#666;margin-top:5px}.server-phone[data-v-985dd0ce]{width:100%;padding:10px;text-align:center;font-size:14px;color:#999}.server-phone .phone[data-v-985dd0ce]{font-size:14px;color:var(--theme)}.server-phone .phone[data-v-985dd0ce]:active{text-decoration:underline}