.mail-shell{display:grid;grid-template-columns:minmax(330px,.8fr) 1.2fr;gap:16px;min-height:680px}.mail-list,.mail-reader{padding:20px}.mail-list .head small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.mail-row{display:flex;width:100%;gap:11px;padding:14px 4px;border:0;border-bottom:1px solid #edf1ef;background:white;text-align:left}.mail-row:hover{background:#f4f8f6}.mail-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#dff2ec;color:var(--teal);font-weight:bold}.mail-row div{min-width:0}.mail-row b,.mail-row strong,.mail-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row b{font-size:11px}.mail-row strong{font-size:12px;margin:5px 0}.mail-row small{font-size:9px;color:var(--muted)}.mail-placeholder,.mail-loading,.mail-empty{text-align:center;color:var(--muted);padding:90px 20px}.mail-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.mail-title h2{font-size:20px;margin:0 0 12px}.mail-title p{font-size:10px;color:var(--muted);line-height:1.8}.mail-body{white-space:pre-wrap;word-wrap:break-word;font:12px/1.8 Arial,"Microsoft YaHei",sans-serif;padding:20px 2px;max-height:560px;overflow:auto}.compose textarea{resize:vertical}@media(max-width:950px){.mail-shell{grid-template-columns:1fr}.mail-reader{min-height:400px}}