.message-list{margin-top:16px}.message-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:var(--radius);padding:12px 16px;border:1px solid var(--border);box-shadow:0 6px 18px rgba(30,64,175,.08);margin-bottom:12px}.select-all{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.toolbar-actions{display:flex;gap:8px}.toolbar-btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:8px 14px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s}.toolbar-btn.primary{background:linear-gradient(135deg,var(--brand) 0,var(--brand-2) 100%);border-color:transparent;color:#fff}.toolbar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.08)}.message-card{background:var(--card);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;box-shadow:0 10px 24px rgba(15,23,42,.08);border:1px solid var(--border);transition:all .3s;cursor:pointer;position:relative;display:flex;gap:12px}.message-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.12)}.message-card.unread{border-left:4px solid #2563eb;background:linear-gradient(90deg,rgba(37,99,235,.08),rgba(37,99,235,.01) 55%,#fff 100%)}.message-card.read{opacity:.92}.message-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.message-header-actions{display:flex;align-items:center;gap:8px}.message-select{display:flex;align-items:flex-start;padding-top:3px}.message-select input{width:16px;height:16px;accent-color:#2563eb}.message-body{flex:1}.message-title{font-size:16px;font-weight:600;color:var(--text);flex:1;margin-right:10px;display:flex;align-items:center;gap:8px}.message-badge{width:7px;height:7px;border-radius:50%;background:#2563eb;flex-shrink:0}.message-type{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid transparent}.message-delete{border:none;background:0 0;color:#ef4444;font-size:12px;cursor:pointer;padding:2px 4px}.message-delete:hover{text-decoration:underline}.message-type.info{background:rgba(59,130,246,.12);color:#1d4ed8;border-color:rgba(59,130,246,.2)}.message-type.activity{background:rgba(245,158,11,.15);color:#b45309;border-color:rgba(245,158,11,.2)}.message-type.course{background:rgba(16,185,129,.14);color:#047857;border-color:rgba(16,185,129,.2)}.message-time{font-size:12px;color:#999;white-space:nowrap}.message-content{font-size:14px;color:var(--muted);line-height:1.6;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.message-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#94a3b8;white-space:nowrap}.message-link{display:inline-block;margin-top:10px;padding:8px 16px;background:rgba(37,99,235,.12);color:#1d4ed8;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s}.message-link:hover{background:rgba(37,99,235,.2)}.empty-messages{text-align:center;padding:60px 20px;color:#999}.empty-messages .empty-icon{font-size:64px;margin-bottom:20px}.empty-messages p{font-size:15px}.load-more{text-align:center;margin-top:20px}.load-more-btn{background:var(--card);border:1px solid var(--border);padding:12px 30px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .3s}.load-more-btn:hover{background:#f5f5f5;border-color:#bdbdbd}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;z-index:999;padding:20px}.modal.show{display:flex}.modal-content{width:100%;max-width:520px;background:#fff;border-radius:12px;box-shadow:0 18px 48px rgba(15,23,42,.2);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf2f7}.modal-header h3{font-size:16px;margin:0;color:var(--text)}.close-btn{border:none;background:0 0;font-size:20px;cursor:pointer;color:#94a3b8}.modal-body{padding:16px}.message-detail-meta{font-size:12px;color:#94a3b8;margin-bottom:10px}.message-detail-content{font-size:14px;color:var(--text);line-height:1.7;white-space:pre-wrap}.message-detail-link{display:inline-block;margin-top:12px;padding:8px 14px;background:rgba(37,99,235,.12);color:#1d4ed8;border-radius:8px;font-size:13px;text-decoration:none}@media (max-width:480px){.message-toolbar{flex-direction:column;align-items:flex-start}.toolbar-actions{width:100%}.toolbar-btn{flex:1;text-align:center}.message-card{padding:14px 14px}}