:root{--msg-primary:var(--color-brand-500);--msg-primary-d:#e85d30;--msg-primary-l:rgba(255,114,68,.12);--msg-bg:var(--color-gray-100);--msg-sidebar-bg:var(--color-gray-50);--msg-sidebar-active:rgba(255,114,68,.10);--msg-sidebar-hover:rgba(255,114,68,.06);--msg-surface:#ffffff;--msg-border:var(--color-gray-200);--msg-text-1:#1a1d24;--msg-text-2:var(--color-gray-500);--msg-text-3:var(--color-gray-400);--msg-chat-bg:var(--color-gray-200);--msg-bubble-me:var(--color-brand-500);--msg-bubble-other:#ffffff;--msg-radius:var(--radius-lg);--msg-radius-sm:8px;--msg-shadow-lg:0 8px 32px rgba(0,0,0,.14);--msg-tab-h:50px;--msg-header-h:60px;--msg-sidebar-w:280px}.msg-page{display:flex;flex-direction:column;height:calc(100vh - 64px);background:var(--surface-page);overflow:hidden}.inline-msg-panel .msg-page{height:calc(100vh - 80px);margin:0}.inline-msg-panel{width:100%;min-width:0;height:calc(100vh - 80px);overflow:hidden}.msg-container{display:flex;flex:1;height:100%;overflow:hidden;margin:0;border-radius:0;box-shadow:none;background:var(--msg-surface)}.msg-sidebar{width:var(--msg-sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--msg-sidebar-bg);border-right:1px solid var(--msg-border);overflow:hidden;min-height:0}.msg-search-wrap{padding:8px 12px;background:var(--msg-sidebar-bg);border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.msg-search-input{width:100%;height:34px;background:var(--surface-card);border:1px solid #e8edf3;border-radius:var(--radius-md);padding:0 12px 0 36px;font-size:13px;color:#334155;outline:none;transition:all .2s;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.msg-search-input::placeholder{color:#94a3b8}.msg-search-input:focus{background-color:var(--surface-card);border-color:rgba(255,114,68,.4);box-shadow:0 0 0 3px rgba(255,114,68,.08)}.msg-notice-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.msg-notice-header{height:var(--msg-header-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--msg-border);background:var(--msg-surface);flex-shrink:0}.msg-cat-list{flex:1;min-height:0;overflow-y:auto;background:var(--msg-sidebar-bg);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}.msg-cat-list::-webkit-scrollbar{width:4px}.msg-cat-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:var(--radius-sm)}.msg-notice-cat-btn{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name badge" "preview preview";row-gap:3px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--msg-text-2);text-align:left;cursor:pointer;transition:background .15s}.msg-notice-cat-btn:hover{background:var(--msg-sidebar-hover)}.msg-notice-cat-btn.active{background:var(--msg-sidebar-active)}.msg-notice-cat-btn.active .msg-cat-name{color:var(--msg-primary);font-weight:var(--font-weight-semibold)}.msg-cat-name{grid-area:name;font-size:13px;color:var(--msg-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-cat-badge{grid-area:badge;align-self:center;min-width:18px;padding:1px 6px;border-radius:var(--radius-xl);background:var(--msg-primary);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-semibold);text-align:center;line-height:16px}.msg-cat-preview{grid-area:preview;font-size:12px;color:var(--msg-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-cat-preview-empty{opacity:.6}.msg-notice-header-title{font-size:16px;font-weight:var(--font-weight-bold);color:var(--msg-text-1)}.msg-mark-all-read-btn{display:inline-flex;align-items:center;padding:5px 14px;background:var(--msg-primary-l);color:var(--msg-primary);border:1px solid rgba(255,114,68,.2);border-radius:var(--radius-xl);font-size:12px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.msg-mark-all-read-btn:hover{background:var(--msg-primary);color:var(--color-white)}.msg-notice-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.msg-notice-body::-webkit-scrollbar{width:4px}.msg-notice-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:var(--radius-sm)}.msg-notice-item{padding:16px 20px;border-bottom:1px solid var(--msg-border);transition:background .15s;cursor:pointer;position:relative}.msg-notice-item:hover{background:var(--color-gray-50)}.msg-notice-item.unread{border-left:3px solid var(--msg-primary);padding-left:17px}.msg-notice-item.unread::before{content:'';position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--msg-primary)}.msg-notice-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.msg-notice-type-tag{display:inline-flex;align-items:center;gap:4px;background:var(--msg-primary);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-sm)}.msg-notice-item-title{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--msg-text-1);margin-left:8px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-notice-item-time{font-size:11px;color:var(--msg-text-3);flex-shrink:0;margin-left:8px}.msg-notice-item-body{font-size:13px;line-height:var(--line-height-relaxed);color:var(--msg-text-2)}.msg-mark-read-btn{display:inline-block;margin-top:8px;padding:3px 12px;background:var(--color-gray-100);border:none;border-radius:var(--radius-sm);font-size:12px;color:var(--msg-text-2);cursor:pointer;transition:all .15s}.msg-mark-read-btn:hover{background:var(--msg-primary-l);color:var(--msg-primary)}.msg-notice-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--msg-text-3);font-size:13px;gap:10px;text-align:center}.msg-notice-load-more{text-align:center;padding:14px}.msg-notice-load-more button{padding:6px 24px;background:none;border:1px solid var(--msg-border);border-radius:var(--radius-xl);font-size:13px;color:var(--msg-text-2);cursor:pointer;transition:all .15s}.msg-notice-load-more button:hover{border-color:var(--msg-primary);color:var(--msg-primary)}.msg-img-preview{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;align-items:center;justify-content:center}.msg-img-preview.show{display:flex}.msg-img-preview img{max-width:90vw;max-height:90vh;border-radius:var(--radius-md);box-shadow:0 4px 40px rgba(0,0,0,.5)}.msg-img-preview-close{position:fixed;top:20px;right:20px;width:36px;height:36px;background:rgba(255,255,255,.15);border:none;border-radius:50%;color:var(--color-white);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.msg-img-preview-close:hover{background:rgba(255,255,255,.3)}.msg-sidebar .msg-search-wrap{padding:8px 12px;background:var(--msg-sidebar-bg);border-bottom:1px solid var(--color-gray-100);flex-shrink:0}@media (max-width:992px){.msg-page{height:calc(100vh - 56px)}.msg-container{margin:0;border-radius:0}.msg-sidebar{width:100%;border-radius:0}.msg-main{display:none}.msg-container.chat-open .msg-sidebar{display:none}.msg-container.chat-open .msg-main{display:flex;width:100%;border-radius:0;border-left:none}.msg-mobile-back{display:flex;align-items:center;gap:6px;padding:0 8px 0 0;background:none;border:none;color:var(--msg-primary);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer}}@media (min-width:992px){.msg-mobile-back{display:none}}.msg-skeleton-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.msg-skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 75%);background-size:200% 100%;animation:msg-shimmer 1.4s infinite}.msg-skeleton-info{flex:1;display:flex;flex-direction:column;gap:8px}.msg-skeleton-line{height:10px;border-radius:var(--radius-sm);background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 75%);background-size:200% 100%;animation:msg-shimmer 1.4s infinite}@keyframes msg-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.msg-main{flex:1;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--msg-border);background:var(--msg-surface);border-radius:0;position:relative}