.msg-item[data-v-9ed8d18e]{position:relative;border-radius:16px;display:grid;grid-template-columns:1fr 1fr 3fr;border:1px solid #ccc;padding:1% 0}.msg-item .page-sign[data-v-9ed8d18e]{position:absolute;top:-1%;right:1%;width:16px;height:16px}.msg-item .table-title[data-v-9ed8d18e]{text-align:center;font-weight:600}.msg-item .content-title[data-v-9ed8d18e]{justify-self:start}.msg-item .user-info[data-v-9ed8d18e]{position:relative;display:grid;grid-template-areas:"avatar userId" "avatar nickname";-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;gap:2%}.msg-item .user-info .user-id[data-v-9ed8d18e]{grid-area:userId;font-size:12px}.msg-item .user-info .avatar[data-v-9ed8d18e]{grid-area:avatar;width:60px}.msg-item .user-info .nickname[data-v-9ed8d18e]{grid-area:nickname}.msg-item .reg-sign1[data-v-9ed8d18e]:before,.msg-item .reg-sign2[data-v-9ed8d18e]:before,.msg-item .reg-sign3[data-v-9ed8d18e]:before,.msg-item .reg-sign[data-v-9ed8d18e]{display:block;border-radius:12px;text-align:center;padding:4px 6px;font-size:10px;background:red;color:#fff;position:absolute;top:0;left:0}.msg-item .reg-sign3[data-v-9ed8d18e]:before{content:"2hour";background:red}.msg-item .reg-sign2[data-v-9ed8d18e]:before{content:"6hour";background:orange}.msg-item .reg-sign1[data-v-9ed8d18e]:before{content:"24hour";background:green}.msg-item .content-info[data-v-9ed8d18e]{display:grid;grid-template-areas:"createTime" "content";-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:1fr;font-size:14px}.msg-item .content-info .createTime[data-v-9ed8d18e]{grid-area:createTime;color:#999}.msg-item .content-info .content[data-v-9ed8d18e]{grid-area:content;color:#000}.msg-item .content-info .content-img[data-v-9ed8d18e]{width:50%;max-width:120px}.tips[data-v-1eaf19bb]{margin-top:5px;font-size:10px;color:#999}.user-info[data-v-6eb9c012]{margin:20px 0}.msg-list[data-v-6eb9c012]{display:grid;grid-template-columns:1fr;gap:10px;height:80%;overflow:auto}.msg-list .msg-item[data-v-6eb9c012]{border-radius:16px;display:grid;grid-template-columns:1fr 1fr 3fr;border:1px solid #ccc;padding:8px}.page-btn[data-v-eea43d4a]{height:16px;background:#409eff;border-radius:16px;text-align:center;cursor:pointer}.msg-list[data-v-eea43d4a]{display:grid;grid-template-columns:1fr;gap:1%;max-height:70vh;overflow:auto}.msg-list .msg-item[data-v-eea43d4a]{border-radius:16px;display:grid;grid-template-columns:1fr 1fr 3fr;border:1px solid #ccc;padding:1% 0}