body{margin:0}.not-login{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:14px;display:flex;overflow:hidden}.not-login__icon{width:180px;height:180px}.not-login__icon>img{width:100%}.not-login__desc{color:#333;margin-top:-10px;line-height:18px}.not-login__btn{cursor:pointer;color:#fff;background:#417ff9;border:none;border-radius:4px;height:36px;margin-top:10px;padding:0 16px;font-size:14px;line-height:34px}.not-login__btn:hover{background:#81a9f8}.not-login__btn:active{background:#2562d8}::-webkit-scrollbar{background:0 0;width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:10px}.container{display:flex}.nav{box-sizing:border-box;border-right:1px solid #eee;width:20%;min-width:242px;height:100vh;padding:6px 6px 6px 14px;font-size:14px}.nav__item{cursor:pointer;border-radius:6px;align-items:center;padding:6px;display:flex}.nav .active{background:#c6ced666}.nav__item:hover{background:#c6ced642}.nav__icon{flex-shrink:0;width:24px;height:24px;margin-right:14px}.nav__title{flex-direction:column;width:75%;font-size:12px;display:flex}.nav__title--main{justify-content:space-between;font-size:13px;display:flex}.nav__title__name{color:#414b5f;white-space:nowrap;font-size:13px;overflow:hidden}.nav__title__time{color:#b4b8c7;text-align:right;font-size:12px}.nav__title--sub{text-overflow:ellipsis;white-space:nowrap;color:#b4b8c7;flex-shrink:0;width:80%;margin-top:4px;margin-right:10px;font-size:12px;line-height:18px;overflow:hidden}.nav__icon--number{color:#fff;background-color:#f56c6c;border-radius:8px;padding:0 4px;font-size:12px;display:inline-block;position:relative;bottom:38px;right:-18px}.main{width:80%;min-width:486px;height:100vh;overflow:hidden}.main__title{border-bottom:1px solid #eee;padding:10px 18px 10px 24px;font-size:14px}.main__body{box-sizing:border-box;flex-direction:column;align-items:center;height:100%;padding:16px 24px 40px;display:flex;overflow-y:scroll}.prologue{gap:10px;display:flex}.prologue__icon{width:24px;height:24px}.prologue__icon>img{width:100%;height:100%}.prologue__right{color:#8b97af;font-size:12px}.prologue__title{line-height:20px}.prologue__body{box-sizing:border-box;border:1px solid #36425a26;border-radius:4px;width:460px;padding:14px 16px 12px;line-height:20px}.msg__item{margin:0 auto 24px}.msg__item header{color:#8b97af;text-align:center;font-size:12px}.msg_main{border:1px solid #36425a26;border-radius:4px;width:350px;margin-top:10px;padding:14px 16px 0}.msg__title{color:#36425a;font-size:14px}.msg__body{color:#8b97af;white-space:nowrap;text-overflow:ellipsis;margin:12px 0;font-size:12px;line-height:20px;overflow:hidden}.msg__footer{color:#417ff9;text-align:center;border-top:1px solid #f3f4f5;justify-content:center;align-items:center;height:40px;margin-top:15px;font-size:12px;line-height:18px;display:flex}.msg__footer>a{cursor:pointer;flex:1;justify-content:center;display:flex}.msg__footer>a:not(:first-child){border-left:1px solid #f3f4f5}.msg__footer .normal{color:#0d0d0da8}.msg__footer .highlight{color:#417ff9}a{user-select:none}.opt-action{white-space:nowrap;cursor:pointer;color:#0d0d0d;text-align:center;user-select:none;background:#fff;border:1px solid #f3f4f5;border-radius:8px;flex-direction:column;gap:4px;max-width:170px;padding:8px;font-size:12px;font-weight:400;line-height:20px;display:flex;top:120px;left:100px;overflow:hidden}.opt-action>a{border-radius:6px;padding:2px 20px}.opt-action>a:hover{background-color:#0d0d0d0f}.opt-action>a:active{background-color:#0d0d0d14}