.home-page[data-v-300ef81a]{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:var(--im-color-primary-light-9)}.home-page .app-container[data-v-300ef81a]{width:62vw;height:80vh;display:flex;min-height:660px;min-width:970px;border-radius:4px;overflow:hidden;box-shadow:var(--im-box-shadow-dark);transition:.2s}.home-page .app-container.fullscreen[data-v-300ef81a]{width:100vw;height:100vh}.home-page .navi-bar[data-v-300ef81a]{--width:70px;position:relative;width:var(--width);flex-shrink:0;background:linear-gradient(180deg,var(--im-color-primary-dark-1),var(--im-color-primary));padding-top:25px;box-shadow:2px 0 8px rgba(0,0,0,.1)}.home-page .navi-bar[data-v-300ef81a]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--im-color-primary),var(--im-color-primary-light-3) 50%,var(--im-color-primary))}.home-page .navi-bar .navi-bar-box[data-v-300ef81a]{height:100%;justify-content:space-between}.home-page .navi-bar .navi-bar-box .top[data-v-300ef81a],.home-page .navi-bar .navi-bar-box[data-v-300ef81a]{display:flex;flex-direction:column;align-items:center}.home-page .navi-bar .navi-bar-box .top .avatar[data-v-300ef81a]{margin-bottom:20px;cursor:pointer}.home-page .navi-bar .navi-bar-box .top .menu[data-v-300ef81a]{display:flex;flex-direction:column;align-items:center}.home-page .navi-bar .navi-bar-box .top .menu .link[data-v-300ef81a]{text-decoration:none;margin-bottom:12px}.home-page .navi-bar .navi-bar-box .top .menu .link .menu-item[data-v-300ef81a]{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:hsla(0,0%,100%,.75);cursor:pointer;transition:.2s}.home-page .navi-bar .navi-bar-box .top .menu .link .menu-item .icon[data-v-300ef81a]{font-size:22px}.home-page .navi-bar .navi-bar-box .top .menu .link .menu-item[data-v-300ef81a]:hover{color:#fff;background:hsla(0,0%,100%,.12)}.home-page .navi-bar .navi-bar-box .top .menu .link .menu-item .unread-text[data-v-300ef81a]{position:absolute;left:30px;top:2px;min-width:16px;height:16px;line-height:16px;padding:0 4px;background:var(--im-color-danger);border-radius:10px;font-size:10px;color:#fff;text-align:center}.home-page .navi-bar .navi-bar-box .top .menu .link.router-link-active .menu-item[data-v-300ef81a]{color:#fff;background:linear-gradient(135deg,var(--im-color-primary-light-2),var(--im-color-primary-dark-1));transform:translateX(2px)}.home-page .navi-bar .navi-bar-box .top .menu .link.router-link-active .menu-item[data-v-300ef81a]:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:2px;background:#fff}.home-page .navi-bar .navi-bar-box .bottom[data-v-300ef81a]{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.home-page .navi-bar .navi-bar-box .bottom .bottom-item[data-v-300ef81a]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:hsla(0,0%,100%,.75);font-size:20px;cursor:pointer;margin-top:6px}.home-page .navi-bar .navi-bar-box .bottom .bottom-item .icon[data-v-300ef81a]{font-size:20px}.home-page .navi-bar .navi-bar-box .bottom .bottom-item[data-v-300ef81a]:hover{color:#fff;background:hsla(0,0%,100%,.12)}.home-page .content-box[data-v-300ef81a]{flex:1;min-width:0;background:var(--im-background)}