:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;background:#ededed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:#ededed;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100dvh;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;background:0 0;border:0;padding:0}img,video{max-width:100%;display:block}.wechat-app{background:#ededed;width:100%;height:100dvh;overflow:hidden}.wechat-screen{background:#ededed;width:100%;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.icon-button,.composer-icon-button{flex:0 0 44px;place-items:center;width:44px;height:44px;display:inline-grid}.icon-button svg,.composer-icon-button svg,.home-tab svg,.call-action svg,.call-control svg{width:23px;height:23px}.icon-button--plain{color:#151515}.avatar{object-fit:cover;border-radius:6px;flex:0 0 52px;width:52px;height:52px}.avatar--group{background:#d8d8d8;grid-template-columns:repeat(3,1fr);place-items:center;gap:1px;padding:2px;display:grid;overflow:hidden}.avatar--group img{object-fit:cover;border-radius:2px;width:100%;min-width:0;height:100%}.home-screen,.chat-screen{color:#111;flex-direction:column}.home-header{background:#ededed;grid-template-columns:46px 1fr 46px;align-items:center;height:56px;padding:0 17px;display:grid}.home-header .icon-button{flex-basis:46px;width:46px;height:52px}.home-header .icon-button:first-child{justify-self:start}.home-header .icon-button:last-child{justify-self:end}.home-header .icon-button svg{stroke-width:1.15px;width:30px;height:30px}.home-header h1{letter-spacing:0;justify-self:center;margin:0;font-size:19px;font-weight:600}.home-search{color:#a9a9a9;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:40px;margin:7px 14px 10px;font-size:17px;display:flex}.home-search svg{stroke-width:1.45px;width:21px;height:21px}.mac-login{color:#565656;background:#ededed;border-bottom:.5px solid #ddd;align-items:center;gap:20px;height:58px;padding:0 24px;font-size:16px;display:flex}.mac-login__icon{border:1.7px solid #646464;border-radius:2px;width:28px;height:22px;position:relative}.mac-login__icon:after{content:"";background:#646464;border-radius:2px;width:16px;height:2px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.folded-row{color:#6f6f6f;text-align:left;background:#ededed;border-top:.5px solid #e7e7e7;border-bottom:.5px solid #e7e7e7;grid-template-columns:40px 1fr 32px;align-items:center;height:52px;padding:0 14px 0 16px;font-size:16px;display:grid}.folded-row svg{color:#8b8b8b;width:24px;height:24px}.folded-row svg:last-child{color:#b8b8b8;justify-self:end}.chat-list{-webkit-overflow-scrolling:touch;background:#ededed;flex:1;overflow-y:auto}.chat-list-item{text-align:left;background:#ededed;align-items:center;width:100%;min-height:80px;padding:10px 0 10px 18px;display:flex}.chat-list-item--pinned{background:#e8e8e8}.chat-list-item__avatar{flex:0 0 52px;width:52px;height:52px;display:block;position:relative}.chat-list-item__unread{color:#fff;text-align:center;background:#fa5151;border-radius:999px;position:absolute}.chat-list-item__unread--muted{border:1.5px solid #fff;min-width:10px;height:10px;top:-5px;right:-5px}.chat-list-item__unread--normal{border:1.5px solid #fff;min-width:18px;height:18px;padding:0 4px;font-size:10px;line-height:16px;top:-7px;right:-8px}.chat-list-item__main{border-bottom:.5px solid #ddd;flex-direction:column;flex:1;justify-content:center;min-width:0;height:60px;margin-left:14px;padding-right:18px;display:flex}.chat-list-item__title-row,.chat-list-item__subtitle-row{align-items:center;min-width:0;display:flex}.chat-list-item__title-row{justify-content:space-between;margin-bottom:7px}.chat-list-item__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;font-weight:400;overflow:hidden}.chat-list-item__time{color:#b8b8b8;flex:none;margin-left:10px;font-size:14px}.chat-list-item__subtitle{color:#9a9a9a;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;line-height:1.2;overflow:hidden}.muted-icon{color:#c6c6c6;stroke-width:1.45px;flex:none;width:15px;height:15px;margin-left:8px}.home-tabs{--home-tabs-bottom-space:22px;height:calc(66px + var(--home-tabs-bottom-space));min-height:calc(66px + var(--home-tabs-bottom-space));padding-top:5px;padding-bottom:var(--home-tabs-bottom-space);background:#f7f7f7fa;border-top:.5px solid #d7d7d7;grid-template-columns:repeat(4,1fr);display:grid}.home-tab{color:#171717;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;font-size:12px;display:flex}.home-tab--active{color:#07c160}.home-tab svg{stroke-width:1.45px;width:31px;height:31px}.camera-debug-panel{-webkit-overflow-scrolling:touch;background:#ededed;flex:1;min-height:0;padding:18px 14px 22px;overflow-y:auto}.camera-debug-preview{aspect-ratio:16/9;background:#16181d;border-radius:8px;width:100%;margin-bottom:14px;overflow:hidden}.camera-debug-preview__media{color:#ffffffc2;object-fit:cover;background:linear-gradient(145deg,#303946,#15181e);place-items:center;width:100%;height:100%;font-size:15px;display:grid}video.camera-debug-preview__media{transform:scaleX(-1)}.camera-debug-section{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden}.camera-debug-row{border-bottom:.5px solid #e5e5e5;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:0 14px;display:flex}.camera-debug-row:last-child{border-bottom:0}.camera-debug-row span{color:#191919;min-width:0;font-size:16px}.camera-debug-row strong{color:#777;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:48%;font-size:15px;font-weight:400;overflow:hidden}.camera-debug-error{color:#777;word-break:break-word;padding:12px 14px;font-size:14px;line-height:1.45}.camera-debug-actions{gap:10px;display:grid}.camera-debug-actions button{color:#191919;text-align:center;background:#fff;border-radius:8px;height:46px;font-size:16px}.chat-header{background:#ededed;border-bottom:.5px solid #d8d8d8;grid-template-columns:54px 1fr 54px;align-items:center;height:48px;padding-top:0;display:grid}.chat-header__title{flex-direction:column;justify-content:center;align-items:center;min-width:0;line-height:1.15;display:flex}.chat-header__title strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;font-weight:650;overflow:hidden}.message-list{-webkit-overflow-scrolling:touch;background:#ededed;flex:1;padding:16px 12px 20px;overflow-y:auto}.message-time{color:#a3a3a3;justify-content:center;margin:16px 0 14px;font-size:13px;line-height:1;display:flex}.message-row{width:100%;margin-bottom:14px;display:flex}.message-row--me{justify-content:flex-end}.message-row--contact{justify-content:flex-start}.message-row--system{justify-content:center;margin:18px 0 16px}.message-avatar{border-radius:5px;flex:0 0 38px;width:38px;height:38px;margin-right:8px}.message-bubble{word-break:break-word;border-radius:6px;max-width:min(70vw,300px);font-size:17px;line-height:1.38;position:relative}.message-row--contact .message-bubble{background:#fff}.message-row--me .message-bubble{background:#95ec69}.message-bubble--text{padding:10px 13px}.message-row--contact .message-bubble:before,.message-row--me .message-bubble:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:12px}.message-row--contact .message-bubble:before{border-right:6px solid #fff;left:-5px}.message-row--me .message-bubble:before{border-left:6px solid #95ec69;right:-5px}.message-bubble--image{background:0 0;border-radius:4px;max-width:min(62vw,300px);overflow:hidden}.message-bubble--image:before{display:none}.chat-image{object-fit:cover;border-radius:4px;width:auto;max-width:min(62vw,300px);max-height:330px}.message-bubble--voice{align-items:center;min-width:84px;height:40px;padding:0 11px;display:flex}.voice-bubble-content{justify-content:space-between;align-items:center;gap:12px;min-width:76px;max-width:232px;display:flex;position:relative}.voice-bubble-content--me{justify-content:center}.voice-bubble-content svg{width:18px;height:18px}.voice-bubble-content--me svg{position:absolute;right:0;transform:scaleX(-1)}.call-log{color:#8f8f8f;background:#dedede;border-radius:13px;align-items:center;min-height:26px;padding:0 11px;font-size:12px;display:inline-flex}.voice-composer{background:#f7f7f7;border-top:.5px solid #d2d2d2;align-items:center;gap:10px;min-height:64px;padding:7px 10px;display:flex}.composer-icon-button{color:#222}.voice-composer .composer-icon-button{flex-basis:40px;width:40px;height:40px}.voice-composer .composer-icon-button svg{stroke-width:1.6px;width:30px;height:30px}.voice-hold-button{color:#111;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#fff;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:0;height:46px;font-size:17px;font-weight:500;display:flex}.voice-composer--recording .voice-hold-button{background:#c8c9cb}.voice-composer--disabled .voice-hold-button{color:#9b9b9b;background:#f0f0f0}.voice-recording-overlay{z-index:60;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000000b8;position:fixed;inset:0;overflow:hidden}.voice-recording-preview{background:#95ec69;border-radius:18px;justify-content:center;align-items:center;min-width:112px;height:70px;padding:0 30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-recording-preview:after{content:"";background:#95ec69;border-radius:0 0 4px;width:18px;height:18px;position:absolute;bottom:-8px;left:34px;transform:rotate(45deg)}.voice-waveform{align-items:center;gap:2px;height:30px;display:flex}.voice-waveform span{width:2.5px;height:var(--voice-bar-height);opacity:.78;transform-origin:50%;animation:.56s ease-in-out infinite alternate voice-wave;animation-delay:var(--voice-bar-delay);will-change:transform, opacity;background:#359b36;border-radius:999px;transform:scaleY(.58)}@keyframes voice-wave{0%{opacity:.55;transform:scaleY(.36)}45%{opacity:.92;transform:scaleY(1.08)}to{opacity:.72;transform:scaleY(.62)}}.voice-gesture-panel{pointer-events:none;height:128px;position:absolute;bottom:0;left:0;right:0}.voice-gesture-send{color:#2f2f2f;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#e8e8e8f5;border-radius:50% 50% 0 0;justify-content:center;align-items:flex-start;height:184px;padding-top:25px;font-size:19px;font-weight:500;display:flex;position:absolute;bottom:-92px;left:-18%;right:-18%}@media (prefers-reduced-motion:reduce){.voice-waveform span{animation:none;transform:scaleY(.72)}}.incoming-call-screen,.active-call-screen{color:#fff;background:#111;flex-direction:column}.incoming-call-screen{background:radial-gradient(circle at 50% 18%,#ffffff1f,#0000 30%),linear-gradient(#2b2f37 0%,#111317 64%,#090a0c 100%)}.incoming-call__identity{text-align:center;flex-direction:column;flex:1;align-items:center;min-height:0;padding-top:80px;display:flex}.incoming-call__avatar{border-radius:18px;width:96px;height:96px;box-shadow:0 18px 45px #00000059}.incoming-call__identity h1{letter-spacing:0;margin:28px 0 10px;font-size:28px;font-weight:500}.incoming-call__identity p{color:#ffffffb8;margin:0;font-size:16px}.incoming-call__actions{justify-content:space-between;padding:0 66px 52px;display:flex}.call-action{color:#fff;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex;position:relative}.call-action svg{width:28px;height:28px}.call-action:before{content:"";border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.call-action--reject:before{background:#fa5151}.call-action--accept:before{background:#07c160}.call-action svg{pointer-events:none;margin:0;position:absolute;top:20px;left:50%;transform:translate(-50%)}.call-action--reject svg{transform:translate(-50%)rotate(135deg)}.active-call-screen{background:#050608}.remote-video{background:linear-gradient(160deg,#141923,#050608 62%,#111827);position:absolute;inset:0;overflow:hidden}.remote-video video,.local-preview video{object-fit:cover;width:100%;height:100%}.local-preview video{transform:scaleX(-1)}.remote-video__placeholder{color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.remote-video__placeholder img{filter:saturate(.85);opacity:.55;border-radius:20px;width:92px;height:92px}.local-preview{z-index:2;background:#222831;border:1px solid #ffffff2e;border-radius:10px;width:104px;height:152px;position:absolute;top:62px;right:14px;overflow:hidden;box-shadow:0 12px 30px #00000047}.local-preview__placeholder{color:#ffffffc7;background:linear-gradient(145deg,#344154,#171b22);place-items:center;width:100%;height:100%;font-size:14px;display:grid}.active-call__top{z-index:2;pointer-events:none;flex-direction:column;align-items:center;margin-top:18px;display:flex;position:relative}.active-call__top strong{font-size:22px;font-weight:500}.active-call__top span{color:#ffffffbd;margin-top:8px;font-size:15px}.active-call__controls{z-index:2;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:auto;padding:0 14px 36px;display:grid;position:relative}.call-control{color:#ffffffe0;flex-direction:column;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex;position:relative}.call-control svg{width:24px;height:24px}.call-control:before{content:"";background:#ffffff24;border-radius:50%;width:54px;height:54px;display:block}.call-control svg{margin:0;position:absolute;top:15px;left:50%;transform:translate(-50%)}.call-control--active:before{background:#ffffff47}.call-control--hangup:before{background:#fa5151}.call-control--hangup svg{transform:translate(-50%)rotate(135deg)}