.messages-page{background:#f7f8fa;display:flex;flex-direction:column;min-height:100vh}.messages-scroll{flex:1}.section-block{background:#fff;border-radius:.4rem;box-shadow:0 .05rem .3rem rgba(0,0,0,.04);margin:.5rem .6rem 0;overflow:hidden}.section-block .section-title{color:#323233;font-size:.7rem;font-weight:500;padding:.6rem .6rem .3rem}.message-item{align-items:center;display:flex;padding:.6rem;transition:background .15s}.message-item:active{background:#f7f8fa}.message-item + .message-item{border-top:.025rem solid #f2f3f5}.system-msg .sys-icon{align-items:center;background:linear-gradient(135deg,#1989fa,#07c160);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;height:2.2rem;justify-content:center;width:2.2rem}.system-msg .pinned-tag{align-self:flex-start;background:#e8f4ff;border-radius:.1rem;color:#1989fa;flex-shrink:0;font-size:.5rem;margin-top:.1rem;padding:.1rem .25rem}.chat-msg .avatar-wrap{flex-shrink:0;position:relative}.chat-msg .avatar-wrap .msg-avatar{border-radius:50%;height:2.4rem;width:2.4rem}.chat-msg .avatar-wrap .online-dot{background:#07c160;border:.075rem solid #fff;border-radius:50%;bottom:.05rem;height:.45rem;position:absolute;right:.05rem;width:.45rem}.msg-body{flex:1;margin-left:.5rem;overflow:hidden}.msg-body .msg-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.2rem}.msg-body .msg-top .msg-name-row{align-items:center;display:flex}.msg-body .msg-top .msg-name{color:#1a1a1a;font-size:.75rem;font-weight:500}.msg-body .msg-top .msg-time{color:#c8c9cc;flex-shrink:0;font-size:.55rem}.msg-body .msg-preview{color:#969799;display:block;font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-tag{border-radius:.1rem;font-size:.5rem;margin-left:.25rem;padding:.05rem .2rem}.role-tag.role-rider{background:#fff3e8;color:#ff976a}.role-tag.role-merchant{background:#e8f4ff;color:#1989fa}.role-tag.role-user{background:#f2f3f5;color:#646566}.bottom-safe{height:.5rem}:root,page{--primary-color:#07c160}