.message-page[data-v-0fca54b6] { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; background: #f1f5f9;
}
.header-white[data-v-0fca54b6] { background: #fff; flex-shrink: 0; padding: 16px; border-bottom: 1px solid #f1f5f9;
}
.header-title[data-v-0fca54b6] { font-size: 18px; font-weight: 700; color: #1e293b;
}
.content-area[data-v-0fca54b6] { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px;
}
.loading-state[data-v-0fca54b6], .empty-state[data-v-0fca54b6] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 80px 0; font-size: 14px; color: #94a3b8;
}
.msg-card[data-v-0fca54b6] { background: #fff; border-radius: 14px; padding: 14px; display: flex; align-items: center; gap: 12px; margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); cursor: pointer;
}
.msg-card[data-v-0fca54b6]:active { transform: scale(0.985);
}
.msg-icon[data-v-0fca54b6] { flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: #d1fae5; display: flex; align-items: center; justify-content: center;
}
.msg-body[data-v-0fca54b6] { flex: 1; min-width: 0;
}
.msg-tag[data-v-0fca54b6] { font-size: 13px; font-weight: 600; color: #1e293b; display: flex; align-items: center; gap: 8px; margin-bottom: 4px;
}
.msg-title[data-v-0fca54b6] { font-size: 14px; color: #475569; line-height: 1.4; margin-bottom: 6px;
}
.msg-time[data-v-0fca54b6] { font-size: 12px; color: #94a3b8;
}