.nav-bar{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:hsla(0,0%,100%,.94);-webkit-box-sizing:border-box;box-sizing:border-box;left:0;position:fixed;right:0;top:0;z-index:100}.nav-bar__inner{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;height:2.2rem;justify-content:center;padding:0 .8rem;position:relative}.nav-bar__back{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;left:.7rem;position:absolute;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:50%;height:1.6rem;justify-content:center;width:1.6rem}.nav-bar__back:active{background:rgba(0,0,0,.05)}.nav-bar__back .iconfont{font-size:1rem}.nav-bar__title{font-size:.85rem;font-weight:700;left:3.2rem;line-height:1.2;overflow:hidden;pointer-events:none;position:absolute;right:3.2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-bar--has-right .nav-bar__title{right:calc(var(--nav-menu-right-reserve, .6rem) + var(--nav-right-content-width, 3.6rem) + .5rem)}.nav-bar--has-back .nav-bar__title{left:3.2rem}.nav-bar__right{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;right:var(--nav-menu-right-reserve,.6rem);-ms-flex-align:center;align-items:center;max-width:calc(100% - var(--nav-menu-right-reserve, .6rem) - 3.2rem)}.empty{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:3rem 1rem}.empty__icon{color:var(--color-text-placeholder,#a7c2c2);font-size:2.4rem;margin-bottom:.6rem}.empty__text{color:var(--color-text-placeholder,#a7c2c2);font-size:.7rem}.page-message{background:var(--color-bg);min-height:100vh}.page-message__content{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100vh;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom, 0rem));padding-top:4.4rem}.page-message__tabs{background:var(--color-bg-card);border-bottom:.05rem solid var(--color-divider);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 .8rem}.page-message__tab{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;justify-content:center;padding:.6rem 0;position:relative}.page-message__tab--active{color:var(--color-primary);font-weight:600}.page-message__tab--active::after{background:var(--color-primary);border-radius:.1rem;bottom:0;content:"";height:.15rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1.2rem}.page-message__tab-badge{background:var(--color-danger);border-radius:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.5rem;height:.8rem;line-height:.8rem;min-width:.8rem;padding:0 .2rem;position:absolute;right:calc(50% - 1.5rem);text-align:center;top:.3rem}.page-message__scroll{-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.page-message__list{background:var(--color-bg-card)}.page-message__item{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:.05rem solid var(--color-divider);padding:.7rem .8rem;position:relative}.page-message__item--unread{background:var(--color-primary-soft)}.page-message__avatar{background:var(--color-bg-secondary);border-radius:50%;-webkit-flex-shrink:0;height:2.4rem;width:2.4rem;-ms-flex-negative:0;flex-shrink:0}.page-message__system-icon{-webkit-align-items:center;background:var(--color-primary-soft);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.4rem;width:2.4rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-flex-shrink:0;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.page-message__system-icon .iconfont{color:var(--color-primary);font-size:1.1rem}.page-message__item-info{-webkit-flex:1;-ms-flex:1;flex:1;margin-left:.6rem;overflow:hidden}.page-message__item-content{color:var(--color-text-secondary);display:block;font-size:.65rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-message__item-time{color:var(--color-text-placeholder);-webkit-flex-shrink:0;font-size:.55rem;-ms-flex-negative:0;flex-shrink:0;margin-left:.4rem}.page-message__dot{background:var(--color-danger);border-radius:50%;-webkit-flex-shrink:0;height:.4rem;width:.4rem;-ms-flex-negative:0;flex-shrink:0;margin-left:.4rem}.page-message__conv-nickname{color:var(--color-text-primary);display:block;font-size:.75rem;font-weight:500}.page-message__conv-message{color:var(--color-text-secondary);display:block;font-size:.65rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-message__conv-meta{-webkit-align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:.4rem}.page-message__conv-badge{background:var(--color-danger);border-radius:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.55rem;height:.9rem;line-height:.9rem;margin-top:.2rem;min-width:.9rem;padding:0 .25rem;text-align:center}