#msg-board{--msg-border:var(--red-5, rgba(255, 228, 228, 0.6));--msg-card:var(--color-wrap, #fff);--msg-text:var(--highlight-foreground, #555);--msg-muted:var(--highlight-comment, #999);--msg-accent:var(--red-1, #ff5252);--msg-accent-soft:var(--red-2, #ff7c7c);--msg-hover:rgba(255, 82, 82, 0.06);max-width:1080px;margin:0 auto;padding:10px 0 40px}html[data-theme=dark] #msg-board{--msg-border:rgba(255, 255, 255, 0.08);--msg-hover:rgba(255, 255, 255, 0.04)}html:has(.msg-modal.open) .aos-animate{transform:none!important}.msg-header{text-align:center;margin-bottom:20px}.messages-title{font-size:26px;font-weight:700;color:var(--msg-accent);margin:0 0 8px}.messages-subtitle{font-size:14px;color:var(--msg-muted);margin:0}.msg-notice{position:relative;margin-bottom:16px;padding:12px 36px 12px 16px;border-radius:12px;background:var(--msg-card);border:1px solid var(--msg-border);box-shadow:0 2px 8px rgba(0,0,0,.04)}#msg-board.notice-hidden .msg-notice{display:none}.msg-notice-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--msg-muted);line-height:1.6}.msg-notice-item+.msg-notice-item{margin-top:4px}.msg-notice-tag{flex-shrink:0;padding:0 8px;border-radius:999px;font-size:11px;line-height:18px;color:#fff;background:var(--msg-accent-soft)}.msg-notice-tag-warn{background:#f59e0b}.msg-notice-meta{margin-top:8px;font-size:11.5px;color:var(--msg-muted);opacity:.8}.msg-notice-dot{margin:0 6px}.msg-notice-close{position:absolute;top:10px;right:10px;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:0 0;color:var(--msg-muted);font-size:16px;line-height:1;cursor:pointer;transition:background .2s,color .2s}.msg-notice-close:hover{background:var(--msg-hover);color:var(--msg-accent)}.msg-body{display:flex;align-items:flex-start;gap:16px}.msg-main{flex:1;min-width:0;background:var(--msg-card);border:1px solid var(--msg-border);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:16px}.msg-status{text-align:center;padding:40px 20px;font-size:14px;color:var(--msg-muted)}.msg-list .msg-card{padding:14px 0;border-top:1px solid var(--msg-border);animation:msgFadeIn .4s ease forwards}.msg-list .msg-card:first-child{border-top:none}@keyframes msgFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-card{display:flex;gap:12px}.msg-avatar-wrap{flex-shrink:0}.msg-avatar{display:block;width:40px;height:40px;border-radius:50%;border:2px solid var(--msg-border);object-fit:cover;transition:border-color .2s}.msg-card:hover>.msg-avatar-wrap .msg-avatar{border-color:var(--msg-accent-soft)}.msg-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--msg-hover);color:var(--msg-accent-soft);font-size:16px;font-weight:700}.msg-card-body{flex:1;min-width:0}.msg-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.msg-nick{font-size:14px;font-weight:700;color:var(--msg-accent-soft)}.msg-badge{padding:0 8px;border-radius:999px;font-size:10px;line-height:17px;color:#fff;background:var(--msg-accent)}.msg-badge-owner{background:#f59e0b}.msg-time{font-size:12px;color:var(--msg-muted)}.msg-at{margin-top:2px;font-size:12px;color:var(--msg-accent-soft)}.msg-card-content{margin-top:6px;font-size:14px;line-height:1.7;color:var(--msg-text);word-break:break-word}.msg-card-content p{margin:0 0 6px}.msg-card-content p:last-child{margin-bottom:0}.msg-card-content img{max-width:100%;border-radius:8px;vertical-align:middle}.msg-card-content a{color:var(--msg-accent)}.msg-card-content blockquote{margin:6px 0;padding:6px 12px;border-left:3px solid var(--msg-accent-soft);background:var(--msg-hover);border-radius:0 8px 8px 0}.msg-card-content pre{padding:10px;border-radius:8px;background:var(--msg-hover);overflow-x:auto}.msg-card-content code{padding:1px 5px;border-radius:4px;background:var(--msg-hover);font-size:13px}.msg-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11.5px;color:var(--msg-muted)}.msg-reply-btn{margin-left:auto;padding:2px 12px;border:1px solid var(--msg-border);border-radius:999px;background:0 0;color:var(--msg-muted);font-size:11.5px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.msg-reply-btn:hover{color:var(--msg-accent);border-color:var(--msg-accent-soft);background:var(--msg-hover)}.msg-children{margin-top:10px;padding-left:14px;border-left:2px solid var(--msg-border)}.msg-card-child{padding:10px 0}.msg-card-child .msg-avatar{width:30px;height:30px}.msg-card-child .msg-avatar-fallback{font-size:13px}.msg-load-more{display:block;margin:6px auto 18px;padding:8px 26px;border-radius:999px;border:1px solid var(--msg-border);background:0 0;color:var(--msg-accent-soft);font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.msg-load-more:hover{background:var(--msg-hover);border-color:var(--msg-accent-soft)}.msg-editor{border:1px solid var(--msg-border);border-radius:12px;padding:12px;transition:border-color .2s}.msg-editor:focus-within{border-color:var(--msg-accent-soft)}.msg-editor-meta{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-bottom:8px}.msg-input{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--msg-border);background:0 0;color:var(--msg-text);font-size:13px;outline:0;transition:border-color .2s}.msg-input:focus{border-color:var(--msg-accent-soft)}.msg-textarea{width:100%;min-height:84px;padding:10px;border-radius:8px;border:1px solid var(--msg-border);background:0 0;color:var(--msg-text);font-size:14px;line-height:1.6;resize:vertical;outline:0;box-sizing:border-box;transition:border-color .2s}.msg-textarea:focus{border-color:var(--msg-accent-soft)}.msg-editor-actions{position:relative;display:flex;align-items:center;gap:10px;margin-top:8px}.msg-tool-btn{padding:4px 6px;border:none;border-radius:6px;background:0 0;font-size:18px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.msg-tool-btn:hover{background:var(--msg-hover);transform:scale(1.1)}.msg-counter{margin-left:auto;font-size:12px;color:var(--msg-muted)}.msg-counter.over{color:#ef4444;font-weight:700}.msg-reply-tip{max-width:40%;padding:2px 10px;border-radius:999px;background:var(--msg-hover);color:var(--msg-accent-soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.msg-send-btn{padding:7px 22px;border:none;border-radius:999px;background:var(--msg-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.msg-send-btn:hover:not(:disabled){opacity:.85}.msg-send-btn:disabled{background:var(--msg-border);color:var(--msg-muted);cursor:not-allowed}.msg-emoji-panel{position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;display:grid;grid-template-columns:repeat(9,30px);gap:2px;padding:10px;border-radius:12px;background:var(--msg-card);border:1px solid var(--msg-border);box-shadow:0 8px 24px rgba(0,0,0,.15)}.msg-emoji-panel[hidden]{display:none}.msg-emoji-item{width:30px;height:30px;padding:0;border:none;border-radius:6px;background:0 0;font-size:18px;line-height:1;cursor:pointer;transition:background .15s,transform .15s}.msg-emoji-item:hover{background:var(--msg-hover);transform:scale(1.2)}#msg-toast{position:fixed;top:80px;left:50%;z-index:999;padding:10px 22px;border-radius:999px;background:rgba(30,30,30,.9);color:#fff;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.25);opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .25s,transform .25s}#msg-toast.visible{opacity:1;transform:translate(-50%,0)}.msg-members{flex:0 0 220px;background:var(--msg-card);border:1px solid var(--msg-border);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}.msg-members-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--msg-border)}.msg-members-title{flex:1;font-size:14px;font-weight:600;color:var(--msg-text)}.msg-members-count{padding:0 8px;border-radius:999px;font-size:11px;line-height:18px;color:#fff;background:var(--msg-accent-soft)}.msg-members-toggle{display:none;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:0 0;color:var(--msg-muted);font-size:16px;cursor:pointer}.msg-member-list{max-height:640px;overflow-y:auto;padding:6px 0}.msg-member{display:flex;align-items:center;gap:10px;padding:8px 14px;animation:msgFadeIn .4s ease forwards;opacity:0;transition:background .2s}.msg-member:hover{background:var(--msg-hover)}.msg-member .msg-avatar{width:32px;height:32px}.msg-member .msg-avatar-fallback{font-size:13px}.msg-member-info{flex:1;min-width:0}.msg-member-name-line{display:flex;align-items:center;gap:6px}.msg-member-name{font-size:13px;font-weight:600;color:var(--msg-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-member-badge{flex-shrink:0;padding:0 6px;border-radius:999px;font-size:10px;line-height:16px;color:#fff;background:var(--msg-accent)}.msg-member-ua{font-size:11px;color:var(--msg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-member-points{flex-shrink:0;min-width:26px;text-align:center;padding:1px 7px;border-radius:999px;font-size:11px;color:var(--msg-accent-soft);border:1px solid var(--msg-border)}.msg-member-empty{padding:30px 14px;text-align:center;font-size:12.5px;color:var(--msg-muted)}.msg-members-fab{display:none;position:fixed;right:18px;bottom:80px;width:46px;height:46px;border:none;border-radius:50%;background:var(--msg-accent);color:#fff;font-size:20px;box-shadow:0 4px 16px rgba(0,0,0,.25);cursor:pointer;z-index:90}@media (max-width:960px){.msg-body{display:block}.msg-members{position:fixed;top:0;right:0;bottom:0;z-index:200;flex:none;width:min(300px,84vw);border-radius:0;transform:translateX(100%);transition:transform .25s ease}#msg-board.members-open .msg-members{transform:translateX(0);box-shadow:-8px 0 30px rgba(0,0,0,.3)}#msg-board.members-open .msg-members .msg-members-toggle{display:block}.msg-member-list{max-height:none;height:calc(100vh - 50px)}.msg-members-fab{display:block}}@media (max-width:600px){.messages-title{font-size:22px}.msg-main{padding:12px}.msg-editor-meta{grid-template-columns:1fr}.msg-avatar{width:32px;height:32px}.msg-children{padding-left:10px}.msg-emoji-panel{grid-template-columns:repeat(6,30px)}.msg-notice-item{flex-wrap:wrap}}