/* ext-mailbox.css — 我的邮箱（地址 / 收件箱 / 正文）专属样式。 */
#mbBody { animation: mb-fade .18s ease; }
@keyframes mb-fade { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }

#mbBody .ext-badge.ext-code { font-size: 13.5px; letter-spacing: .4px; padding: 4px 12px; }
.mb-count { color: var(--muted); font-size: 12.5px; }

.mb-mail {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 11px 14px;
  margin: 8px 0;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.mb-mail:hover { border-color: rgba(154, 120, 255, .55); background: var(--surface-2); }
.mb-mail-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mb-mail-head b { font-size: 13.5px; }
.mb-mail-time { margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.mb-mail-from { color: var(--muted); font-size: 12px; margin-top: 3px; word-break: break-all; }
.mb-mail-preview { color: var(--text); font-size: 12.5px; margin-top: 5px; opacity: .82; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.mb-body {
  white-space: pre-wrap;
  word-break: break-word;
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
  max-height: 46vh;
  overflow: auto;
  font-size: 12.5px;
  line-height: 1.65;
  margin: 10px 0;
}
.mb-links { margin: 8px 0 14px; font-size: 12.5px; }
.mb-links summary { cursor: pointer; color: var(--muted); }
.mb-links a { color: #9a78ff; word-break: break-all; }

@media (max-width: 640px) {
  #mbBody .ext-row { align-items: stretch; }
  #mbBody .ext-row .ext-btn { width: 100%; }
}