.em { background: #fff; font: 12px Verdana, sans-serif; min-height: 100%; } .em-head { background: linear-gradient(#ffb02a, #e86a1a); color: #fff; padding: 8px 14px; font-size: 13px; display: flex; gap: 8px; align-items: center; } .em-head b { font: bold italic 20px Georgia; } .em-new { margin-left: auto; color: #fff; text-decoration: underline; }
.em-card { padding: 14px; max-width: 460px; } .em-opt { color: #0000cc; line-height: 1.8; } .em-cols { display: flex; min-height: 280px; } .em-list { width: 40%; border-right: 1px solid #ccc; overflow: auto; max-height: 400px; } .em-row { padding: 5px 8px; border-bottom: 1px solid #eee; cursor: pointer; display: flex; flex-direction: column; } .em-row.unread { font-weight: bold; background: #fff8e0; } .em-row.on { background: #cde; }
.em-read { flex: 1; padding: 10px; } .em-hint { color: #888; } .em-ac { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; } .em-foot { padding: 6px 14px; color: #666; background: #f4f4f4; }