/* 消息：系统消息、私信、好友 */
.messages-page{border-top:1px solid var(--line);padding:26px 0 60px;max-width:760px}
.msg-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.msg-head h2{margin:0;flex:1}.msg-back{color:#2b644e;text-decoration:none}
.msg-card{background:#fff;border:1px solid #dfe6d5;border-radius:10px;padding:14px 16px;margin-bottom:14px}
.msg-tabs{display:flex;gap:6px;margin:8px 0 10px;flex-wrap:wrap}.msg-tabs button{border:1px solid #dfe7d5;background:#fff;border-radius:16px;padding:7px 14px;color:#6f7d66;cursor:pointer;font-size:14px}.msg-tabs button.active{background:#2b644e;border-color:#2b644e;color:#fff}
.msg-dot{color:#c0503f}.msg-tabs button.active .msg-dot{color:#ffd9d0}
.msg-form label{display:block;margin:10px 0;font-size:14px;color:#4d5c47}.msg-form input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:11px 12px;border:1px solid #d6dfcb;border-radius:8px;font-size:16px}.msg-form .primary{width:100%;margin-top:6px}
.msg-error{color:#b04a3a;font-size:13px;min-height:16px;margin:4px 0}.msg-note,.msg-empty{color:#889b77;font-size:13px}
.msg-me{display:flex;justify-content:space-between;align-items:center;color:#4d5c47;font-size:14px}
.msg-link{border:0;background:none;color:#6f8a63;cursor:pointer;text-decoration:underline;font-size:13px}
.msg-row{display:flex;gap:10px;align-items:flex-start;padding:10px 4px;border-bottom:1px solid #eef2e8;color:inherit;text-decoration:none}.msg-row:last-child{border-bottom:0}
.msg-row.unread{background:#f3f8f1}.msg-row p{margin:2px 0;font-size:14px;color:#33463b}.msg-row small{color:#99a58f;font-size:12px}.msg-row>div{flex:1;min-width:0}.msg-row>div p{overflow:hidden;text-overflow:ellipsis}
.msg-ico{font-size:18px}.msg-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#2b644e;color:#fff;font-weight:600;flex:0 0 36px}.msg-avatar.big{width:56px;height:56px;font-size:22px;flex-basis:56px}
.msg-count{background:#c0503f;color:#fff;border-radius:10px;padding:1px 7px;font-size:12px;align-self:center}
.msg-user{display:flex;gap:8px;align-items:center;flex:1;color:inherit;text-decoration:none}.msg-user small{color:#99a58f}
.msg-row .primary,.msg-row .secondary{padding:6px 12px;font-size:13px;text-decoration:none}
.msg-search{display:flex;gap:8px;margin-bottom:8px}.msg-search input{flex:1;padding:10px 12px;border:1px solid #d6dfcb;border-radius:8px;font-size:15px}
.msg-subtabs{margin-top:14px}
.msg-profile{display:flex;gap:14px;align-items:center}.msg-profile h3{margin:0}.msg-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.msg-actions a{text-decoration:none}
.msg-chat{display:flex;flex-direction:column}.msg-list{height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.msg-bubble{max-width:78%;background:#f1f4ec;border-radius:12px 12px 12px 4px;padding:8px 12px;align-self:flex-start}.msg-bubble.mine{background:#2b644e;color:#fff;border-radius:12px 12px 4px 12px;align-self:flex-end}
.msg-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.msg-bubble small{display:block;font-size:11px;opacity:.7;margin-top:3px}
.msg-send{display:flex;gap:8px;align-items:flex-end;margin-top:8px}.msg-send textarea{flex:1;resize:vertical;padding:10px;border:1px solid #d6dfcb;border-radius:8px;font-size:15px;font-family:inherit}
.nav-msg{position:relative}.msg-badge{position:absolute;top:-4px;right:-10px;background:#c0503f;color:#fff;border-radius:10px;font-size:11px;padding:0 6px;line-height:17px;font-style:normal}
.mobile-nav .msg-badge{top:2px;right:calc(50% - 22px)}