.chat-container{background:var(--white);min-height:100vh;font-family:var(--font);color:var(--text);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.chat-header{z-index:100;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0;background:var(--white)!important}.chat-header .back-btn{color:var(--primary);margin-right:12px;font-size:24px;text-decoration:none}.chat-header h1{color:var(--title);font-size:18px;font-family:var(--font_m);flex:1}.chat-filters{border-bottom:1px solid var(--border);gap:12px;padding:12px 16px 16px;display:flex}.chat-filter-chip{font-size:13px;font-family:var(--font_m);color:var(--text);cursor:pointer;background:#f5f5f5;border-radius:16px;align-items:center;padding:6px 14px;display:inline-flex;position:relative}.chat-filter-chip.active{color:var(--red);background:#fff0f0}.chat-filter-dot{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:-2px}.chat-list{flex-direction:column;display:flex}.chat-item{border-bottom:1px solid var(--border);background:var(--white);align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.chat-item:active{background:#fafafa}.chat-avatar-wrapper{flex-shrink:0;width:48px;height:48px;position:relative}.chat-avatar{object-fit:cover;border:1px solid #eee;border-radius:50%;width:100%;height:100%}.chat-avatar-badge{color:var(--white);white-space:nowrap;font-size:9px;font-family:var(--font_b);border:1px solid #fff;border-radius:2px;padding:1px 4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.badge-live,.badge-mall{background:var(--red)}.badge-fav{background:var(--primary)}.chat-content{flex:1;min-width:0}.chat-row-top{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chat-name{font-size:15px;font-family:var(--font_m);color:var(--title);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:8px;overflow:hidden}.chat-time{color:var(--text-sub);flex-shrink:0;font-size:11px}.chat-row-bottom{justify-content:space-between;align-items:center;display:flex}.chat-msg{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:12px;font-size:13px;overflow:hidden}.chat-msg.unread-text{color:var(--title);font-family:var(--font_m)}.chat-unread-badge{background:var(--red);color:var(--white);font-size:11px;font-family:var(--font_b);text-align:center;border-radius:10px;min-width:20px;padding:2px 6px}