:root{--wx-bg:#ededed;--wx-panel:#fff;--wx-panel-2:#f7f7f7;--wx-border:#e5e5e5;--wx-text:#191919;--wx-muted:#888;--wx-green:#07c160;--wx-green-dark:#06ad56;--wx-danger:#fa5151;--wx-header-bg:#ededed;--wx-tabbar-bg:#f7f7f7;--wx-chat-bg:#ededed;--wx-bubble-mine:#95ec69;--wx-bubble-theirs:#fff;--wx-link:#576b95;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--wx-bg);height:100%;color:var(--wx-text);margin:0}button,input,textarea{font:inherit}.app-shell{background:var(--wx-bg);height:100%}.mobile-shell{flex-direction:column;height:100%;display:flex}.mobile-tab-content{flex:1;min-height:0;overflow:hidden}.mobile-chat-detail{flex-direction:column;height:100%;display:flex}.bottom-tab-bar{background:var(--wx-tabbar-bg);border-top:1px solid var(--wx-border);padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0;display:flex}.bottom-tab{color:var(--wx-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0 8px;display:flex}.bottom-tab.active{color:var(--wx-green)}.bottom-tab-icon{line-height:0;position:relative}.bottom-tab-label{font-size:11px}.tab-badge{background:var(--wx-danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-4px;right:-10px}.desktop-shell{grid-template-columns:64px 320px 1fr;height:100%;display:grid}.nav-rail{background:#2e2e2e;flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.nav-rail-item{cursor:pointer;background:0 0;border:none;border-radius:8px;width:44px;height:44px;font-size:20px;position:relative}.nav-rail-item.active{background:#ffffff1f}.nav-rail-badge{background:var(--wx-danger);color:#fff;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:2px}.desktop-list-panel{background:var(--wx-panel);border-right:1px solid var(--wx-border);min-height:0;overflow:hidden}.desktop-chat-panel{background:var(--wx-chat-bg);flex-direction:column;min-width:0;display:flex}.tab-page{background:var(--wx-bg);flex-direction:column;height:100%;display:flex}.wx-page-header{background:var(--wx-header-bg);border-bottom:1px solid var(--wx-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.wx-page-header h1{margin:0;font-size:18px;font-weight:600}.wx-header-actions{gap:4px;display:flex}.wx-icon-btn{width:36px;height:36px;color:var(--wx-text);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:20px}.wx-list-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.wx-list-item{border:none;border-bottom:1px solid var(--wx-border);background:var(--wx-panel);width:100%;color:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.wx-list-item:active,.wx-list-item.active{background:#ececec}.wx-list-body{flex:1;min-width:0}.wx-list-top,.wx-list-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.wx-list-title{font-size:16px;font-weight:500}.wx-list-time{color:var(--wx-muted);flex-shrink:0;font-size:12px}.wx-list-preview{color:var(--wx-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.wx-badge{background:var(--wx-danger);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12px;display:grid}.wx-section-label{color:var(--wx-muted);background:var(--wx-bg);padding:8px 16px 4px;font-size:13px}.wx-section-entry .wx-list-body{align-items:center;display:flex}.wx-entry-icon{border-radius:6px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.wx-entry-icon.new-friend{background:#ff9f0a}.wx-sub-panel{background:var(--wx-panel-2);border-bottom:1px solid var(--wx-border)}.avatar,.avatar-img{object-fit:cover;border-radius:6px;flex-shrink:0}.avatar{color:#fff;background:linear-gradient(135deg,#c8c8c8,#a8a8a8);place-items:center;font-weight:600;display:grid}.group-avatar{background:linear-gradient(135deg,#07c160,#06ad56)}.avatar-default{color:#fff;background:#dcdcdc;border-radius:6px;place-items:center;display:grid}.dot{background:#ccc;border-radius:50%;width:8px;height:8px}.dot.online{background:var(--wx-green)}.empty-hint{color:var(--wx-muted);text-align:center;padding:32px 16px;font-size:14px}.profile-scroll{background:var(--wx-bg)}.profile-hero{background:var(--wx-panel);align-items:center;gap:16px;margin-bottom:8px;padding:24px 16px;display:flex}.profile-avatar-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.profile-avatar-tip{color:var(--wx-muted);font-size:11px}.profile-name{font-size:20px;font-weight:600}.profile-id{color:var(--wx-muted);margin-top:4px;font-size:13px}.wx-cell-group{background:var(--wx-panel);margin-bottom:8px}.wx-cell{border-bottom:1px solid var(--wx-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.wx-cell:last-child{border-bottom:none}.wx-cell-btn{background:var(--wx-panel);cursor:pointer;text-align:left;border:none;width:100%}.wx-cell-label{color:var(--wx-text);flex-shrink:0;font-size:16px}.wx-cell-value{color:var(--wx-muted);text-align:right;font-size:15px}.wx-cell-input{text-align:right;color:var(--wx-text);background:0 0;border:none;flex:1;font-size:15px}.profile-actions{flex-direction:column;gap:10px;padding:16px;display:flex}.wx-primary-btn,.wx-secondary-btn,.wx-danger-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px}.wx-primary-btn{background:var(--wx-green);color:#fff}.wx-secondary-btn{background:var(--wx-panel);color:var(--wx-text);border:1px solid var(--wx-border)}.wx-danger-btn{background:var(--wx-panel);color:var(--wx-danger);border:1px solid var(--wx-border)}.profile-feedback{text-align:center;color:var(--wx-green);font-size:14px}.profile-footnote{text-align:center;color:var(--wx-muted);padding:0 16px 24px;font-size:12px}.chat-window{background:var(--wx-chat-bg);flex-direction:column;flex:1;min-height:0;display:flex}.chat-header{background:var(--wx-header-bg);border-bottom:1px solid var(--wx-border);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.back-btn{color:var(--wx-text);cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 0;font-size:22px}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-title{font-size:16px;font-weight:600}.chat-subtitle{color:var(--wx-muted);font-size:12px}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow:auto}.msg-row{align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.msg-row.mine{justify-content:flex-end}.msg-row.theirs{justify-content:flex-start}.msg-avatar{flex-shrink:0;margin-top:2px}.msg-content-col{flex-direction:column;min-width:0;max-width:min(72%,520px);display:flex}.msg-row.mine .msg-content-col{align-items:flex-end}.msg-row.theirs .msg-content-col{align-items:flex-start}.msg-sender-name{color:var(--wx-muted);margin-bottom:4px;padding-left:2px;font-size:12px}.msg-bubble{background:var(--wx-bubble-theirs);border-radius:6px;width:fit-content;max-width:100%;padding:10px 12px;box-shadow:0 1px 1px #0000000a}.msg-row.mine .msg-bubble{background:var(--wx-bubble-mine)}.msg-sender{display:none}.msg-text{white-space:pre-wrap;word-break:break-word;margin:0;font-size:16px}.msg-image{border-radius:4px;max-width:200px;display:block}.msg-audio{width:200px;max-width:100%}.msg-bubble-voice{box-shadow:none!important;background:0 0!important;padding:0!important}.msg-row.mine .msg-bubble-voice{background:0 0!important}.voice-msg-bar{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:15px;line-height:1;transition:opacity .15s;display:inline-flex}.voice-msg-bar:active{opacity:.85}.voice-msg-bar.mine{background:var(--wx-green);color:#fff;flex-direction:row-reverse}.voice-msg-bar.theirs{background:var(--wx-bubble-theirs);color:var(--wx-text);box-shadow:0 1px 1px #0000000a}.voice-msg-bar.playing .voice-msg-wave rect:first-child{animation:.8s ease-in-out infinite voice-wave}.voice-msg-bar.playing .voice-msg-wave rect:nth-child(2){animation:.8s ease-in-out .15s infinite voice-wave}.voice-msg-bar.playing .voice-msg-wave rect:nth-child(3){animation:.8s ease-in-out .3s infinite voice-wave}.voice-msg-bar.playing .voice-msg-wave rect:nth-child(4){animation:.8s ease-in-out .45s infinite voice-wave}@keyframes voice-wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.voice-msg-wave{flex-shrink:0}.voice-msg-wave rect{transform-origin:50%}.voice-msg-secs{font-variant-numeric:tabular-nums;white-space:nowrap}.msg-bubble-voice .msg-meta-voice{justify-content:flex-end;margin-top:4px}.voice-hold-btn{background:var(--wx-panel);min-height:40px;color:var(--wx-text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;border:none;border-radius:6px;flex:1;font-size:16px;font-weight:500}.voice-hold-btn:disabled{opacity:.45;cursor:not-allowed}.voice-hold-btn.recording{color:var(--wx-muted);background:#e8e8e8}.voice-hold-btn.starting{color:var(--wx-muted);background:#ececec;font-size:14px}.chat-input-bar.voice-mode{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center}body.voice-hold-active{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.msg-meta{color:var(--wx-muted);gap:8px;margin-top:4px;font-size:11px;display:flex}.msg-bubble-emoji{box-shadow:none!important;background:0 0!important;padding:2px 4px!important}.msg-row.mine .msg-bubble-emoji{background:0 0!important}.msg-emoji{text-align:center;margin:0;font-size:52px;line-height:1.15}.msg-bubble-emoji .msg-meta{justify-content:center}.chat-input-wrap{border-top:1px solid var(--wx-border);background:#f6f6f6;flex-direction:column;flex-shrink:0;display:flex}.chat-input-bar{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));background:#f6f6f6;border-top:none;flex-shrink:0;align-items:center;gap:8px;display:flex}.emoji-picker{background:var(--wx-panel);border-bottom:1px solid var(--wx-border);flex-direction:column;max-height:280px;display:flex;overflow:hidden}.emoji-picker-tabs{border-bottom:1px solid var(--wx-border);flex-shrink:0;display:flex}.emoji-picker-tabs button{color:var(--wx-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:14px}.emoji-picker-tabs button.active{color:var(--wx-green);box-shadow:inset 0 -2px 0 var(--wx-green);font-weight:600}.emoji-section{min-height:0;padding:8px 10px 4px}.emoji-section-title{color:var(--wx-muted);margin-bottom:6px;font-size:12px}.emoji-category-bar{border-bottom:1px solid var(--wx-border);flex-shrink:0;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.emoji-cat-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:22px}.emoji-cat-btn.active{background:var(--wx-panel-2)}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-grid-scroll{-webkit-overflow-scrolling:touch;max-height:160px;overflow-y:auto}.emoji-item{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 0;font-size:26px;line-height:1}.emoji-item:active{background:var(--wx-panel-2)}.sticker-grid{grid-template-columns:repeat(5,1fr);gap:8px;max-height:220px;padding-bottom:8px;display:grid;overflow-y:auto}.sticker-item{background:var(--wx-panel-2);cursor:pointer;border:none;border-radius:10px;padding:12px 4px;font-size:40px;line-height:1}.sticker-item:active{background:#e8f8ef;transform:scale(.95)}.icon-btn.active{background:#07c1601f;border-radius:6px}.text-input{background:var(--wx-panel);color:var(--wx-text);border:none;border-radius:6px;flex:1;padding:10px 12px;font-size:16px}.icon-btn,.send-btn{color:var(--wx-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;font-size:22px;display:inline-flex}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.send-btn{color:var(--wx-green);padding:8px 10px;font-size:15px;font-weight:600}.welcome-panel{text-align:center;color:var(--wx-muted);flex:1;place-content:center;padding:24px;display:grid}.welcome-panel h2{color:var(--wx-text)}.request-item{border-bottom:1px solid var(--wx-border);background:var(--wx-panel);gap:12px;padding:12px 16px;display:flex}.request-actions{gap:8px;margin-top:8px;display:flex}.request-actions button{background:var(--wx-green);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:14px}.request-actions button.ghost{background:var(--wx-panel);color:var(--wx-text);border:1px solid var(--wx-border)}.preview,.name{font-size:14px}.name{font-weight:600}.modal-overlay{z-index:200;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--wx-panel);border-radius:12px;width:min(480px,100%);max-height:90vh;padding:16px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.close-btn{cursor:pointer;background:0 0;border:none;font-size:24px}.search-form{gap:8px;margin-bottom:12px;display:flex}.search-form input,.verify-msg,.modal input,.auth-card input{border:1px solid var(--wx-border);background:var(--wx-panel);border-radius:8px;width:100%;padding:10px 12px}.search-form button,.auth-card button,.full-btn{background:var(--wx-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px}.search-results{margin:0;padding:0;list-style:none}.search-results li{border-bottom:1px solid var(--wx-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.tag,.feedback,.modal-hint{color:var(--wx-muted);font-size:13px}.member-picker{max-height:200px;margin:0 0 12px;padding:0;list-style:none;overflow:auto}.create-group-overlay{align-items:flex-end;padding:0}@media (width>=520px){.create-group-overlay{align-items:center;padding:16px}}.create-group-modal{border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:min(88vh,720px);padding:0;display:flex;overflow:hidden}@media (width>=520px){.create-group-modal{border-radius:16px}}.create-group-header{border-bottom:1px solid var(--wx-border);background:var(--wx-panel);flex-shrink:0;grid-template-columns:72px 1fr 72px;align-items:center;padding:12px 16px;display:grid}.create-group-header h2{text-align:center;margin:0;font-size:17px;font-weight:600}.create-group-cancel,.create-group-confirm{cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:16px}.create-group-cancel{color:var(--wx-muted);text-align:left}.create-group-confirm{color:var(--wx-green);text-align:right;font-weight:600}.create-group-confirm:disabled{color:#b2b2b2;cursor:not-allowed}.create-group-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.create-group-field{flex-shrink:0;padding:16px 16px 12px}.create-group-field label{color:var(--wx-muted);margin-bottom:8px;font-size:14px;display:block}.create-group-input{border:1px solid var(--wx-border);background:var(--wx-panel-2);width:100%;color:var(--wx-text);border-radius:10px;padding:12px 14px;font-size:16px}.create-group-input:focus{border-color:var(--wx-green);background:var(--wx-panel);outline:none}.create-group-section-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px 10px;display:flex}.create-group-section-title{color:var(--wx-text);font-size:15px;font-weight:600}.create-group-section-meta{color:var(--wx-muted);font-size:13px}.create-group-member-list{-webkit-overflow-scrolling:touch;flex:1;min-height:120px;padding:0 12px 16px;overflow:auto}.create-group-member{cursor:pointer;background:var(--wx-panel);border:1px solid #0000;border-radius:12px;margin-bottom:6px;padding:12px;transition:background .15s,border-color .15s;display:block;position:relative}.create-group-member-row{align-items:flex-start;gap:12px;width:100%;display:flex}.create-group-member:hover{background:var(--wx-panel-2)}.create-group-member.selected{background:#f0faf4;border-color:#07c16040}.create-group-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.create-group-member-info{flex-direction:column;flex:1;gap:4px;min-width:0;padding-top:2px;display:flex}.create-group-member-name{color:var(--wx-text);word-break:break-word;overflow-wrap:anywhere;white-space:normal;font-size:16px;font-weight:500;line-height:1.45}.create-group-member-email{color:var(--wx-muted);word-break:break-all;overflow-wrap:anywhere;white-space:normal;font-size:13px;line-height:1.4}.create-group-check{color:#fff;border:1.5px solid #c8c8c8;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:11px;font-size:13px;transition:background .15s,border-color .15s;display:grid}.create-group-check.on{background:var(--wx-green);border-color:var(--wx-green)}.create-group-empty{text-align:center;color:var(--wx-muted);margin:0;padding:32px 16px;font-size:14px}.create-group-feedback{color:var(--wx-danger);text-align:center;flex-shrink:0;margin:0;padding:0 16px 16px;font-size:14px}.auth-page{background:var(--wx-bg);place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{background:var(--wx-panel);border-radius:12px;flex-direction:column;gap:12px;width:min(420px,100%);padding:24px;display:flex;box-shadow:0 4px 24px #00000014}.auth-card h1{margin:0}.auth-sub{color:var(--wx-muted);margin:0}.auth-card label{flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-card a{color:var(--wx-link);text-align:center}.auth-error{color:var(--wx-danger);background:#fff1f0;border-radius:8px;padding:10px;font-size:14px}.auth-success{color:var(--wx-green-dark);background:#f0fff4;border-radius:8px;padding:10px;font-size:14px}@media (width<=860px){.back-btn{display:inline-block}.mobile-chat-detail .chat-window{height:100%}}@media (width>=861px){.back-btn{display:none}.tab-page{height:100%}}