*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--wx-green: #07c160;--wx-green-dark: #06ad56;--wx-bg: #ededed;--wx-nav: #ededed;--wx-text: #191919;--wx-text-2: #7d7d7d;--wx-text-3: #b2b2b2;--wx-line: #e5e5e5;--wx-badge: #fa5151;--wx-link: #576b95;--wx-chat-bg: #ededed;--nav-h: 44px;--status-h: 44px;--tab-h: 56px;--safe-b: 20px}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,Segoe UI,sans-serif;background:#060606;color:var(--wx-text);display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#root{display:flex;align-items:center;justify-content:center}.app-shell{position:relative;width:390px;height:844px;max-height:96vh;background:var(--wx-bg);border-radius:46px;border:12px solid #0a0a0a;box-shadow:0 40px 90px #0000008c,inset 0 0 3px #ffffff26;overflow:hidden}.phone{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.statusbar{position:absolute;top:0;left:0;right:0;z-index:60;height:var(--status-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 30px;font-size:15px;font-weight:600;letter-spacing:.3px;transition:color .25s;pointer-events:none}.statusbar.on-dark{color:#fff}.statusbar.on-light{color:#000}.sb-time{font-variant-numeric:tabular-nums;min-width:54px}.sb-right{display:flex;align-items:center;gap:6px}.sb-right svg{display:block}.dynamic-island{position:absolute;top:9px;left:50%;transform:translate(-50%);width:108px;height:30px;background:#000;border-radius:18px;z-index:70}.nav{position:relative;z-index:50;flex:0 0 auto;height:calc(var(--status-h) + var(--nav-h));padding:var(--status-h) 10px 0;display:flex;align-items:center;justify-content:center;background:var(--wx-nav)}.nav-title{font-size:17px;font-weight:600;color:var(--wx-text)}.nav-left,.nav-right{position:absolute;top:var(--status-h);height:var(--nav-h);display:flex;align-items:center;gap:18px}.nav-left{left:14px}.nav-right{right:16px}.nav-icon,.nav-back{color:var(--wx-text);display:flex;align-items:center;cursor:pointer}.nav-icon:active,.nav-back:active{opacity:.5}.nav-white{background:#fff}.screen-host{flex:1 1 auto;min-height:0;display:flex;position:relative;overflow:hidden}.screen{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;width:100%;position:relative;background:var(--wx-bg)}.scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0;display:none}.page-gray{background:var(--wx-bg)}.pad-status{padding-top:var(--status-h)}.group-gap{margin-top:8px}.tabbar{flex:0 0 auto;display:flex;background:#f7f7f7;border-top:.5px solid #d6d6d6;padding-bottom:var(--safe-b)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0 4px;color:#7a7a7a;cursor:pointer}.tab-item.active{color:var(--wx-green)}.tab-label{font-size:10.5px;line-height:1.2}.tab-ico{position:relative}.tab-badge{position:absolute;top:-4px;right:-9px;min-width:17px;height:17px;padding:0 4px;background:var(--wx-badge);color:#fff;border-radius:9px;font-size:11px;line-height:17px;text-align:center}.tab-dot{position:absolute;top:-1px;right:-5px;width:9px;height:9px;background:var(--wx-badge);border-radius:50%}.searchbar{background:var(--wx-nav);padding:8px 16px}.searchbox{height:36px;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:5px;color:#9a9a9a;font-size:14.5px}.searchbox:active{background:#f0f0f0}.cellgroup{background:#fff}.cell{display:flex;align-items:center;padding:0 16px;min-height:54px;background:#fff;position:relative;cursor:pointer}.cell:active{background:#ececec}.cell-line:after{content:"";position:absolute;left:68px;right:0;bottom:0;height:.5px;background:var(--wx-line)}.cell-line-full:after{content:"";position:absolute;left:16px;right:0;bottom:0;height:.5px;background:var(--wx-line)}.cell-icon{width:40px;height:40px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:21px}.cell-body{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-left:12px}.cell-body.noavatar{margin-left:0}.cell-title{font-size:16.5px;color:var(--wx-text)}.cell-right{display:flex;align-items:center;gap:6px;margin-left:auto}.cell-extra{color:var(--wx-text-2);font-size:14px;margin-left:auto;padding-right:6px}.moments-notify{display:flex;align-items:center;gap:4px}.avatar{border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;font-weight:500}.badge-num{min-width:18px;height:18px;padding:0 5px;background:var(--wx-badge);color:#fff;border-radius:9px;font-size:12px;line-height:18px;text-align:center;box-sizing:border-box}.badge-num.corner{position:absolute;top:-6px;right:-7px;border:1.5px solid #fff}.badge-num.static{margin-left:auto}.badge-dot{width:10px;height:10px;background:var(--wx-badge);border-radius:50%}.badge-dot.corner{position:absolute;top:-2px;right:-2px;border:1.5px solid #fff}.badge-dot.static{width:8px;height:8px}.chat-cell{display:flex;align-items:center;padding:0 16px;height:72px;background:#fff;position:relative;cursor:pointer}.chat-cell:active{background:#ececec}.chat-cell.cell-line:after{left:76px}.chat-avatar{position:relative;flex-shrink:0}.chat-main{flex:1;min-width:0;margin-left:12px;display:flex;flex-direction:column;justify-content:center;gap:6px}.chat-row1{display:flex;justify-content:space-between;align-items:baseline}.chat-name{font-size:17px;color:#191919;max-width:210px}.chat-time{font-size:12.5px;color:#b2b2b2;flex-shrink:0;margin-left:8px}.chat-row2{display:flex;justify-content:space-between;align-items:center}.chat-msg{font-size:14px;color:#9a9a9a;flex:1;min-width:0}.draft{color:var(--wx-badge);margin-right:3px}.mute-ico{font-size:12px;margin-left:6px;filter:grayscale(1);opacity:.55;flex-shrink:0}.contact-letter{padding:4px 16px;font-size:13px;color:#888;background:var(--wx-bg)}.contact-count{text-align:center;padding:18px;color:#9a9a9a;font-size:14px;background:var(--wx-bg)}.index-bar{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;z-index:20}.index-bar span{font-size:11px;color:var(--wx-link);line-height:1.18;padding:0 5px;cursor:pointer}.index-bar span:active{color:var(--wx-green)}.me-header{display:flex;align-items:center;gap:16px;padding:28px 20px 24px;background:#fff;cursor:pointer}.me-header:active{background:#f2f2f2}.me-info{flex:1;min-width:0}.me-name{font-size:21px;font-weight:600;color:#191919}.me-wxid{font-size:14px;color:#888;margin-top:10px}.me-qr{display:flex;align-items:center;gap:6px}.chat-screen{background:var(--wx-chat-bg)}.chat-scroll{background:var(--wx-chat-bg);display:flex;flex-direction:column}.msg-time{text-align:center;font-size:12px;color:#a8a8a8;margin:12px 0}.msg-system{align-self:center;font-size:11.5px;color:#fff;background:#0000001f;padding:3px 8px;border-radius:4px;margin:10px 0}.msg-row{display:flex;align-items:flex-start;gap:9px;padding:7px 14px}.msg-row.mine{flex-direction:row-reverse}.msg-content{display:flex;flex-direction:column;max-width:62%}.msg-row.mine .msg-content{align-items:flex-end}.msg-sender{font-size:12px;color:#9a9a9a;margin:0 0 3px 4px}.bubble{position:relative;padding:9px 13px;border-radius:6px;font-size:16px;line-height:1.42;color:#191919;background:#fff;word-break:break-word}.bubble.mine{background:#95ec69}.bubble:before{content:"";position:absolute;top:12px;width:0;height:0;border:6px solid transparent}.bubble:not(.mine):before{left:-11px;border-right-color:#fff}.bubble.mine:before{right:-11px;border-left-color:#95ec69}.bubble-img{border-radius:6px;overflow:hidden}.img-inner{width:150px;height:190px;display:flex;align-items:center;justify-content:center;font-size:52px}.bubble-file{display:flex;align-items:center;gap:12px;width:224px;padding:13px}.file-info{flex:1;min-width:0}.file-name{font-size:15px;color:#191919}.file-size{font-size:12px;color:#b2b2b2;margin-top:10px}.file-ico{font-size:36px}.bubble-pay{width:200px;padding:0;overflow:hidden;background:#fff}.bubble-pay:before{display:none}.pay-top{background:linear-gradient(135deg,#f0a75b,#e88f3c);padding:15px 14px;color:#fff}.pay-amount{font-size:21px;font-weight:600}.pay-title{padding:9px 12px 2px;font-size:13px;color:#333}.pay-desc{padding:0 12px 11px;font-size:11px;color:#aaa}.input-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f7f7f7;border-top:.5px solid #dcdcdc}.input-bar:last-child{padding-bottom:calc(8px + var(--safe-b))}.input-ico{color:#55555b;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.input-ico:active{opacity:.5}.input-field{flex:1;min-width:0;height:38px;border:none;border-radius:6px;background:#fff;padding:0 12px;font-size:16px;outline:none;color:#191919}.voice-btn{flex:1;height:38px;border:none;border-radius:6px;background:#fff;font-size:15px;color:#333;cursor:pointer}.voice-btn:active{background:#e2e2e2}.send-btn{flex-shrink:0;height:34px;padding:0 15px;border:none;border-radius:5px;background:var(--wx-green);color:#fff;font-size:15px;cursor:pointer}.send-btn:active{background:var(--wx-green-dark)}.panel{flex:0 0 auto;background:#f7f7f7;border-top:.5px solid #e0e0e0;padding-bottom:calc(10px + var(--safe-b))}.emoji-panel{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px}.emoji-cell{font-size:24px;text-align:center;padding:5px 0;cursor:pointer;border-radius:6px}.emoji-cell:active{background:#e2e2e2}.more-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px;padding:20px 12px 12px}.more-cell{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}.more-ico{width:56px;height:56px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:27px}.more-cell:active .more-ico{background:#e8e8e8}.more-cell span{font-size:11px;color:#888}.moments-screen{background:#fff}.nav-moments{position:absolute;top:0;left:0;right:0;background:transparent;transition:background .3s}.nav-moments .nav-back,.nav-moments .nav-icon{color:#fff}.nav-moments.solid{background:#ededed}.nav-moments.solid .nav-back,.nav-moments.solid .nav-icon,.nav-moments.solid .nav-title{color:#191919}.moments-scroll{background:#fff}.moment-cover{position:relative;height:300px;background-size:cover}.cover-user{position:absolute;right:18px;bottom:-22px;display:flex;align-items:flex-end;gap:12px}.cover-name{color:#fff;font-size:17px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.35);margin-bottom:30px}.moment-list{padding-top:38px}.moment-item{display:flex;gap:10px;padding:16px 14px 0}.moment-body{flex:1;min-width:0;padding-bottom:16px;border-bottom:.5px solid #f0f0f0}.moment-name{font-size:16px;font-weight:600;color:var(--wx-link)}.moment-text{font-size:15px;color:#191919;line-height:1.46;margin-top:5px;word-break:break-word}.moment-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;max-width:232px}.moment-imgs.single{grid-template-columns:1fr;max-width:160px}.moment-img{aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden}.moment-imgs.single .moment-img{aspect-ratio:auto;height:150px;font-size:44px}.moment-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;position:relative}.moment-time{font-size:12px;color:#b0b0b0}.moment-loc{color:#8a9bb8;margin-left:8px}.moment-action{background:#f7f7f7;border-radius:4px;padding:4px 9px;cursor:pointer;display:flex;align-items:center}.moment-action:active{background:#ececec}.dots{display:flex;gap:3px}.dots i{width:4px;height:4px;border-radius:50%;background:#5a6b8c;display:block}.moment-menu{position:absolute;right:40px;top:-3px;background:#4c4c4c;border-radius:5px;display:flex;align-items:center;height:33px;z-index:10}.moment-menu span{color:#fff;font-size:14px;padding:0 14px;cursor:pointer}.moment-menu .menu-sep{width:.5px;height:18px;padding:0;background:#ffffff47}.moment-inter{background:#f7f7f7;border-radius:4px;margin-top:9px;padding:7px 10px}.moment-likes{display:flex;align-items:flex-start;gap:5px;font-size:14px;color:var(--wx-link);padding:2px 0}.heart{color:var(--wx-link);font-size:14px}.like-names{flex:1}.inter-line{height:.5px;background:#e3e3e3;margin:6px 0}.moment-comment{font-size:14px;color:#191919;padding:3px 0;line-height:1.4}.cm-user{color:var(--wx-link)}.moments-end{text-align:center;color:#b0b0b0;font-size:13px;padding:22px 0 34px}.profile-head{display:flex;align-items:center;gap:16px;padding:24px 18px;background:#fff}.profile-name-box{flex:1;min-width:0}.profile-name{font-size:20px;font-weight:600;color:#191919}.profile-sub{font-size:13px;color:#999;margin-top:7px}.profile-actions{margin-top:8px}.pf-btn{width:100%;height:52px;background:#fff;border:none;border-top:.5px solid var(--wx-line);font-size:16px;color:#07417a;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.pf-btn:first-child{border-top:none}.pf-btn:active{background:#f2f2f2}.pf-ico{font-size:20px}.toast-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:200}.toast{background:#000000c2;color:#fff;font-size:15px;padding:12px 22px;border-radius:8px;max-width:72%;text-align:center;animation:toastIn .18s ease}@keyframes toastIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popover-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90}.add-menu{position:absolute;top:calc(var(--status-h) + var(--nav-h) - 2px);right:12px;background:#4c4c4c;border-radius:8px;padding:5px 0;z-index:100;min-width:160px;box-shadow:0 6px 20px #0000004d}.add-menu:before{content:"";position:absolute;top:-6px;right:20px;border:6px solid transparent;border-bottom-color:#4c4c4c;border-top:none}.add-menu-item{display:flex;align-items:center;gap:13px;padding:12px 16px;color:#fff;font-size:15px;cursor:pointer}.add-menu-item:active{background:#ffffff1a}.add-menu-ico{font-size:19px}.muted{color:var(--wx-text-2)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:430px){body{background:var(--wx-bg);overflow:auto}.app-shell{width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;border:none;box-shadow:none}.dynamic-island{display:none}}