.message-center-html{min-height:100vh;background:#f5f7fb;padding:16px 16px 72px;-webkit-box-sizing:border-box;box-sizing:border-box}.message-center-html .message-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}.message-center-html .message-header .message-title{font-size:18px;font-weight:700;color:#1a1f2d}.message-center-html .message-header .mark-btn{border-radius:999px;height:28px;padding:0 12px;font-size:12px}.message-center-html .message-list,.message-center-html .message-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.message-center-html .message-loading{padding-top:4px}.message-center-html .message-item,.message-center-html .message-loading ::v-deep .van-skeleton{background:#fff;border-radius:12px;padding:12px;-webkit-box-shadow:0 3px 12px rgba(31,75,163,.08);box-shadow:0 3px 12px rgba(31,75,163,.08)}.message-center-html .message-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;position:relative}.message-center-html .message-item .message-item__icon{width:30px;height:30px;border-radius:10px;background:#e8f1ff;color:#3273f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.message-center-html .message-item .message-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.message-center-html .message-item .message-item__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;margin-bottom:5px}.message-center-html .message-item .message-item__title{font-size:14px;font-weight:600;color:#1a1f2d}.message-center-html .message-item .message-item__time{font-size:11px;color:#97a0ad;-ms-flex-negative:0;flex-shrink:0}.message-center-html .message-item .message-item__desc{font-size:13px;color:#5d6472;line-height:1.5}.message-center-html .message-item .message-item__badge{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#f04438}.message-center-html .message-empty{height:56vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#97a0ad;gap:8px;font-size:13px}.message-center-html .message-empty p{margin:0}.message-center-html .home-tabbar{position:fixed;bottom:0;left:0;width:100%;height:56px;background:#fff;-ms-flex-align:center;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-shadow:0 -1px 8px rgba(0,0,0,.08);box-shadow:0 -1px 8px rgba(0,0,0,.08);z-index:999;padding-bottom:env(safe-area-inset-bottom,0)}.message-center-html .home-tabbar,.message-center-html .home-tabbar .home-tabbar__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.message-center-html .home-tabbar .home-tabbar__item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3px;cursor:pointer}.message-center-html .home-tabbar .home-tabbar__item .home-tabbar__icon{font-size:22px;color:#bbb}.message-center-html .home-tabbar .home-tabbar__item .home-tabbar__label{font-size:11px;color:#bbb;font-weight:500}.message-center-html .home-tabbar .home-tabbar__item.home-tabbar__item--active .home-tabbar__icon{color:#3273f5}.message-center-html .home-tabbar .home-tabbar__item.home-tabbar__item--active .home-tabbar__label{color:#3273f5;font-weight:700}