*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;background:#f5f5f5;color:#1f2937}button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px;background:#07c160;color:#fff;transition:background .15s}button:hover:not(:disabled){background:#06ad56}button:disabled{background:#9ca3af;cursor:not-allowed}button.secondary{background:#e5e7eb;color:#374151}button.secondary:hover:not(:disabled){background:#d1d5db}button.danger{background:transparent;color:#fa5151}button.danger:hover:not(:disabled){background:#fef2f2}input{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e5e5;border-radius:0;font-size:14px;background:transparent}input:focus{outline:none;border-bottom-color:#07c160}label{display:block;font-size:13px;color:#4b5563;margin-bottom:4px}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:16px;background:#f5f5f5}.auth-card{width:100%;max-width:380px;background:#fff;border-radius:14px;padding:32px 28px;box-shadow:0 12px 40px rgba(0,0,0,.18);text-align:center}.auth-logo{width:64px;height:64px;border-radius:16px;background:#07c160;color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 6px 16px rgba(7,193,96,.35)}.auth-card h1{font-size:22px;margin-bottom:8px;color:#1f2937}.auth-card .subtitle{font-size:13px;color:#6b7280;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.auth-card .subtitle2{font-size:12px;color:#9ca3af;line-height:1.7;margin-bottom:20px}.auth-card .field{text-align:left}.auth-card .btn-row button:first-child{background:#07c160;flex:1}.auth-card .btn-row button:first-child:hover:not(:disabled){background:#059e4f}.auth-card .btn-row button:last-child{flex:1}.field{margin-bottom:16px}.btn-row{display:flex;gap:10px;margin-top:8px}.auth-remember-row{display:flex;align-items:center;margin-bottom:6px;margin-top:-4px}.auth-remember-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#6b7280;user-select:none}.auth-remember-label input[type=checkbox]{width:14px;height:14px;accent-color:#07c160;cursor:pointer}.auth-remember-label:hover{color:#4b5563}.auth-form{text-align:left}.auth-pw-wrap{position:relative}.auth-pw-wrap input{padding-right:36px}.auth-pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.auth-pw-toggle:hover{color:#4b5563}.btn-row button:disabled{opacity:.6;cursor:not-allowed}.auth-links-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.link-btn{background:none;border:none;padding:0;font-size:13px;color:#07c160;cursor:pointer}.link-btn:hover{color:#059e4f;text-decoration:underline}.auth-trust-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;padding-top:14px;border-top:1px solid #f0f0f0;font-size:12px;color:#9ca3af}.auth-trust-row svg{color:#07c160}.msg-list{flex:1;overflow-y:auto;padding:16px;position:relative}.vrow{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.wx-modal-sub{font-size:12px;color:#9ca3af;font-weight:400;margin-left:4px}.error-box{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:13px;margin-bottom:14px;word-break:break-all}.success-box{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:6px;padding:8px 12px;font-size:13px;margin-bottom:14px}.radio-row{display:flex;gap:16px;padding:6px 0}.radio-label{display:flex;align-items:center;gap:4px;font-size:14px;color:#333;cursor:pointer}.radio-label input[type=radio]{margin:0;cursor:pointer}.species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:6px 0}.species-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .15s ease;user-select:none}.species-card:hover{border-color:#bbb;background:#fafafa}.species-card.active{border-color:#07c160;background:#f0fdf4}.species-emoji{font-size:24px;line-height:1}.species-name{font-size:11px;color:#666;text-align:center;line-height:1.2}.species-card.active .species-name{color:#07c160;font-weight:500}.chat-page{display:flex;flex-direction:row;height:100vh;background:#f5f5f5;overflow:hidden}.nav-bar{width:54px;min-width:54px;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px;background:#f5f5f5;border-right:1px solid #e5e5e5;z-index:20}.nav-avatar{position:relative;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:16px;cursor:pointer;margin-bottom:8px;user-select:none}.nav-avatar:hover{filter:brightness(1.1)}.nav-conn-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#b8b8b8;border:1.5px solid #f5f5f5}.nav-conn-dot.online{background:#07c160}.nav-conn-dot.connecting{background:#f2a33c}.nav-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.nav-group.bottom{flex:0 0 auto}.nav-item{position:relative;width:38px;height:38px;padding:0;border-radius:8px;background:transparent;color:#7f7f7f;display:flex;align-items:center;justify-content:center;transition:color .15s}.nav-item:hover:not(:disabled){color:#333}.nav-item.active{color:#07c160}.nav-item.active:hover:not(:disabled){color:#06ad56}.nav-badge{position:absolute;top:1px;right:-2px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#fa5151;color:#fff;font-size:10px;font-weight:500;display:flex;align-items:center;justify-content:center;border:1.5px solid #f5f5f5}.sidebar{width:260px;min-width:260px;display:flex;flex-direction:column;background:#f5f5f5;border-right:1px solid #e5e5e5}.sidebar-top{display:flex;align-items:center;gap:8px;padding:12px 12px 8px;background:#f5f5f5}.search-capsule{flex:1;display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;background:#e8e8e8;color:#9a9a9a}.search-capsule input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#333;padding:0;height:100%}.search-capsule input::placeholder{color:#9a9a9a}.icon-btn{width:30px;height:30px;padding:0;border-radius:50%;background:transparent;color:#7f7f7f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover:not(:disabled){color:#333}.add-menu-wrap{position:relative}.add-menu-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.add-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:148px;background:#fff;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:0;display:flex;flex-direction:column;gap:0;z-index:30;overflow:hidden}.add-menu-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border:none;background:transparent;border-radius:0;font-size:14px;color:#333;cursor:pointer;text-align:left}.add-menu-item:first-child{padding-top:8px}.add-menu-item:last-child{padding-bottom:8px}.add-menu-item+.add-menu-item{border-top:1px solid #e5e5e5}.add-menu-item:hover{background:#efefef}.add-menu-item svg{color:#555;flex-shrink:0}.conv-menu-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39}.conv-menu{position:fixed;z-index:40;min-width:158px;background:#fff;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.14);padding:5px 0;display:flex;flex-direction:column}.conv-menu-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border:none;background:transparent;font-size:13px;color:#333;cursor:pointer;text-align:left;width:100%}.conv-menu-item:hover{background:#efefef}.conv-menu-item.danger{color:#fa5151}.conv-menu-item.danger:hover{background:#fef2f2}.conv-menu-item.danger svg{color:#fa5151}.conv-pin{color:#07c160;vertical-align:-2px;margin-right:4px;flex-shrink:0}.conv-mute{color:#b2b2b2;flex-shrink:0}.msg-menu{min-width:148px}.quote-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f5f5f5;border-left:3px solid #07c160;border-radius:4px;padding:5px 10px;margin:0 12px 6px;min-height:30px}.quote-info{display:flex;flex-direction:column;min-width:0}.quote-sender{font-size:11px;color:#576b95;line-height:1.3}.quote-text{font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px;line-height:1.4}.quote-close{border:none;background:transparent;color:#999;cursor:pointer;display:inline-flex;padding:2px;flex-shrink:0}.quote-close:hover{color:#333}.forward-modal{width:320px;max-height:440px;display:flex;flex-direction:column}.forward-body{overflow-y:auto;padding:6px 0 10px}.forward-group-title{font-size:12px;color:#b2b2b2;padding:8px 16px 4px}.forward-target{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;color:#333;text-align:left}.forward-target:hover{background:#ebebeb}.forward-avatar{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500;flex-shrink:0}.forward-avatar.group{background:#8e6dcf}.forward-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forward-empty{padding:24px 16px;text-align:center;color:#b2b2b2;font-size:13px}.wx-modal{background:#f5f5f5;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden}.wx-modal-head{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 44px 12px}.wx-modal-title{font-size:15px;font-weight:500;color:#333}.modal-x{position:absolute;right:12px;top:12px;width:28px;height:28px;border:none;background:transparent;border-radius:6px;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-x:hover{background:#e8e8e8}.green-btn{height:36px;padding:0 18px;border:none;border-radius:6px;background:#07c160;color:#fff;font-size:14px;cursor:pointer;flex-shrink:0}.green-btn:hover:not(:disabled){background:#06ad56}.green-btn:disabled{opacity:.6;cursor:not-allowed}.add-friend-modal{width:420px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 64px)}.af-search{display:flex;gap:10px;padding:4px 20px 12px}.af-search .search-capsule{background:#fff;border:1px solid #e5e5e5}.af-results{flex:1;overflow-y:auto;padding:0 0 12px;display:flex;flex-direction:column;gap:2px}.af-empty{padding:40px 16px;text-align:center;font-size:13px;color:#9a9a9a}.af-card{background:#fff;border-radius:8px;margin:0 20px 14px;padding:20px}.af-card-head{display:flex;gap:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.af-card-avatar{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:600;flex-shrink:0}.af-card-info{display:flex;flex-direction:column;gap:8px;padding-top:6px;min-width:0}.af-card-name{font-size:17px;font-weight:500;color:#333}.af-card-meta{font-size:13px;color:#9a9a9a}.af-card-actions{display:flex;justify-content:center;gap:24px;padding-top:16px}.af-action{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;color:#576b95;font-size:13px;cursor:pointer;padding:6px 18px;border-radius:6px}.af-action:hover{background:#f5f5f5}.af-action.disabled{color:#b0b0b0;cursor:default}.af-action.disabled:hover{background:transparent}.af-card.stranger{background:#f0f0f0}.af-card-name{display:flex;align-items:center;gap:8px}.af-person-badge{flex-shrink:0}.af-add-btn{display:block;margin:0 auto;border:none;background:#d9d9d9;color:#333;font-size:14px;padding:9px 22px;border-radius:6px;cursor:pointer}.af-add-btn:hover{background:#cfcfcf}.af-card.stranger .af-card-actions{padding:44px 0 28px}.group-form-modal{width:620px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 64px)}.gf-body{flex:1;display:flex;min-height:0;border-top:1px solid #e8e8e8}.gf-left{flex:1.1;display:flex;flex-direction:column;gap:8px;padding:12px;border-right:1px solid #e8e8e8;min-width:0}.gf-left .search-capsule{flex:none;width:100%;background:#fff;border:1px solid #e5e5e5}.gf-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.gf-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:6px;cursor:pointer}.gf-item:hover{background:#ebebeb}.gf-check{width:18px;height:18px;border-radius:50%;border:1px solid #c9c9c9;background:#fff;flex-shrink:0;position:relative}.gf-check.on{background:#07c160;border-color:#07c160}.gf-check.on:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.gf-name{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-right{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-width:0}.gf-title{font-size:14px;font-weight:500;color:#333}.gf-sel-title{font-size:12px;color:#9a9a9a}.gf-chips{display:flex;flex-wrap:wrap;gap:6px}.gf-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;background:#fff;border:1px solid #e0e0e0;border-radius:14px;font-size:12px;color:#333}.gf-chip-avatar{width:20px;height:20px;border-radius:4px;color:#fff;font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gf-chip button{border:none;background:transparent;color:#999;font-size:11px;cursor:pointer;padding:0}.gf-chip button:hover{color:#e64340}.gf-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #e8e8e8;background:#f5f5f5}.me-card-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.me-card{position:fixed;left:62px;top:14px;width:300px;background:#fff;border-radius:10px;box-shadow:0 10px 32px rgba(0,0,0,.18);z-index:91;overflow:hidden}.me-card-head{display:flex;gap:14px;padding:20px 18px;border-bottom:1px solid #f0f0f0}.me-card-avatar{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:600;flex-shrink:0}.me-card-info{display:flex;flex-direction:column;gap:6px;padding-top:4px;min-width:0}.me-card-name{font-size:17px;font-weight:500;color:#333}.me-card-meta{font-size:13px;color:#9a9a9a}.me-card-actions{padding:6px 0}.me-card-action{display:flex;align-items:center;gap:10px;width:100%;padding:12px 18px;border:none;background:transparent;font-size:14px;color:#576b95;cursor:pointer;text-align:left}.me-card-action:hover{background:#f5f5f5}.avatar{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:17px;flex-shrink:0;user-select:none}.avatar.add{background:#e8e8e8;color:#888;font-size:20px}.conv-list{flex:1;overflow-y:auto;padding:4px 0}.conv-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 6px;border-radius:8px;cursor:pointer;transition:background .12s}.conv-item:hover{background:#efefef}.conv-item.active{background:#07c160}.conv-item.active:hover{background:#06ad56}.conv-item.active .conv-title,.conv-item.active .conv-preview,.conv-item.active .conv-time{color:#fff}.conv-item.active .conv-preview{opacity:.85}.conv-avatar{position:relative;flex-shrink:0}.conv-info{flex:1;min-width:0}.conv-title{font-size:14px;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;max-width:100%}.conv-preview{font-size:12px;color:#9ca3af;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.conv-time{flex-shrink:0;font-size:11px;color:#b2b2b2;align-self:flex-start;margin-top:2px}.conv-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;background:#fa5151;color:#fff;font-size:10px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid #f5f5f5}.conv-item.active .conv-badge{border-color:#07c160}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f0f0f0}.chat-header{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;background:#f5f5f5;border-bottom:1px solid #e5e5e5;flex-shrink:0}.chat-title-wrap{flex:1;min-width:0}.chat-title{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta{display:flex;align-items:center;gap:8px}.chat-header .unread-badge{font-size:12px;padding:3px 10px;border-radius:999px;background:#07c160;color:#fff;font-weight:600}.chat-search-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0}.chat-search-bar svg{color:#999;flex-shrink:0}.chat-search-input{flex:1;min-width:0;border:none;outline:none;background:#f5f5f5;border-radius:4px;padding:5px 8px;font-size:13px;color:#333}.chat-search-input::placeholder{color:#b2b2b2}.chat-search-count{font-size:12px;color:#999;white-space:nowrap;min-width:36px;text-align:center}.chat-search-nav{width:24px;height:24px;padding:0;border:none;background:transparent;color:#666;font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.chat-search-nav:hover:not(:disabled){background:#f0f0f0}.chat-search-nav:disabled{opacity:.35;cursor:not-allowed}.chat-search-close{width:24px;height:24px;padding:0;border:none;background:transparent;color:#999;font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.chat-search-close:hover{background:#f0f0f0;color:#333}mark{background:#fff3a8;color:inherit;padding:0 1px;border-radius:2px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca3af;background:#f5f5f5;padding:24px;text-align:center}.chat-empty-logo{width:72px;height:72px;border-radius:50%;background:#e5e5e5;font-size:32px;display:flex;align-items:center;justify-content:center}.chat-empty-title{font-size:16px;font-weight:500;color:#666}.chat-empty p{font-size:13px;line-height:1.7;max-width:360px}.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9ca3af;flex-shrink:0}.presence-dot.online{background:#22c55e}.presence-dot.away{background:#eab308}.presence-dot.busy,.presence-dot.dnd{background:#fa5151}.presence-dot.offline{background:#9ca3af}.presence-dot.tab{width:8px;height:8px;margin-left:2px;vertical-align:middle;margin-bottom:2px}.presence-inline{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font-size:12px;font-weight:500;vertical-align:middle}.presence-label.online{color:#15803d}.presence-label.away{color:#a16207}.presence-label.busy,.presence-label.dnd{color:#b91c1c}.presence-label.offline{color:#6b7280}.msg .meta-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.msg .deliv{font-size:10px;opacity:.65;display:inline-flex;align-items:center}.msg.mine .deliv.done{opacity:.85}.msg.mine .deliv.read{opacity:1;font-weight:600;color:#576b95}.msg.mine .deliv.read .deliv-double-check{display:block;opacity:1}.msg.mine .deliv.done .deliv-double-check{display:block;opacity:.65}.msg .meta-row .recall-btn{padding:1px 8px;font-size:11px;line-height:1.6;opacity:0;transition:opacity .15s ease}.msg:hover .meta-row .recall-btn{opacity:1}.recalled-tip{font-size:13px;color:#9ca3af;user-select:none}.recalled-center{text-align:center;font-size:12px;color:#b0b0b0;padding:6px 0;user-select:none;line-height:1.6}.recalled-tip .recalled-read{color:#f59e0b;margin-left:2px}.msg.mine .recalled-tip{color:#7c8a6a}.toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:1200;max-width:60%;padding:7px 14px;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;line-height:1.5;text-align:center;word-break:break-all;pointer-events:none;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.kicked-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #fecaca;background:#fef2f2;font-size:14px;color:#b91c1c;font-weight:600;flex-wrap:wrap}.kicked-banner .mini{background:#fa5151;font-size:12px;padding:5px 12px}.header-btn{background:#e6f7ee;color:#07a151;font-size:13px;padding:6px 12px}.header-btn:hover:not(:disabled){background:#d0f0e0}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(17,24,39,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.devices-modal{width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);overflow:hidden}.friends-modal{width:100%;max-width:560px;max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);overflow:hidden}.contacts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid #e5e5e5;background:#fff;flex:0 0 auto}.contacts-title{font-size:15px;font-weight:500;display:flex;align-items:center;min-width:0}.contacts-title .meta{font-size:12px;color:#6b7280;margin-left:6px}.contacts-foot{display:flex;justify-content:center;gap:10px;padding:8px 16px;border-top:1px solid #e5e5e5;background:#fff;flex:0 0 auto}.friends-search{padding:12px 16px 4px;border-bottom:1px solid #e5e5e5}.search-row{display:flex;gap:8px}.search-row input{flex:1}.friends-body{flex:1;overflow-y:auto;padding:4px 16px 12px;display:flex;flex-direction:column;gap:6px;position:relative}.friend-section{display:flex;flex-direction:column;gap:6px;margin-top:10px}.friend-section .section-title{font-size:12px;font-weight:500;color:#6b7280;padding:2px 0;border-bottom:1px solid #e5e5e5}.friend-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#f5f5f5;flex-wrap:wrap}.friend-info{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-name{font-size:14px;font-weight:500}.friend-meta{font-size:11px;color:#6b7280;word-break:break-all}.friend-actions{display:flex;gap:6px;flex-wrap:wrap}.friend-empty{text-align:center;color:#9ca3af;font-size:13px;padding:12px 0;line-height:1.6}.header-actions{display:flex;gap:6px;align-items:center}.friend-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:10px;border:1px solid #e5e5e5;border-radius:8px;background:#f5f5f5;cursor:pointer;transition:background .15s}.friend-entry:hover{background:#efefef}.entry-icon{font-size:16px}.entry-label{flex:1;font-size:14px;font-weight:500}.entry-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fa5151;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.entry-arrow{color:#9ca3af;font-size:18px}.friend-item.clickable{cursor:pointer;transition:background .15s}.friend-item.clickable:hover{background:#efefef}.avatar.sm{width:32px;height:32px;font-size:14px;border-radius:4px}.avatar.lg{width:64px;height:64px;font-size:26px;border-radius:4px}.expired-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:600}.pending-tag{font-size:12px;color:#6b7280;background:#f5f5f5;padding:2px 8px;border-radius:4px}.profile-modal{width:100%;max-width:360px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:0 16px 20px;display:flex;flex-direction:column;gap:14px}.profile-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.profile-name{font-size:18px;font-weight:500}.profile-meta{font-size:12px;color:#6b7280}.profile-actions{display:flex;flex-direction:column;gap:8px}.profile-actions button{width:100%;padding:9px 0;border-radius:8px;font-size:14px}.verify-modal{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);overflow:hidden}.verify-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.verify-target{font-size:13px;color:#374151;background:#f5f5f5;padding:8px 10px;border-radius:6px;word-break:break-all}.verify-body textarea{width:100%;resize:vertical}button.wechat-green{background:#07c160;color:#fff}button.wechat-green:hover:not(:disabled){background:#06ad56}.avatar.clickable{cursor:pointer}.avatar.xl{width:80px;height:80px;font-size:32px;border-radius:14px}.alpha-body{flex:1;overflow-y:auto}.alpha-group{scroll-margin-top:8px}.alpha-title{font-size:12px;color:#9ca3af;font-weight:500;padding:8px 12px 4px;background:#f5f5f5}.alpha-index{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;font-size:10px;color:#6b7280;cursor:pointer;user-select:none;z-index:5}.alpha-index span{padding:1px 3px;border-radius:3px}.alpha-index span:hover{background:#e5e5e5;color:#07c160}.detail-page{position:relative;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px}.detail-cover{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,#07c160,#0f9d58 55%,#6f42c1);border-radius:0 0 12px 12px}.detail-head{position:relative;margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.detail-name{font-size:20px;font-weight:500}.detail-wxid{font-size:13px;color:#6b7280}.detail-meta{font-size:12px;color:#9ca3af}.detail-source{position:relative;width:100%;font-size:12px;color:#6b7280;background:#f5f5f5;border-radius:6px;padding:8px 10px;text-align:center}button.detail-add{position:relative;width:100%;padding:10px 0;border-radius:8px;font-size:15px}.profile-cover{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(135deg,#07c160,#10a37f 60%,#0f9d58);border-radius:12px 12px 0 0}.profile-modal{position:relative;overflow:hidden}.profile-head{position:relative;z-index:2;margin-top:82px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}button.profile-send{width:100%;padding:10px 0;border-radius:8px;font-size:15px;font-weight:500}.profile-info{border-top:1px solid #e5e5e5;padding-top:4px}.profile-row{display:flex;justify-content:space-between;font-size:13px;color:#374151;padding:6px 0}.profile-row .mono{color:#6b7280}.profile-menu-wrap{position:relative}.profile-menu{position:absolute;right:0;bottom:calc(100% + 6px);background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:160px;z-index:20}.profile-menu button{width:100%;text-align:left}.blocked-note{font-size:13px;color:#9ca3af;text-align:center;padding:10px 12px;background:#f5f5f5;border-radius:8px}.verify-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px 4px}.verify-name{font-size:16px;font-weight:500}.verify-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;padding:8px 0;border-top:1px solid #e5e5e5}.verify-row-label{flex-shrink:0;color:#6b7280}.verify-row-value{color:#374151;line-height:1.5}.me-modal{width:100%;max-width:360px;max-height:70vh;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden}.me-body{overflow-y:auto;display:flex;flex-direction:column;padding-bottom:10px}.me-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e5e5e5}.me-name{font-size:16px;font-weight:500}.me-wxid{font-size:12px;color:#6b7280;margin-top:2px}.me-list{padding:8px 0}.me-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s}.me-item:hover{background:#efefef}.me-list.logout-list{margin-top:12px;border-top:1px solid #e5e5e5;padding-top:8px}.me-item.logout{justify-content:center;color:#fa5151;font-size:15px}.me-item.logout .entry-label{color:#fa5151}.me-item.logout:hover{background:#fef2f2}.alpha-body .friend-item{border:none;background:transparent;border-radius:8px}.alpha-body .friend-item:hover{background:#efefef}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid #e5e5e5}.modal-header .title{font-size:15px;font-weight:500}.modal-header .meta{font-size:12px;color:#6b7280;margin-left:6px}.device-list{flex:1;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:8px}.device-empty{text-align:center;color:#9ca3af;font-size:13px;padding:20px 0}.device-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#f5f5f5;flex-wrap:wrap}.device-item.current{border-color:#b7f0d0;background:#eafaf2}.device-item.revoked{opacity:.55}.device-info{display:flex;flex-direction:column;gap:2px;min-width:0}.device-name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.current-tag{font-size:11px;font-weight:400;color:#07a151;background:#d0f0e0;border-radius:999px;padding:1px 8px}.revoked-tag{font-size:11px;font-weight:400;color:#991b1b;background:#fee2e2;border-radius:999px;padding:1px 8px}.device-meta{font-size:11px;color:#6b7280;word-break:break-all}button.mini{font-size:12px;padding:5px 12px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #e5e5e5}.logout-confirm-modal{width:280px}.logout-confirm-body{padding:8px 24px 20px;text-align:center}.logout-confirm-text{font-size:16px;color:#333}.logout-confirm-sub{margin-top:8px;font-size:13px;color:#999;line-height:1.5}.logout-confirm-foot{display:flex;border-top:1px solid #e5e5e5}.logout-confirm-foot button{flex:1;height:44px;border:none;background:transparent;font-size:15px;cursor:pointer;border-radius:0}.logout-confirm-foot button:first-child{border-right:1px solid #e5e5e5;color:#333}.logout-confirm-foot button:first-child:hover{background:#efefef}.logout-confirm-foot button.danger{background:transparent;color:#fa5151}.logout-confirm-foot button.danger:hover{background:#fef2f2}.msg-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:100%}.msg-avatar{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0;user-select:none}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.msg.theirs{align-self:flex-start}.bubble{max-width:50%;padding:9px 14px;border-radius:4px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap;position:relative}.msg.mine .bubble:before{content:"";position:absolute;top:12px;right:-8px;width:0;height:0;border:8px solid transparent;border-left-color:#95ec69;border-right:0}.msg.theirs .bubble:before{content:"";position:absolute;top:12px;left:-8px;width:0;height:0;border:8px solid transparent;border-right-color:#fff;border-left:0}.msg.mine .bubble{background:#95ec69;color:#111}.msg.theirs .bubble{background:#fff;color:#111}.msg .sender{font-size:12px;color:#b2b2b2;margin-bottom:3px}.time-divider{text-align:center;font-size:11px;color:#b2b2b2;padding:6px 0 2px;user-select:none}.empty-tip{text-align:center;color:#9ca3af;font-size:13px;padding:32px 0}.composer{padding:10px 16px 12px;background:#f5f5f5;flex-shrink:0}.composer-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:8px 12px 10px}.composer-card textarea{border:none;outline:none;resize:none;background:transparent;font-size:14px;line-height:1.5;color:#111;height:64px;font-family:inherit;padding:0}.composer-card textarea::placeholder{color:#b2b2b2}.composer-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.composer-tools-left{display:flex;align-items:center;gap:4px}.tool-btn{width:30px;height:30px;padding:0;border-radius:6px;background:transparent;color:#7f7f7f;display:flex;align-items:center;justify-content:center;cursor:pointer}.tool-btn:hover:not(:disabled){color:#333;background:#f0f0f0}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.send-btn{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:32px;padding:0 18px;border-radius:8px;border:none;background:#07c160;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.send-btn:hover:not(:disabled){background:#06ad56}.send-btn:disabled{background:#d8d8d8;color:#fff;cursor:not-allowed}.att-pick{border:none}.msg .att-box{display:flex;flex-direction:column;gap:6px;max-width:100%}.msg .att-img{max-width:260px;max-height:320px;border-radius:8px;cursor:pointer;display:block;object-fit:contain}.msg.mine .att-img{border:1px solid rgba(255,255,255,.35)}.msg .att-file{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:rgba(127,127,127,.12);min-width:200px}.msg.mine .att-file{background:rgba(255,255,255,.18)}.att-file-icon{font-size:22px}.att-file-info{flex:1;min-width:0}.att-file-name{font-size:13px;font-weight:500;word-break:break-all}.att-file-size{font-size:11px;opacity:.7;margin-top:2px}.msg .att-loading{font-size:12px;opacity:.7;padding:8px 4px}.msg .att-meta{font-size:12px;opacity:.85}.msg.mine .att-meta{color:#333}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.group-form{padding:12px;border-top:1px solid #e5e5e5;background:#f5f5f5;display:flex;flex-direction:column;gap:10px}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:6px;color:#7f7f7f;cursor:pointer;padding:0}.header-icon-btn:hover{background:#ebebeb;color:#333}.group-info-modal{max-width:400px}.group-info-body{padding:0}.gi-members{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:14px 10px;padding:16px;justify-content:start}.gi-member{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px}.gi-avatar-wrap{position:relative}.gi-avatar{width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:500;user-select:none}.gi-owner-tag{position:absolute;right:-4px;bottom:-4px;font-size:10px;line-height:1;padding:2px 4px;border-radius:3px;background:#07c160;color:#fff;border:1px solid #fff}.gi-name{font-size:12px;color:#666;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.gi-kick{border:none;background:transparent;color:#fa5151;font-size:11px;cursor:pointer;padding:1px 6px;border-radius:4px}.gi-kick:hover{background:#fee2e2}.gi-add{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0}.gi-add input{flex:1;height:32px;border:none;outline:none;background:#f5f5f5;border-radius:6px;padding:0 10px;font-size:13px}.gi-add-btn{height:32px;padding:0 14px;border:none;border-radius:6px;background:#07c160;color:#fff;font-size:13px;cursor:pointer}.gi-add-btn:disabled{background:#d8d8d8;color:#fff;cursor:default}.gi-leave{margin:4px 16px 16px;height:36px;border:none;border-radius:6px;background:#fff;color:#fa5151;font-size:14px;cursor:pointer;border:1px solid #f0d0d0}.gi-leave:hover{background:#fdf3f3}button.mini{padding:3px 8px;font-size:12px;border-radius:5px}button.mini.danger{background:#fee2e2;color:#b91c1c}button.mini.danger:hover{background:#fecaca}.me-species-tag{font-size:12px;color:#666;margin-top:2px}.me-profile-summary{margin:0 16px 12px;padding:12px 16px;background:#f7f7f7;border-radius:8px}.me-profile-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:13px}.me-profile-label{color:#999;flex-shrink:0}.me-profile-value{color:#333;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.edit-profile-modal,.change-pw-modal{width:380px;max-width:95vw}.edit-profile-body{padding:16px;overflow-y:auto;max-height:60vh}button.danger-text{background:transparent;color:#fa5151}button.danger-text:hover{background:#fef2f2}.admin-panel{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{background:#f7f7f7;border-radius:8px;padding:12px 8px;text-align:center}.stat-value{font-size:22px;font-weight:600;color:#07c160;line-height:1.2}.stat-label{font-size:11px;color:#999;margin-top:2px}.admin-search-bar{display:flex;gap:8px;align-items:center}.admin-search-bar input{flex:1;height:32px;border:none;outline:none;background:#f5f5f5;border-radius:6px;padding:0 10px;font-size:13px}.admin-search-bar .mini-btn{height:32px;padding:0 12px;border:none;border-radius:6px;background:#07c160;color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.admin-search-bar .mini-btn:disabled{background:#d8d8d8}.admin-user-list{display:flex;flex-direction:column;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;min-height:200px}.admin-loading,.admin-empty{padding:40px 0;text-align:center;color:#999;font-size:13px}.admin-user-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f0f0f0}.admin-user-item:last-child{border-bottom:none}.admin-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:500;flex-shrink:0}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-size:14px;color:#333;display:flex;align-items:center;gap:6px}.admin-badge{font-size:10px;background:#07c160;color:#fff;padding:1px 5px;border-radius:3px;font-weight:400}.ban-badge{font-size:10px;background:#fa5151;color:#fff;padding:1px 5px;border-radius:3px;font-weight:400}.admin-user-meta{font-size:11px;color:#999;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-actions{display:flex;gap:6px;flex-shrink:0}.mini-btn{height:28px;padding:0 10px;border:none;border-radius:4px;font-size:12px;cursor:pointer}.mini-btn.ban{background:#fee2e2;color:#b91c1c}.mini-btn.ban:hover{background:#fecaca}.mini-btn.unban{background:#e0f7e0;color:#15803d}.mini-btn.unban:hover{background:#c6f7c6}.mini-btn:disabled{opacity:.5;cursor:default}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0}.admin-page-info{font-size:12px;color:#999}.header-back-btn{display:none;width:30px;height:30px;flex:0 0 auto;align-items:center;justify-content:center;border:none;background:transparent;color:#333;border-radius:6px;cursor:pointer;padding:0}.header-back-btn:hover{background:#ebebeb}@media (max-width: 768px){.chat-page.mobile .sidebar{flex:1;width:auto;min-width:0}.chat-page.mobile .chat-main{display:none}.chat-page.mobile.conv-open .chat-main{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#f0f0f0}.chat-page.mobile .header-back-btn{display:flex}}