.mail-center{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(300px,420px);gap:16px;align-items:start}.mail-center aside,.mail-center section{min-height:65vh}.mail-center aside button{width:100%;text-align:left;margin:4px 0}.mail-center aside button small{display:block}.mail-list{display:grid;gap:6px}.mail-list button{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:14px;border:1px solid var(--line,#d8e5ea);border-radius:12px;background:#fff}.mail-list button.unread{border-left:4px solid #087d9c;background:#f3fbfd}.mail-list span,.mail-list small{display:block}.mail-body{max-height:55vh;overflow:auto;padding:14px;border:1px solid var(--line,#d8e5ea);border-radius:12px;background:white}.mail-body img{max-width:100%}@media(max-width:1100px){.mail-center{grid-template-columns:1fr}.mail-center aside,.mail-center section{min-height:auto}}