:root{--ink: #17201c;--muted: #77817c;--line: #e4e9e6;--surface: #ffffff;--soft: #f4f7f5;--green: #16b86b;--green-dark: #0a844a;--green-soft: #e6f8ef;--rail: #10251c;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100%;overflow:hidden}body{margin:0;color:var(--ink);background:linear-gradient(135deg,#e8f0eb,#f4eee7);overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.app-shell{width:min(1480px,100vw);height:100vh;height:100dvh;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);margin:0 auto;display:grid;grid-template-columns:88px 390px 1fr;grid-template-rows:minmax(0,1fr);overflow:hidden;background:var(--surface);box-shadow:0 24px 80px #142c212b}.app-shell>.rail,.app-shell>.inbox,.app-shell>.chat-panel{min-height:0;max-height:100%;overflow:hidden}.rail{background:var(--rail);color:#a9b5af;display:flex;align-items:center;flex-direction:column;padding:22px 12px 18px;gap:11px}.brand{width:46px;height:46px;margin-bottom:24px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--green);font-size:20px;font-weight:800;box-shadow:0 10px 28px #19b66a4d}.rail-button{position:relative;width:64px;min-height:57px;border:0;border-radius:14px;color:inherit;background:transparent;display:grid;place-items:center;cursor:pointer}.rail-button:hover{background:#ffffff0f;color:#fff}.rail-button.active{background:#19b66a24;color:#55dfa0}.nav-icon{font-size:25px;line-height:1}.nav-dot{position:absolute;right:7px;width:6px;height:6px;border-radius:50%;background:#ff746a}.chat-nav-icon{position:relative;display:inline-grid;place-items:center}.nav-unread-count{position:absolute;left:calc(100% - 3px);top:-10px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#fa5151;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:600;box-shadow:0 0 0 2px #fff}.rail-label{display:none}.rail-spacer{flex:1}.avatar{width:48px;height:48px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(145deg,#6f8f80,#3d6451);overflow:hidden}.avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.avatar:not(:has(img)){font-size:0}.group-avatar-grid{width:100%;height:100%;padding:3px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px;background:#d8d8d8}.group-avatar-grid img,.group-avatar-grid i{width:calc(33.333% - 2px);height:calc(50% - 1px);min-width:0;border-radius:2px;object-fit:cover;display:block}.group-avatar-grid[data-avatar-count="1"] img,.group-avatar-grid[data-avatar-count="1"] i{width:70%;height:70%}.group-avatar-grid[data-avatar-count="2"] img,.group-avatar-grid[data-avatar-count="2"] i{width:calc(50% - 2px);height:62%}.avatar-me{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#f7b86b,#c67532)}.avatar-large{width:44px;height:44px;border-radius:13px}.inbox{border-right:1px solid var(--line);background:#fafcfbf7;display:flex;flex-direction:column;min-width:0}.inbox-header{padding:30px 26px 17px;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{margin:0 0 5px;color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.08em}h1{margin:0;font-size:30px;letter-spacing:-.05em}.icon-button{border:0;width:39px;height:39px;border-radius:12px;background:var(--soft);cursor:pointer;font-size:21px;display:grid;place-items:center}.icon-button:hover{background:var(--green-soft);color:var(--green-dark)}.new-chat{color:#fff;background:var(--green)}.new-chat:hover{color:#fff;background:var(--green-dark)}.search-wrap{margin:0 21px;height:44px;border-radius:13px;padding:0 13px;display:flex;align-items:center;gap:9px;background:#f0f3f1;color:#79827e}.search-wrap:focus-within{outline:2px solid rgba(25,182,106,.2);background:#fff}.search-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink)}kbd{font-size:10px;padding:3px 5px;background:#fff;border:1px solid #e2e6e3;border-radius:5px}.filter-row{display:flex;gap:9px;padding:18px 21px 13px;border-bottom:1px solid var(--line)}.filter{border:0;border-radius:20px;background:transparent;padding:7px 12px;font-size:13px;color:var(--muted);cursor:pointer}.filter span{margin-left:3px}.filter.active{color:var(--green-dark);background:var(--green-soft);font-weight:700}.conversation-list{overflow-y:auto;padding:8px 10px 40px}.conversation{position:relative;display:flex;align-items:center;gap:13px;padding:13px 12px;border:0;width:100%;text-align:left;background:transparent;border-radius:15px;cursor:pointer}.conversation:hover{background:#f2f5f3}.conversation.active{background:linear-gradient(100deg,#e4f8ed,#eefaf4);box-shadow:inset 3px 0 var(--green)}.conversation-copy{min-width:0;flex:1}.conversation-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.conversation-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{color:#a0a7a3;font-size:11px;white-space:nowrap}.conversation-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-preview{margin:0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;color:#fff;background:#ff6e63;font-size:10px}.pin-mark{flex:0 0 auto;padding:2px 5px;border-radius:3px;background:#dedede;color:#888;font-size:9px}.presence{position:absolute;left:47px;bottom:13px;width:11px;height:11px;border:2px solid white;border-radius:50%;background:var(--green)}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}.chat-panel{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:78px minmax(0,1fr) auto;background:#f4f7f5}.chat-header{display:flex;align-items:center;gap:13px;padding:0 27px;background:#ffffffe6;border-bottom:1px solid var(--line)}.chat-title{min-width:0;flex:1}.title-line{display:flex;align-items:center;gap:8px}.title-line h2{margin:0;font-size:17px}.chat-title p{margin:4px 0 0;font-size:12px;color:var(--muted)}.online-state{width:7px;height:7px;border-radius:50%;background:var(--green)}.online-state.offline{background:#b9c0bc}.mobile-back{display:none;border:0;background:transparent;font-size:31px;cursor:pointer}.message-area{min-height:0;overflow-y:auto;padding:25px 5%;background:linear-gradient(180deg,#f2f6f3,#f7f8f7)}.message-stage{max-width:850px;margin:0 auto}.message-list{display:flex;flex-direction:column;gap:16px}.group-banner{margin:0 auto 22px;padding:11px 14px;border:1px solid #d7e9df;border-radius:13px;background:#ffffffe6;color:#66716b;font-size:12px;box-shadow:0 5px 18px #2040300d}.group-banner strong{color:var(--green-dark);margin-right:7px}.group-banner button{width:100%;padding:0;border:0;background:transparent;display:flex;align-items:center;gap:7px;color:inherit;font:inherit;text-align:left;cursor:pointer}.group-banner button span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-banner button b{color:#999;font-size:18px;font-weight:400}.scroll-to-latest{position:absolute;left:50%;bottom:104px;z-index:9;width:38px;height:38px;transform:translate(-50%);border:1px solid #ddd;border-radius:50%;background:#fff;color:#555;font-size:25px;line-height:32px;box-shadow:0 3px 12px #0002;cursor:pointer}.scroll-to-latest:hover{background:#f7f7f7}.announcement-view-card{position:relative}.announcement-view-card h3{margin:10px 0 18px;text-align:center}.announcement-view-card>p{margin:0;padding:15px;border-radius:8px;background:#f5f5f5;color:#333;line-height:1.7;white-space:pre-wrap;word-break:break-word}.announcement-view-icon{width:46px;height:46px;margin:4px auto 0;display:grid;place-items:center;border-radius:10px;background:#07c160;color:#fff;font-size:22px}.redpacket-claim-outcome{margin:12px 0 6px!important;color:#fff7dc!important;font-size:19px!important;font-weight:700}.redpacket-total-amount{margin:2px 0 13px!important;color:#fff!important;font-size:14px!important;opacity:.92}.redpacket-total-amount.hidden{display:none}.day-divider{align-self:center;padding:5px 10px;border-radius:10px;color:#929b96;background:#ffffffbf;font-size:11px}.message{display:flex;align-items:flex-end;gap:9px;max-width:78%}.message.mine{align-self:flex-end;flex-direction:row-reverse}.message.theirs{align-self:flex-start}.message .avatar{width:35px;height:35px;border-radius:11px;font-size:12px}.bubble-wrap{min-width:0}.bubble{padding:11px 15px;border-radius:17px 17px 17px 6px;background:#fff;line-height:1.55;font-size:14px;box-shadow:0 4px 18px #1a322712;word-break:break-word}.mine .bubble{color:#063c24;background:linear-gradient(145deg,#a8ecc6,#8ee2b3);border-radius:17px 17px 6px;box-shadow:0 5px 16px #19b66a17}.bubble img{display:block;max-width:min(310px,55vw);max-height:280px;border-radius:10px}.message-meta{margin-top:5px;color:#9ba39f;font-size:10px}.mine .message-meta{text-align:right}.quoted-message{max-width:280px;margin:0 0 5px;padding:7px 9px;border-left:3px solid #b8bcb9;border-radius:4px;background:#0000000f;color:#737873;font-size:12px}.quoted-message strong,.quoted-message span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quoted-message strong{margin-bottom:2px;color:#515651}.voice-bubble{min-width:110px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:25px;color:inherit;cursor:pointer}.voice-waves{display:inline-block;font-weight:800;letter-spacing:-3px;transform:rotate(180deg)}.voice-bubble.playing .voice-waves{animation:voicePlay .45s infinite alternate}@keyframes voicePlay{to{opacity:.3}}.transfer-card{width:245px;margin:-9px -13px}.transfer-card>div{padding:15px;display:flex;align-items:center;gap:12px;background:#fa9d3b;color:#fff}.transfer-card>div span{width:42px;height:42px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:21px}.transfer-card strong{font-size:19px}.transfer-card small{display:block;padding:5px 12px;background:#fff;color:#999}.designated-transfer-card section{display:grid;gap:2px}.designated-transfer-card em{font-size:12px;font-style:normal;color:#fffdd}.transfer-modal-card{width:min(390px,100%)}.transfer-form-row{min-height:52px;margin-top:12px;padding:0 13px;border:1px solid #e2e2e2;border-radius:5px;background:#fff;display:flex;align-items:center;gap:10px}.transfer-form-row span{width:62px}.transfer-form-row input,.transfer-form-row select{min-width:0;flex:1;border:0;outline:0;background:transparent}.transfer-form-row b{font-weight:400}.transfer-safety-tip{color:#999;font-size:12px}.transfer-modal-card .confirm-group{width:100%;margin-top:8px;padding:13px}.transfer-modal-card .confirm-group:disabled{opacity:.45}.transfer-safety-tip.insufficient{color:#e05252}.transfer-card.received>div{background:#c6a16a}.transfer-card.received{opacity:.82}.clickable-transfer{cursor:pointer}.clickable-transfer:focus-visible{outline:2px solid #07c160;outline-offset:3px}.transfer-details-card{position:relative;text-align:center}.transfer-details-card>.receive-close{position:absolute;left:14px;top:12px;color:#777}.transfer-details-icon{width:58px;height:58px;margin:8px auto 14px;border-radius:50%;background:#fa9d3b;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:700}.transfer-details-card h3{margin:0 0 10px;font-size:18px}.transfer-details-card>strong{display:block;margin-bottom:22px;font-size:34px}.transfer-detail-rows{border-top:1px solid #eee}.transfer-detail-rows p{margin:0;padding:13px 2px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee;font-size:13px}.transfer-detail-rows span{color:#999}.transfer-detail-rows b{font-weight:500;text-align:right}.location-card{width:235px;margin:-9px -13px}.location-card strong,.location-card small{display:block;padding:0 13px}.location-card strong{padding-top:10px}.location-card small{color:#888}.mini-map{height:80px;margin-top:8px;background:linear-gradient(30deg,#dfe8da,#e8e4d2);display:grid;place-items:center;color:#e34d42;font-size:28px}.file-card,.contact-card{min-width:230px;display:flex;align-items:center;gap:12px}.file-card>span{width:48px;height:54px;background:#df5b4d;color:#fff;display:grid;place-items:center;font-size:11px}.file-card div,.contact-card div{display:grid;gap:5px}.file-card small,.contact-card small{color:#888}.contact-card .avatar{width:46px;height:46px}.contact-card-button{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.contact-card-button div{flex:1}.contact-card-button>b{color:#aaa;font-size:22px;font-weight:400}.group-card-button .avatar{border-radius:7px}.group-card-button small{color:#888}.message-translation{max-width:300px;margin-top:5px;padding:7px 10px;border-top:1px solid #ddd;color:#777;font-size:12px;line-height:1.5}.typing-indicator{margin:-7px 5% 9px;color:var(--muted);font-size:11px}.typing-indicator span{display:inline-block;width:4px;height:4px;margin-right:2px;border-radius:50%;background:var(--green);animation:pulse 1s infinite alternate}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes pulse{to{transform:translateY(-3px);opacity:.4}}.composer{position:relative;min-height:84px;padding:17px 25px;border-top:1px solid var(--line);background:#fffffff7;display:flex;align-items:flex-end;gap:10px;box-shadow:0 -8px 30px #192d2309}.composer-tools{display:flex;gap:5px}.reply-bar{position:absolute;left:14px;right:14px;bottom:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f3;border:1px solid #dedfdf;border-radius:8px 8px 0 0;color:#666}.reply-bar span{min-width:0;display:flex;flex-direction:column}.reply-bar small{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar button{border:0;background:transparent;font-size:20px;cursor:pointer}.more-tools-panel{position:absolute;left:14px;right:14px;bottom:calc(100% + 8px);display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:14px;background:#f7f7f7;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 32px #0000001f}.more-tools-panel button{border:0;background:transparent;color:#555;cursor:pointer}.more-tools-panel button span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 5px;border-radius:9px;background:#fff;font-size:22px}.message-menu{position:fixed;z-index:1000;display:grid;grid-template-columns:repeat(3,1fr);min-width:240px;padding:6px;border-radius:8px;background:#303030;box-shadow:0 8px 30px #00000040}.message-menu button{padding:9px 12px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:5px}.message-menu button:hover{background:#4a4a4a}.conversation-menu,.quick-menu{position:fixed;z-index:1100;min-width:145px;padding:5px;border-radius:5px;background:#303030;box-shadow:0 10px 28px #0004}.conversation-menu button,.quick-menu button{width:100%;padding:10px 12px;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#fff;text-align:left;cursor:pointer}.conversation-menu button:hover,.quick-menu button:hover{background:#454545}.quick-menu{position:absolute;top:63px;right:12px}.quick-menu button{display:flex;align-items:center;gap:12px}.quick-menu button>span{flex:1}.feature-head-main{display:contents}.settings-detail .setting-switch{min-height:56px;padding:0 16px;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;justify-content:space-between}.setting-switch input{width:42px;height:23px;accent-color:#07c160;cursor:pointer}.feature-head-main>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}#featureTitle{margin:0;line-height:1.2}#closeFeatureView{position:absolute;left:24px}#featureQuickButton{position:absolute;right:24px}.scan-page{max-width:460px;margin:28px auto;padding:42px 30px;text-align:center;border-radius:8px;background:#fff}.scan-page p{margin:8px 0 28px;color:#999}.scan-frame{position:relative;width:230px;height:230px;margin:0 auto 28px;background:#202124;display:grid;place-items:center}.scan-frame b{color:#fff;font-size:64px;font-weight:400}.scan-frame span{position:absolute;width:38px;height:38px;border-color:#07c160}.scan-frame span:nth-child(1){left:-3px;top:-3px;border-left:4px solid #07c160;border-top:4px solid #07c160}.scan-frame span:nth-child(2){right:-3px;top:-3px;border-right:4px solid #07c160;border-top:4px solid #07c160}.scan-frame span:nth-child(3){left:-3px;bottom:-3px;border-left:4px solid #07c160;border-bottom:4px solid #07c160}.scan-frame span:nth-child(4){right:-3px;bottom:-3px;border-right:4px solid #07c160;border-bottom:4px solid #07c160}.inbox-header{position:relative;align-items:center;justify-content:center}.inbox-header>div:first-child{text-align:center}.inbox-header .new-chat{position:absolute;right:26px}.chat-header{position:relative}.chat-title{position:absolute;left:50%;transform:translate(-50%);max-width:55%;text-align:center}.chat-title .title-line{justify-content:center}#chatMoreButton{margin-left:auto}.group-drawer header{position:relative;align-items:center;justify-content:flex-end}.group-drawer header>div:first-child{position:absolute;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.modal-head{position:relative;align-items:center;justify-content:flex-end}.modal-head>div:first-child{position:absolute;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.qr-card{max-width:390px;margin:24px auto;padding:28px;border-radius:8px;background:#fff;box-shadow:0 10px 28px #0000000d}.qr-owner{display:flex;align-items:center;gap:13px}.qr-owner .avatar{width:48px;height:48px;border-radius:5px}.qr-owner div{display:grid;gap:5px}.qr-owner small{color:#999}.qr-code{width:260px;height:260px;margin:28px auto 18px;padding:13px;background:#fff;border:1px solid #eee;display:grid;grid-template-columns:repeat(25,1fr);grid-template-rows:repeat(25,1fr);gap:1px}.qr-code i{display:block;background:#fff}.qr-code i.on{background:#111}.qr-card>p{text-align:center;color:#999;font-size:13px}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.qr-actions button{padding:12px;border:0;border-radius:4px;background:#f1f1f1;cursor:pointer}.qr-actions button:last-child{background:#07c160;color:#fff}@media(max-width:420px){.qr-card{margin:8px auto;padding:22px}.qr-code{width:230px;height:230px}}.payment-page{max-width:480px;margin:10px auto 30px}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;background:#e8e8e8}.payment-tabs button{padding:13px;border:0;background:transparent;color:#777;cursor:pointer}.payment-tabs button.active{background:#07c160;color:#fff}.payment-code-card{padding:26px 25px;text-align:center;background:#fff}.payment-code-card h3{margin:0 0 8px}.payment-code-card>p{margin:0;color:#888}.payment-code-card>small{display:block;margin-top:20px;color:#aaa}.payment-qr{width:230px;height:230px;margin:24px auto 14px}.barcode-lines{width:245px;height:56px;margin:8px auto;background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 5px,#111 5px 8px,#fff 8px 10px)}.payment-number{display:block;margin:8px 0 18px;letter-spacing:2px}.receive-amount{display:block;margin:12px 0 16px;text-align:left}.receive-amount>span{display:block;margin-bottom:7px;color:#777;font-size:13px}.receive-amount>div{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #ddd;font-size:28px}.receive-amount input{width:100%;border:0;outline:0;font-size:28px}.payment-options{margin-top:14px;background:#fff}.payment-options button{width:100%;padding:15px;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;justify-content:space-between;cursor:pointer}.payment-options b{color:#999;font-weight:400}.toast{position:fixed;z-index:1200;left:50%;top:16%;transform:translate(-50%);padding:10px 18px;border-radius:5px;background:#1e1e1ee0;color:#fff;font-size:13px;box-shadow:0 8px 25px #0002}.voice-recording-overlay{position:fixed;z-index:1190;left:50%;top:48%;transform:translate(-50%,-50%);width:150px;height:150px;padding:24px 16px 14px;border-radius:12px;background:#232323d1;color:#fff;display:grid;grid-template-columns:1fr 1fr;place-items:center;text-align:center}.voice-recording-overlay.cancel{background:#c33930e6}.voice-recording-overlay strong{grid-column:1/3;font-size:12px;font-weight:500}.voice-mic{font-size:50px}.voice-level{display:flex;align-items:flex-end;gap:3px;height:55px}.voice-level i{width:5px;height:15px;border-radius:4px;background:#fff;animation:voiceLevel .55s infinite alternate}.voice-level i:nth-child(2){height:28px;animation-delay:.1s}.voice-level i:nth-child(3){height:42px;animation-delay:.2s}.voice-level i:nth-child(4){height:22px;animation-delay:.3s}@keyframes voiceLevel{to{height:8px;opacity:.45}}.contact-profile-card{display:flex;align-items:center;gap:14px}.contact-profile-card .avatar{width:52px;height:52px;border-radius:5px}.contact-profile-card div:last-child{display:grid;gap:5px}.contact-profile-card small{color:#888}.chat-paper .message-area{background-color:#ece9e1;background-image:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:22px 22px}.message-action-button{align-self:center;opacity:.55;padding:5px;border:0;background:transparent;color:#8b8f8c;cursor:pointer;transition:opacity .15s}.message:hover .message-action-button,.message-action-button:focus-visible{opacity:1}.message-check{align-self:center;width:24px;height:24px;flex:0 0 auto;border:1px solid #bbb;border-radius:50%;background:#fff;color:#fff;cursor:pointer}.message.selected .message-check{border-color:#07c160;background:#07c160}.multi-select-bar{min-height:86px;padding:12px 10%;border-top:1px solid #ddd;background:#f5f5f5;display:flex;align-items:center;justify-content:space-around}.multi-select-bar button{width:62px;border:0;background:transparent;color:#444;display:grid;place-items:center;gap:4px;font-size:18px;cursor:pointer}.multi-select-bar small{font-size:11px}@media(hover:none){.message-action-button{opacity:1}}.tool-button{border:0;width:41px;height:41px;border-radius:12px;background:transparent;cursor:pointer;display:grid;place-items:center;font-size:22px;color:#65716b}.tool-button:hover{background:var(--soft)}.redpacket-tool{color:#e85d48;font-weight:800}.file-button input{display:none}.composer textarea{flex:1;min-height:45px;max-height:120px;padding:12px 15px;resize:none;border:1px solid #e1e7e3;border-radius:15px;outline:0;background:#f5f8f6;line-height:1.4}.composer textarea:focus{background:#fff;border-color:#8bd9ae;box-shadow:0 0 0 3px var(--green-soft)}.send-button{min-width:72px;height:45px;border:0;border-radius:14px;color:#fff;background:linear-gradient(145deg,#20c97a,#11a75f);font-weight:700;cursor:pointer;box-shadow:0 7px 18px #16b86b33}.send-button:disabled{opacity:.4;cursor:default}.send-button:not(:disabled):hover{background:var(--green-dark)}.emoji-panel{position:absolute;bottom:72px;left:26px;width:230px;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #14281f24}.emoji-panel button{border:0;background:transparent;padding:6px;font-size:20px;cursor:pointer;border-radius:7px}.emoji-panel button:hover{background:var(--soft)}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#08140e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(420px,100%);padding:22px;border-radius:22px;background:#fff;box-shadow:0 30px 90px #0003}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h3{margin:0;font-size:22px}.contact-picker{margin-top:18px;display:grid;gap:7px}.contact-option{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:10px;border-radius:13px;cursor:pointer;text-align:left}.contact-option:hover{background:var(--soft)}.contact-option strong{display:block}.contact-option small{color:var(--muted)}.message-forward-picker{max-height:min(620px,82vh);display:flex;flex-direction:column}.message-forward-picker .modal-head button{border:0;background:transparent;font-size:24px;cursor:pointer}.message-forward-list{margin-top:16px;overflow:auto}.message-forward-list>button{width:100%;padding:11px 4px;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;cursor:pointer}.message-forward-list>button:hover{background:#f5f5f5}.message-forward-list .avatar{width:42px;height:42px;border-radius:5px}.message-forward-list span{display:grid;gap:4px}.message-forward-list small{color:#999}.modal-actions{margin:18px 0 8px}.create-group-button,.confirm-group,.save-settings{width:100%;border:0;border-radius:13px;padding:11px 14px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}.create-group-button{background:var(--green-soft);color:var(--green-dark)}.group-tip{color:var(--muted);font-size:12px}.group-join-condition{margin:12px 0;padding:13px;border:1px solid #e4e7ed;border-radius:10px;background:#f8f9fb}.condition-switch{display:flex;align-items:center;justify-content:space-between;gap:14px}.condition-switch span{display:grid;gap:4px}.condition-switch small{color:#8d95a2;font-size:12px}.condition-switch input{width:20px;height:20px;accent-color:#07c160}.join-balance-amount{display:grid;gap:7px;margin-top:13px;font-size:13px;font-weight:700}.join-balance-amount input{height:42px;padding:0 12px;border:1px solid #dfe3ea;border-radius:8px;font:inherit}.group-join-rule{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#eaf8f0;color:#078f49;font-size:13px}.group-join-rule:empty{display:none}.group-join-condition-edit{margin:0;border:0;background:transparent;padding:0}.setting-help{display:block;margin-top:8px;color:#8d95a2;line-height:1.5}.group-capacity-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:12px;border-radius:9px;background:#f4f6f8}.group-capacity-card>div{display:grid;gap:4px}.group-capacity-card small{color:#8d95a2}.group-capacity-card button{border:0;border-radius:7px;padding:8px 11px;background:#07c160;color:#fff;cursor:pointer}.capacity-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.capacity-plans>button{display:grid;gap:4px;padding:10px 5px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;cursor:pointer}.capacity-plans>button:disabled{opacity:.45;cursor:not-allowed}.capacity-plans small{color:#07a950}.capacity-plans p{grid-column:1/-1;margin:3px 0 0;color:#999;font-size:11px}.group-contact-picker{max-height:330px;overflow:auto;margin:12px 0;display:grid;gap:5px}.group-contact{display:flex;align-items:center;gap:12px;padding:9px;border-radius:12px;cursor:pointer}.group-contact:hover{background:var(--soft)}.group-contact input{width:18px;height:18px;accent-color:var(--green)}.group-contact .avatar{width:40px;height:40px;border-radius:12px}.confirm-group:disabled{opacity:.4;cursor:default}.group-drawer{position:fixed;z-index:18;top:0;right:0;width:min(380px,100vw);height:100dvh;padding:24px;overflow-y:auto;background:#fff;box-shadow:-18px 0 60px #14281f29}.group-drawer header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.group-drawer h3{margin:0;font-size:22px}.group-drawer section{padding:18px 0;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title span{color:var(--muted);font-size:12px}.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px 8px}.member{min-width:0;text-align:center;border:0;background:transparent;cursor:pointer;font:inherit}.member .avatar{width:43px;height:43px;margin:0 auto 6px;border-radius:12px}.member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.setting-label{display:grid;gap:9px;font-weight:700;font-size:13px}.setting-label input,.setting-label textarea{width:100%;padding:10px 11px;resize:vertical;border:1px solid var(--line);border-radius:10px;outline:0;background:var(--soft);font-weight:400}.save-settings{margin-top:10px}.member-actions{display:flex;gap:8px;margin-top:14px}.member-actions button{flex:1;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.inline-invite-panel{margin-top:12px;padding:12px;border-radius:10px;background:#f7f8fa}.inline-invite-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inline-invite-head small{color:#8d95a2}.inline-invite-panel .group-contact-picker{max-height:240px;margin:0}.inline-invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.inline-invite-actions button{height:40px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;cursor:pointer}.inline-invite-actions button:last-child{border-color:#07c160;background:#07c160;color:#fff}.inline-invite-actions button:disabled{opacity:.45;cursor:not-allowed}.settings-list{display:grid;gap:18px}.settings-list label{display:flex;justify-content:space-between;align-items:center}.settings-list input{width:38px;height:20px;accent-color:var(--green)}.plain-setting{width:100%;padding:2px 0;border:0;background:transparent;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.plain-setting.danger-soft{color:#e07b58}.plain-setting.danger{padding:11px;border-radius:10px;justify-content:center;background:#fff0ed;color:#d94737;font-weight:700}.sender-name{margin:0 0 4px 3px;color:#8d9691;font-size:10px}.mention-suggestions{position:absolute;left:100px;bottom:70px;width:220px;max-height:220px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 12px 35px #14281f24}.mention-option{width:100%;border:0;background:transparent;padding:8px;border-radius:9px;text-align:left;cursor:pointer}.mention-option:hover{background:var(--soft)}.redpacket-bubble{padding:0!important;overflow:hidden;background:linear-gradient(145deg,#f49153,#ed7448)!important;color:#fff!important;min-width:245px;box-shadow:0 7px 20px #dc643729!important;cursor:pointer}.redpacket-main{padding:14px 16px;display:flex;align-items:center;gap:12px}.redpacket-mark{width:39px;height:45px;border:2px solid #fff9;border-radius:5px;display:grid;place-items:center;font-size:21px;font-weight:800}.redpacket-copy strong,.redpacket-copy small{display:block}.redpacket-copy strong{font-size:14px}.redpacket-copy small{margin-top:3px;color:#fffbd}.redpacket-foot{padding:5px 13px;background:#fff;color:#a49b96;font-size:9px}.redpacket-bubble.opened{filter:saturate(.55);opacity:.82}.redpacket-modal-card{position:relative;width:min(390px,100%);padding:30px 24px 25px;border-radius:22px;background:#f5f5f5;text-align:center}.redpacket-close,.receive-close{position:absolute;left:16px;top:14px;border:0;background:transparent;color:#777;font-size:25px;cursor:pointer}.redpacket-icon{width:52px;height:52px;margin:0 auto 10px;border-radius:15px;background:#e85d48;color:#ffd6b8;display:grid;place-items:center;font-size:27px;font-weight:800}.redpacket-modal-card h3{margin:0 0 24px}.packet-types{margin:-10px 0 16px;padding:4px;border-radius:11px;background:#ececec;display:grid;grid-template-columns:1fr 1fr}.packet-types button{padding:8px;border:0;border-radius:8px;background:transparent;color:#888;cursor:pointer}.packet-types button.active{background:#fff;color:#d95743;font-weight:700;box-shadow:0 2px 7px #0001}.money-field,.blessing-field{height:52px;margin-bottom:12px;padding:0 15px;border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px;text-align:left}.money-field span{flex:1}.money-field input{width:130px;border:0;outline:0;text-align:right;font-size:22px}.money-field b{font-weight:400}.blessing-field input{width:100%;border:0;outline:0;background:transparent}.redpacket-hint{margin:4px 0;color:#999;font-size:11px;text-align:left}.redpacket-hint.error{color:#dc4935}.amount-preview{margin:24px 0 20px}.amount-preview small{font-size:18px}.amount-preview strong{font-size:38px}.confirm-redpacket{width:100%;padding:13px;border:0;border-radius:11px;background:#e85d48;color:#fff;font-weight:700;cursor:pointer}.confirm-redpacket:disabled{opacity:.38}.receive-card{position:relative;width:min(360px,100%);min-height:470px;padding:55px 28px 28px;border-radius:22px;background:linear-gradient(#d95743 0 42%,#e9634d 42%);color:#ffe9d1;text-align:center;box-shadow:0 28px 80px #0004;overflow:hidden}.receive-card:before{content:"";position:absolute;left:-20%;right:-20%;top:34%;height:120px;border-radius:0 0 50% 50%;background:#d95743}.receive-close{color:#ffe2c4;z-index:1}.receive-avatar{position:relative;z-index:1;width:56px;height:56px;margin:auto;border-radius:16px;background:#c67532;color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden}.receive-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.receive-card p,.receive-card h3{position:relative;z-index:1}.receive-card p{font-size:13px}.receive-card h3{margin:25px 0;font-size:21px;color:#ffe8c8}.open-redpacket{position:relative;z-index:2;width:78px;height:78px;border:0;border-radius:50%;background:#f7d49e;color:#b54a39;font-size:29px;font-weight:800;cursor:pointer;box-shadow:0 7px 22px #9e2e2444}.open-redpacket:hover{transform:scale(1.04)}.open-redpacket:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.5;transform:none}.redpacket-eligibility{position:relative;z-index:2;margin:-12px 0 18px!important;color:#ffe0bd;font-size:11px!important}.redpacket-eligibility.insufficient{color:#fff;background:#a93c32;padding:7px;border-radius:5px}.auto-packet-details{max-height:180px;margin-top:12px;padding:6px 12px;border-radius:8px;background:#fff;color:#555;overflow-y:auto;text-align:left}.auto-packet-details>div{min-height:34px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:12px}.auto-packet-details>div:last-child{border-bottom:0}.auto-packet-details strong{font-size:14px!important;color:#d95743}.auto-packet-details p{margin:10px!important;text-align:center;color:#999!important}.received-result{position:relative;z-index:2;margin-top:55px}.received-result small,.received-result strong{display:block}.received-result strong{margin-top:8px;font-size:28px;color:#ffe9c9}.received-result p{font-size:12px;color:#ffd9bc}@media(max-width:900px){.app-shell{grid-template-columns:76px 340px 1fr}}@media(max-width:720px){body{background:#fff}.app-shell{position:relative;display:block;width:100%}.rail{position:fixed;z-index:12;left:0;right:0;bottom:0;height:65px;padding:6px 10px;flex-direction:row;justify-content:space-around}.brand,.rail-spacer,.nav-dot{display:none}.rail-button{width:70px;min-height:52px;gap:2px}.rail-label{display:block;font-size:10px}.nav-icon{font-size:21px}.profile-button .avatar{width:29px;height:29px;border-radius:50%;font-size:0;box-shadow:0 0 0 2px #fff,0 2px 8px #0002}.inbox{height:calc(var(--app-height, 100dvh) - 65px - env(safe-area-inset-bottom,0px));border:0}.inbox-header{padding-top:22px}.chat-panel{position:fixed;z-index:15;inset:0;width:100%;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);transform:translate(100%);transition:transform .22s ease}.chat-panel.open{transform:translate(0)}.mobile-back{display:block}.chat-header{padding:0 12px}.chat-header .icon-button{width:34px}.message-area{padding:22px 15px}.composer{padding:11px}.composer-tools .tool-button:nth-child(1){display:none}.composer-tools{gap:0}.send-button{min-width:57px}.group-drawer{z-index:30}}:root{--ink: #182034;--muted: #7b8499;--line: #e3e7f0;--surface: #ffffff;--soft: #f4f6fb;--green: #6c5ce7;--green-dark: #5143c8;--green-soft: #eeebff;--rail: #17182d}body{background:#dfe3ed}.app-shell{width:min(1540px,100vw);grid-template-columns:96px 406px 1fr;background:#fff;box-shadow:0 30px 100px #161b3438}.rail{padding:25px 14px 20px;gap:12px;background:linear-gradient(180deg,#17182d,#22233d)}.brand{width:50px;height:50px;margin-bottom:25px;border-radius:17px;background:linear-gradient(145deg,#8b78ff,#6655df);box-shadow:0 12px 30px #6c5ce761}.rail-button{width:68px;min-height:62px;border-radius:18px;color:#858aa6}.rail-button:hover{background:#ffffff0d;color:#fff}.rail-button.active{background:linear-gradient(145deg,#7464ec33,#9b8cff1f);color:#b7adff;box-shadow:inset 0 0 0 1px #a89cff1c}.nav-icon{width:30px;height:30px;border-radius:10px;background:#ffffff0a;display:grid;place-items:center;font-size:12px;font-weight:800}.rail-button.active .nav-icon{background:#7565e8;color:#fff;box-shadow:0 5px 14px #6c5ce755}.nav-dot{right:5px;top:9px;background:#ff806d;box-shadow:0 0 0 3px #22233d}.avatar-me{background:linear-gradient(145deg,#ffb46c,#df7848)}.inbox{background:#f7f8fc;border-right:1px solid #e0e4ee}.inbox-header{padding:34px 28px 20px}.eyebrow{color:#9ba2b3;letter-spacing:.12em;font-size:10px}h1{font-size:31px;letter-spacing:-.06em}.new-chat{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#7d6df0,#6050d5);box-shadow:0 9px 20px #6c5ce733}.new-chat:hover{background:#5143c8}.search-wrap{height:47px;margin:0 22px;padding:0 14px;border:1px solid #e5e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 15px #27315a08}.search-wrap:focus-within{outline:3px solid #6c5ce71f;background:#fff;border-color:#bcb3fa}.filter-row{padding:19px 22px 14px;border-bottom:0}.filter{padding:8px 13px;border-radius:12px}.filter.active{background:#e9e5ff;color:#5849cf}.conversation-list{padding:5px 12px 40px}.conversation{padding:14px 13px;border-radius:18px;gap:14px;margin-bottom:3px}.conversation:hover{background:#eef0f7}.conversation.active{background:#fff;box-shadow:0 8px 26px #22284b14;border:1px solid #eceef4}.conversation.active:before{content:"";position:absolute;left:-12px;width:4px;height:32px;border-radius:0 4px 4px 0;background:#6c5ce7}.conversation .avatar{border-radius:16px;box-shadow:0 6px 14px #242a4d12}.presence{border-color:#f7f8fc;background:#35c885}.conversation.active .presence{border-color:#fff}.badge{background:#ff735f;box-shadow:0 3px 8px #ff735f44}.chat-panel{background:#f3f5f9}.chat-header{height:82px;padding:0 30px;background:#fff;border-bottom:1px solid #e5e8ef;box-shadow:0 5px 18px #1c203a06}.chat-header .avatar{border-radius:15px;box-shadow:0 6px 14px #242a4d12}.title-line h2{font-size:18px}.online-state{background:#35c885;box-shadow:0 0 0 3px #dff8ec}.icon-button{background:#f3f4f8;border-radius:13px;color:#5d6475}.icon-button:hover{background:#ebe8ff;color:#5b4cd2}.message-area{padding:28px 6%;background:radial-gradient(circle at 80% 0,#e8e5ff 0,transparent 28%),radial-gradient(circle at 5% 90%,#e3f3ee 0,transparent 25%),#f3f5f9}.group-banner{padding:12px 15px;border:1px solid #dedaf8;background:#ffffffd9;border-radius:15px;color:#6f7587;box-shadow:0 8px 22px #252a510d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.group-banner strong{color:#5b4cd2}.day-divider{background:#e8eaf0;color:#8e95a5}.message{gap:10px}.message .avatar{border-radius:12px;box-shadow:0 5px 12px #1f264511}.sender-name{color:#8c93a3;margin-bottom:5px}.bubble{padding:12px 16px;border-radius:18px 18px 18px 7px;box-shadow:0 7px 23px #18203412}.mine .bubble{color:#fff;background:linear-gradient(145deg,#7968ed,#6051d8);border-radius:18px 18px 7px;box-shadow:0 8px 20px #6c5ce72c}.message-meta{color:#9aa1b0}.typing-indicator span{background:#7161e6}.composer{min-height:88px;padding:18px 27px;background:#fff;border-top:1px solid #e3e6ed;box-shadow:0 -10px 30px #242a4d08}.tool-button{color:#656d80;border-radius:14px}.tool-button:hover{background:#f0eefc;color:#5d4dd5}.redpacket-tool{color:#ef6c53;background:#fff0ec}.composer textarea{min-height:48px;padding:13px 16px;border:1px solid #e3e6ee;border-radius:16px;background:#f5f6fa}.composer textarea:focus{border-color:#aea3f5;box-shadow:0 0 0 4px #6c5ce715}.send-button{height:48px;min-width:76px;border-radius:16px;background:linear-gradient(145deg,#7c6bef,#5c4dd2);box-shadow:0 9px 21px #6c5ce733}.emoji-panel,.mention-suggestions{border:1px solid #e5e7ef;border-radius:17px;box-shadow:0 18px 48px #1b20412b}.redpacket-bubble{min-width:255px;background:linear-gradient(145deg,#ff8b64,#ed604c)!important;border-radius:18px!important;box-shadow:0 10px 25px #e7644e2b!important}.redpacket-main{padding:15px 17px}.modal{background:#16182e80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{border-radius:24px;border:1px solid #ffffff77;box-shadow:0 35px 100px #0e102743}.create-group-button,.confirm-group,.save-settings{border-radius:14px;background:linear-gradient(145deg,#7968ed,#5a4bcf)}.create-group-button{color:#5a4bd0;background:#eeebff}.contact-option,.group-contact{border-radius:15px}.contact-option:hover,.group-contact:hover{background:#f2f0ff}.group-drawer{width:min(400px,100vw);padding:27px;background:#fafbfe;border-left:1px solid #e3e6ee;box-shadow:-25px 0 70px #151a3926}.group-drawer section{border-top:1px solid #e4e7ef}.member .avatar{border-radius:14px;box-shadow:0 5px 13px #20264612}.setting-label input,.setting-label textarea{border-color:#e0e4ec;border-radius:12px;background:#fff}.member-actions button{border-color:#ddd9f8;border-radius:12px;background:#f1efff;color:#594bd0}.plain-setting.danger{background:#ffedea;color:#dc5344}.redpacket-modal-card{border-radius:26px;background:#f7f7fa;box-shadow:0 35px 100px #0e102744}.redpacket-icon{border-radius:18px;background:linear-gradient(145deg,#ff8664,#e85e4c)}.packet-types{background:#e9eaf0}.packet-types button.active{color:#5c4dd2}.confirm-redpacket{border-radius:14px;background:linear-gradient(145deg,#ff7b5b,#e65a48)}.receive-card{border-radius:28px;background:linear-gradient(#d95848 0 42%,#eb6a54 42%)}.feature-view{position:fixed;z-index:17;inset:0 0 0 96px;background:#f4f6fb;overflow:auto}.feature-head{position:sticky;top:0;z-index:2;height:88px;padding:0 34px;background:#ffffffed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e3e7ef;display:flex;align-items:center;justify-content:space-between}.feature-head h2{margin:0;font-size:27px}.feature-content{max-width:1050px;margin:auto;padding:32px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:122px;padding:20px;border:1px solid #e2e5ee;border-radius:20px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 25px #2228440b}.feature-card:hover{transform:translateY(-2px);border-color:#c9c2f6;box-shadow:0 14px 30px #342a7418}.feature-card .feature-icon{width:44px;height:44px;margin-bottom:14px;border-radius:14px;background:#eeebff;color:#5b4cd2;display:grid;place-items:center;font-weight:800}.feature-card strong,.feature-card small{display:block}.feature-card small{margin-top:6px;color:#8991a3}.contact-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.directory-row{padding:15px;border:0;border-radius:17px;background:#fff;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.directory-row .avatar{width:45px;height:45px;border-radius:14px}.directory-row span:last-child{display:grid;gap:4px}.directory-row small{color:#8c94a5}.moments-cover{height:220px;margin:-32px -32px 25px;padding:34px;border-radius:0 0 28px 28px;background:linear-gradient(135deg,#22233d,#6555dd);color:#fff;display:flex;align-items:flex-end;justify-content:space-between}.moments-cover h3{font-size:29px;margin:0}.moment{padding:22px;margin-bottom:14px;border-radius:20px;background:#fff;box-shadow:0 8px 25px #2228440b}.moment-head{display:flex;align-items:center;gap:12px}.moment-head .avatar{width:43px;height:43px;border-radius:13px}.moment p{line-height:1.65}.moment-photo{height:170px;border-radius:16px;background:linear-gradient(135deg,#efb976,#d96d63 45%,#5b668e);display:grid;place-items:center;color:#fff;font-size:18px}.moment-actions{margin-top:14px;display:flex;gap:18px;color:#727b91;font-size:13px}.wallet-card{padding:28px;border-radius:24px;background:linear-gradient(135deg,#6757df,#4134a9);color:#fff;box-shadow:0 18px 40px #5445c733}.wallet-card small,.wallet-card strong{display:block}.wallet-card strong{margin:12px 0;font-size:38px}.wallet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.wallet-actions button{padding:16px 8px;border:0;border-radius:16px;background:#ffffff18;color:#fff;cursor:pointer}.profile-hero{padding:26px;border-radius:24px;background:#fff;display:flex;align-items:center;gap:18px}.profile-hero .avatar{width:72px;height:72px;border-radius:22px;font-size:23px}.profile-hero h3{margin:0 0 7px;font-size:23px}.profile-hero p{margin:0;color:#8991a3}.call-modal{position:fixed;z-index:50;inset:0;background:radial-gradient(circle at 50% 20%,#4a4c72,#151627 65%);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:12vh}.call-person-avatar{width:92px;height:92px;border-radius:28px;background:#ef866d;display:grid;place-items:center;font-size:32px;font-weight:800;box-shadow:0 18px 50px #0005}.call-modal h2{margin:20px 0 6px;font-size:27px}.call-modal p{color:#b8bbca}.call-wave{height:70px;display:flex;align-items:center;gap:6px}.call-wave i{width:5px;height:18px;border-radius:4px;background:#9a8dff;animation:wave .8s infinite alternate}.call-wave i:nth-child(2),.call-wave i:nth-child(4){animation-delay:.2s;height:32px}.call-wave i:nth-child(3){animation-delay:.4s;height:48px}@keyframes wave{to{height:8px;opacity:.4}}.call-actions{position:absolute;bottom:10vh;display:flex;gap:42px}.call-actions button{border:0;background:transparent;color:#fff;display:grid;gap:8px;place-items:center;cursor:pointer}.call-actions button span{width:62px;height:62px;border-radius:50%;background:#fff2;display:grid;place-items:center;font-size:18px}.call-actions .end-call span{background:#ef574c}.call-actions small{font-size:12px}.voice-recording{background:#efebff!important;color:#5848d0!important;animation:recordPulse 1s infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 8px #6c5ce714}}@media(max-width:720px){.app-shell{display:block}.rail{background:#fff;border-top:1px solid #e3e6ee;box-shadow:0 -8px 24px #242a4d0d}.rail-button{color:#8c93a5}.rail-button.active{background:#eeebff;color:#5d4fd1}.rail-button.active .nav-icon{color:#fff}.inbox{background:#f8f9fc}.chat-header{height:74px}.message-area{padding:20px 14px}.composer{padding:11px;min-height:72px}.feature-view{left:0;bottom:65px}.feature-content{padding:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.contact-directory{grid-template-columns:1fr}.moments-cover{margin:-20px -20px 20px}.wallet-actions{grid-template-columns:repeat(2,1fr)}}@media(min-width:721px){html,body{min-width:900px;background:#d5d5d5}body{display:grid;place-items:center;padding:20px}.app-shell{width:min(1180px,calc(100vw - 40px));height:min(820px,calc(100dvh - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:0;grid-template-columns:64px 300px minmax(0,1fr);border-radius:2px;background:#fff;box-shadow:0 14px 48px #0000003d}.rail{padding:20px 7px 16px;gap:6px;background:#2e2e2e}.brand{width:40px;height:40px;margin-bottom:18px;border-radius:4px;background:#07c160;box-shadow:none;font-size:17px}.rail-button{width:50px;min-height:51px;border-radius:3px;color:#8e8e8e}.rail-button:hover{background:#383838;color:#cfcfcf}.rail-button.active{background:transparent;color:#07c160;box-shadow:none}.nav-icon{font-size:21px}.nav-unread-count{box-shadow:0 0 0 2px #2e2e2e}.avatar-me{width:36px;height:36px;border-radius:3px}.inbox{background:#f7f7f7;border-right:1px solid #d8d8d8}.inbox-header{height:62px;padding:0 16px;flex:0 0 62px;border-bottom:0}.inbox-header h1{font-size:18px;font-weight:600;letter-spacing:0}.inbox-header .new-chat{right:15px;width:30px;height:30px;border-radius:3px;background:#e2e2e2;color:#333;font-size:20px}.inbox-header .new-chat:hover{background:#d5d5d5;color:#111}.search-wrap{height:32px;margin:0 10px 8px;padding:0 9px;gap:6px;border-radius:3px;background:#e8e8e8;font-size:12px}.search-wrap:focus-within{outline:0;background:#fff;box-shadow:inset 0 0 0 1px #cfcfcf}.search-wrap input{text-align:left}.search-wrap kbd{display:none}.filter-row{min-height:37px;padding:0 10px 7px;gap:2px;border-bottom:1px solid #e1e1e1}.filter{padding:5px 9px;border-radius:3px;font-size:12px}.filter.active{color:#07a94f;background:#dcf5e7}.conversation-list{padding:0 0 24px}.conversation{min-height:68px;margin:0;padding:10px 11px;gap:10px;border-radius:0;border-bottom:1px solid #e9e9e9}.conversation:hover{background:#e9e9e9}.conversation.active{background:#c9c9c9;border-bottom-color:#c9c9c9;box-shadow:none}.conversation.active:before{display:none}.conversation .avatar{width:44px;height:44px;border-radius:3px;box-shadow:none}.conversation-top{margin-bottom:5px}.conversation-name{font-size:14px;font-weight:500;color:#222}.conversation-preview{font-size:12px;color:#999}.conversation-time{font-size:10px;color:#aaa}.presence{display:none}.chat-panel{grid-template-rows:62px minmax(0,1fr) 142px;background:#f5f5f5}.chat-header{height:62px;padding:0 20px;gap:10px;background:#f5f5f5;border-bottom:1px solid #d8d8d8}.chat-header .avatar{width:36px;height:36px;border-radius:3px;box-shadow:none}.title-line h2{font-size:16px;font-weight:500}.chat-title p{margin-top:1px;font-size:11px;color:#999}#chatMoreButton{width:34px;height:34px;margin-left:auto;border-radius:3px;color:#555}#chatMoreButton:hover{background:#e5e5e5;color:#111}.message-area{padding:26px 38px 24px;background:#f5f5f5}.message-stage{max-width:820px}.message-list{gap:17px}.message{max-width:78%}.message .avatar{width:34px;height:34px;border-radius:3px}.bubble-wrap{max-width:min(500px,60vw)}.bubble{min-height:36px;padding:8px 12px;border-radius:3px;font-size:13px;box-shadow:none}.mine .bubble{border-radius:3px;background:#95ec69;border-color:#85df5a}.group-banner{top:-26px;margin:-26px auto 14px;border-radius:3px}.scroll-to-latest{bottom:156px}.composer{min-height:142px;height:142px;padding:8px 18px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:36px minmax(0,1fr);align-items:stretch;gap:0;background:#fff;border-top:1px solid #d8d8d8;box-shadow:none}.composer-tools{grid-column:1 / -1;grid-row:1;align-items:center;gap:2px}.tool-button{width:34px;height:32px;border-radius:2px;color:#3f3f3f;font-size:18px}.tool-button:hover{background:#ededed;color:#111}.composer textarea{grid-column:1 / -1;grid-row:2;width:100%;min-height:70px;max-height:82px;padding:4px 86px 4px 4px;border:0;border-radius:0;background:#fff;font-size:14px;line-height:1.6}.composer textarea:focus{border:0;box-shadow:none;background:#fff}.send-button{position:absolute;right:18px;bottom:14px;z-index:2;width:68px;height:30px;border:1px solid #d8d8d8;border-radius:2px;background:#f5f5f5;color:#aaa;font-size:12px}.send-button:not(:disabled){border-color:#07c160;background:#07c160;color:#fff}.hold-talk-button{grid-column:1 / -1;grid-row:2;height:52px;align-self:center;border-radius:2px}.reply-bar{left:0;right:0;border-radius:0}.more-tools-panel,.emoji-panel{left:0;right:0;bottom:100%;border-radius:0}}.auth-screen{position:fixed;z-index:2000;inset:0;display:grid;grid-template-columns:minmax(300px,42%) minmax(420px,58%);background:#f5f5f5;color:#222}.auth-brand-panel{padding:72px clamp(38px,6vw,88px);background:linear-gradient(155deg,#26312c,#18231e);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-brand-mark{width:64px;height:64px;margin-bottom:26px;border-radius:8px;background:#07c160;display:grid;place-items:center;font-size:28px;font-weight:700}.auth-brand-panel h1{margin:0 0 14px;font-size:38px;letter-spacing:.08em}.auth-brand-panel p{max-width:390px;margin:0;color:#c1cbc6;font-size:16px;line-height:1.8}.auth-brand-panel ul{margin:36px 0 0;padding:0;display:grid;gap:15px;list-style:none;color:#aebbb5}.auth-brand-panel li:before{content:"✓";margin-right:10px;color:#36d784}.auth-form-panel{position:relative;min-width:0;padding:36px;display:grid;place-items:center;overflow-y:auto}.auth-close{position:absolute;right:30px;top:24px;width:38px;height:38px;border:0;border-radius:4px;background:transparent;color:#888;font-size:28px;cursor:pointer}.auth-close:hover{background:#e7e7e7;color:#222}.register-card{width:min(420px,100%);padding:34px 38px;border-radius:6px;background:#fff;box-shadow:0 10px 36px #00000012;display:grid;gap:16px}.register-card header{margin-bottom:2px}.register-card header span{color:#07a954;font-size:12px}.register-card h2{margin:6px 0 5px;font-size:27px;font-weight:600}.register-card header p{margin:0;color:#999;font-size:13px}.register-card>label{display:grid;gap:7px;font-size:13px;font-weight:500}.register-card input{width:100%;height:44px;padding:0 12px;border:1px solid #dcdcdc;border-radius:4px;outline:0;background:#fff}.register-card input:focus{border-color:#07c160;box-shadow:0 0 0 2px #07c16018}.register-code-row{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:9px}.register-code-row button{border:1px solid #07c160;border-radius:4px;background:#effaf4;color:#079e4f;cursor:pointer;font-size:12px}.register-code-row button:disabled{border-color:#ddd;background:#f3f3f3;color:#999;cursor:not-allowed}.register-card .register-agreement{display:flex;align-items:flex-start;gap:8px;color:#777;font-weight:400;line-height:1.5}.register-agreement input{width:16px;height:16px;margin:2px 0 0;accent-color:#07c160}.register-agreement button{display:inline;padding:0;border:0;background:transparent;color:#078f49;cursor:pointer;font-size:inherit}.register-agreement button:hover{text-decoration:underline}.legal-document-card{width:min(560px,calc(100vw - 34px));max-height:min(720px,88dvh);padding:24px;display:flex;flex-direction:column}.legal-document-content{min-height:0;overflow-y:auto;padding:4px 5px 18px;color:#555;font-size:14px;line-height:1.75}.legal-document-content h4{margin:18px 0 5px;color:#222}.legal-document-content p{margin:0}.legal-document-card>.confirm-group{flex:0 0 auto;width:100%}.scan-upload-button{display:flex;align-items:center;justify-content:center;cursor:pointer}.scan-upload-button input{display:none}.service-status-page{max-width:460px;margin:36px auto;padding:42px 30px;border-radius:8px;background:#fff;text-align:center}.service-status-page>span{width:56px;height:56px;margin:0 auto 18px;border-radius:14px;background:#eee;color:#888;display:grid;place-items:center;font-size:22px;font-weight:700}.service-status-page h3{margin:0 0 10px}.service-status-page p{margin:0 0 26px;color:#999;line-height:1.7}.register-error{margin:-5px 0 0;padding:9px 11px;border-radius:4px;background:#fff1ef;color:#d94b43;font-size:12px}.register-submit,.register-secondary{width:100%;height:45px;border:0;border-radius:4px;cursor:pointer}.register-submit{background:#07c160;color:#fff;font-weight:600}.register-submit:hover{background:#06ad56}.register-secondary{margin-top:-7px;background:transparent;color:#777}.register-secondary:hover{background:#f5f5f5}.register-account-entry{color:#07a954!important}@media(max-width:720px){.auth-screen{display:block;background:#fff;overflow-y:auto}.auth-brand-panel{min-height:176px;padding:34px 28px;display:block}.auth-brand-mark{width:48px;height:48px;margin-bottom:13px;font-size:21px}.auth-brand-panel h1{font-size:25px;margin-bottom:6px}.auth-brand-panel p{font-size:13px}.auth-brand-panel ul{display:none}.auth-form-panel{padding:24px 20px 40px;display:block;overflow:visible}.auth-close{right:13px;top:12px;color:#fff;background:#ffffff18}.register-card{width:100%;padding:10px 3px 24px;border-radius:0;box-shadow:none;gap:15px}.register-card h2{font-size:24px}}.profile-entry{width:100%;border:0;text-align:left;cursor:pointer}.profile-entry>div{flex:1}.profile-entry>b{color:#aaa;font-size:24px}.profile-detail-card{padding:32px;background:#fff;text-align:center}.profile-detail-card .avatar{width:76px;height:76px;margin:auto;font-size:24px}.profile-detail-card h3{margin:12px 0 5px}.profile-detail-card p,.profile-detail-card small{color:#888}.profile-qr{width:150px;height:150px;margin:22px auto 12px;border:8px solid #111;background:repeating-linear-gradient(45deg,#111 0 7px,#fff 7px 14px);display:grid;place-items:center;color:#07c160;font-size:50px}.settings-page{margin-top:16px;background:#fff}.settings-page button{width:100%;min-height:54px;padding:0 16px;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;text-align:left;cursor:pointer}.settings-page button span{flex:1}.settings-page button b{color:#999;font-weight:400}.settings-page button em{margin-right:10px;color:#999;font-size:12px;font-style:normal}.logout-button{width:100%;margin-top:16px;padding:15px;border:0;background:#fff;color:#d64b43;cursor:pointer}.favorites-search{padding:12px;border-radius:5px;background:#e8e8e8;color:#999;text-align:center}.favorite-list article{margin-top:1px;padding:15px;background:#fff;display:flex;align-items:center;gap:13px}.favorite-type{width:42px;height:42px;border-radius:5px;background:#07c160;color:#fff;display:grid;place-items:center}.favorite-list article div{display:grid;gap:6px}.favorite-list small{color:#999}.section-heading{font-size:14px;color:#888}.sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#eee}.sticker-grid button{aspect-ratio:1;border:0;background:#fff;font-size:28px;cursor:pointer}.profile-info-list{max-width:620px;margin:0 auto}.profile-info-list button{min-height:60px}.profile-info-list button:first-child{min-height:82px}.profile-info-list button>em{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info-list .profile-row-avatar{width:54px;height:54px;flex:0 0 54px;margin-right:10px;font-size:20px}.profile-mini-qr{font-size:22px!important;color:#222!important}.profile-avatar-editor{max-width:520px;margin:0 auto;padding:34px 26px;border-radius:14px;background:#fff;text-align:center}.profile-avatar-preview{width:96px;height:96px;margin:0 auto 18px;font-size:34px}.avatar-color-options{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:24px 0}.avatar-color-options button{aspect-ratio:1;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dfe3ea;cursor:pointer}.profile-edit-form select,.profile-edit-form textarea{width:100%;margin-top:8px;padding:12px;border:1px solid #dfe3ea;border-radius:9px;background:#fff;font:inherit}.profile-edit-form textarea{min-height:90px;resize:vertical}.avatar-picker-tip{margin:5px 0 18px;color:#8a8a8a;font-size:13px}.avatar-image-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 26px}.avatar-image-options button{aspect-ratio:1;padding:0;border:3px solid transparent;border-radius:14px;background:#eee;overflow:hidden;cursor:pointer;transition:.18s}.avatar-image-options button:hover{transform:translateY(-2px)}.avatar-image-options button.selected{border-color:#07c160;box-shadow:0 0 0 2px #07c16022}.avatar-image-options img{width:100%;height:100%;display:block;object-fit:cover}@media(max-width:520px){.avatar-image-options{grid-template-columns:repeat(4,1fr);gap:10px}.profile-avatar-editor{padding:24px 18px}}.payment-password-modal{z-index:1300!important}.payment-password-card{position:relative;z-index:1;width:min(340px,calc(100vw - 34px));padding:30px 24px 24px;text-align:center}.payment-password-card h3{margin:0 0 8px}.payment-password-card>p{margin:0;color:#888;font-size:13px}.payment-password-card>strong{display:block;margin:16px 0 20px;font-size:32px}.payment-password-card label{display:block;margin:12px 0;text-align:left;font-size:13px;font-weight:600}.payment-password-card input{width:100%;margin-top:7px;padding:13px;border:1px solid #dcdfe5;border-radius:9px;box-sizing:border-box;text-align:center;font-size:20px;letter-spacing:8px}.payment-password-card>small{display:block;margin:4px 0 14px;color:#999}.payment-password-card .service-submit{margin-top:14px}.message-avatar{cursor:pointer;-webkit-user-select:none;user-select:none}.pat-message{width:max-content;max-width:80%;margin:12px auto;padding:5px 10px;border-radius:12px;background:#0000000d;color:#8b929d;font-size:12px;text-align:center}.announcement-message{width:min(330px,88%);margin:14px auto;padding:13px 14px;display:flex;gap:11px;align-items:flex-start;border-radius:5px;background:#fff;color:#222;box-shadow:0 1px 2px #00000012}.announcement-message-icon{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:4px;background:#f1f1f1;font-size:17px}.announcement-message strong{display:block;margin:1px 0 6px;font-size:14px}.announcement-message p{margin:0;color:#666;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}#saveProfileWithdrawAddress{margin-top:24px}.moment-profile-entry{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.moment-profile-entry strong{flex:1}.moment-profile-entry b{color:#aaa;font-weight:400}.moment-actions button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.moment-actions button.liked{color:#e05252}.friend-profile-page{max-width:560px;margin:0 auto;padding:30px;border-radius:14px;background:#fff;text-align:center}.friend-profile-page>.avatar{width:82px;height:82px;margin:0 auto 14px;font-size:28px}.friend-profile-page h3{margin:0 0 7px;font-size:23px}.friend-profile-page>p{margin:0;color:#8c94a0}.friend-profile-page .settings-page{text-align:left}.friend-message-button{width:min(230px,100%);margin:24px auto 0}.moment-comment-list{margin-top:12px;border-radius:7px;background:#f3f4f5}.moment-comment-list:empty{display:none}.moment-comment-list p{margin:0;padding:8px 11px;font-size:13px;line-height:1.45}.moment-comment-list p+p{border-top:1px solid #e5e6e7}.moment-comment-list strong{color:#536b8b}.moment-comment-composer{display:flex;gap:8px;margin-top:12px}.moment-comment-input{min-width:0;flex:1;height:40px;padding:0 11px;border:1px solid #dfe3ea;border-radius:7px;font:inherit;outline:none}.moment-comment-input:focus{border-color:#07c160}.moment-comment-send{width:64px;border:0;border-radius:7px;background:#07c160;color:#fff;font-weight:700;cursor:pointer}:root{--ink:#191919;--muted:#888f8b;--line:#e5e5e5;--surface:#fff;--soft:#f5f5f5;--green:#07c160;--green-dark:#06ad56;--green-soft:#e8f8ef;--rail:#2e2e2e }body{background:#d8d8d8;color:var(--ink)}.app-shell{grid-template-columns:76px 350px 1fr;max-width:1440px;box-shadow:0 18px 60px #0002}.rail{padding:22px 8px 17px;background:#2e2e2e;gap:7px}.brand{width:42px;height:42px;border-radius:7px;margin-bottom:22px;background:#07c160;box-shadow:none;font-size:17px}.rail-button{width:58px;min-height:56px;border-radius:7px;color:#9a9a9a}.rail-button:hover{background:#383838}.rail-button.active{background:transparent;color:#07c160;box-shadow:none}.nav-icon{width:auto;height:auto;background:transparent;font-size:13px}.rail-button.active .nav-icon{background:transparent;color:#07c160;box-shadow:none}.nav-dot{background:#fa5151;box-shadow:0 0 0 2px #2e2e2e}.inbox{background:#f7f7f7;border-right:1px solid #ddd}.inbox-header{padding:25px 18px 13px}.inbox-header .eyebrow{display:none}h1{font-size:23px;letter-spacing:0}.new-chat{width:34px;height:34px;border-radius:4px;background:#e4e4e4;color:#333;box-shadow:none}.new-chat:hover{background:#d8d8d8;color:#111}.search-wrap{height:36px;margin:0 12px;border:0;border-radius:4px;background:#ededed;box-shadow:none}.search-wrap:focus-within{outline:0;border:0;background:#fff}.filter-row{padding:12px 14px 9px;border-bottom:1px solid #e6e6e6}.filter{padding:5px 9px;border-radius:4px}.filter.active{background:#e0f5e9;color:#07a954}.conversation-list{padding:0}.conversation{margin:0;padding:11px 13px;border-radius:0;border-bottom:1px solid #ededed}.conversation:hover{background:#eee}.conversation.active{background:#dedede;border:0;box-shadow:none}.conversation.active:before{display:none}.conversation .avatar{border-radius:5px;box-shadow:none}.presence{display:none}.badge{background:#fa5151;box-shadow:none}.chat-panel{background:#f5f5f5}.chat-header{height:64px;padding:0 20px;border-bottom:1px solid #ddd;background:#f5f5f5;box-shadow:none}.chat-header .avatar{width:38px;height:38px;border-radius:5px;box-shadow:none}.title-line h2{font-size:16px}.icon-button{width:34px;height:34px;border-radius:4px;background:transparent}.icon-button:hover{background:#e5e5e5;color:#111}.message-area{padding:20px 5%;background:#f5f5f5}.message-stage{max-width:840px}.group-banner{position:sticky;top:-20px;z-index:8;margin:-20px auto 16px;padding:8px 11px;border:0;border-radius:4px;background:#e7e7e7;color:#777;box-shadow:0 3px 8px #00000012}.group-banner strong{color:#555}.day-divider{background:#dadada;color:#fff;border-radius:3px}.message .avatar{border-radius:4px;box-shadow:none}.bubble{border-radius:4px;padding:10px 13px;box-shadow:0 1px 2px #00000012;border:1px solid #e6e6e6}.mine .bubble{color:#111;background:#95ec69;border:1px solid #88db61;border-radius:4px;box-shadow:none}.composer{min-height:90px;padding:13px 18px;background:#f5f5f5;border-top:1px solid #ddd;box-shadow:none}.tool-button{border-radius:4px;color:#555}.tool-button:hover{background:#e7e7e7;color:#111}.redpacket-tool{color:#e75c3f;background:transparent}.composer textarea{min-height:48px;border:0;border-radius:3px;background:#fff}.composer textarea:focus{border:0;box-shadow:none}.send-button{height:38px;min-width:66px;border-radius:3px;background:#e9e9e9;color:#07a754;box-shadow:none}.send-button:not(:disabled):hover{background:#dcdcdc}.feature-view{left:76px;background:#f5f5f5}.feature-head{height:65px;padding:0 24px;background:#f5f5f5;border-bottom:1px solid #ddd;-webkit-backdrop-filter:none;backdrop-filter:none}.feature-head h2{font-size:21px;line-height:1.2}.feature-content{padding:25px}.feature-grid{grid-template-columns:1fr;gap:1px;background:#ddd}.feature-card{min-height:auto;padding:14px 16px;border:0;border-radius:0;background:#fff;box-shadow:none;display:grid;grid-template-columns:40px 1fr;text-align:left;align-items:center}.feature-card:hover{transform:none;border:0;box-shadow:none;background:#f9f9f9}.feature-card .feature-icon{grid-row:1/3;width:34px;height:34px;margin:0;border-radius:5px;background:#07c160;color:#fff}.feature-card small{margin-top:3px}.contact-directory{grid-template-columns:1fr;gap:1px;background:#e5e5e5}.directory-row{border-radius:0;padding:11px 13px}.directory-row .avatar{border-radius:5px}.profile-hero{border-radius:0}.moments-cover{border-radius:0;background:linear-gradient(#5e7480,#2e3e46)}.moment{border-radius:0;box-shadow:none}.wallet-card{border-radius:5px;background:#07c160;box-shadow:none}.wallet-services{grid-template-columns:repeat(3,1fr)}.service-form{max-width:560px;margin:0 auto;padding:26px;border-radius:18px;background:#fff;box-shadow:0 8px 25px #2228440b}.service-form label{display:grid;gap:10px;font-weight:700}.service-form input{height:50px;padding:0 14px;border:1px solid #dfe3ea;border-radius:10px;font:inherit;outline:none}.service-form input:focus{border-color:#07c160;box-shadow:0 0 0 3px #07c1601c}.service-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.service-options button{min-height:44px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;cursor:pointer}.service-options button.selected{border-color:#07c160;background:#eaf9f0;color:#079a4e;font-weight:700}.service-submit{width:100%;height:48px;border:0;border-radius:10px;background:#07c160;color:#fff;font:inherit;font-weight:700;cursor:pointer}.service-submit:disabled{opacity:.55;cursor:not-allowed}.service-form p{margin:14px 0 0;color:#999;text-align:center;font-size:13px}.yuebao-page{max-width:620px;margin:0 auto}.yuebao-summary{position:relative;padding:28px;border-radius:18px;background:linear-gradient(145deg,#08c86c,#06ae59);color:#fff}.yuebao-summary>small,.yuebao-summary>strong{display:block}.yuebao-summary>strong{margin:8px 0 26px;font-size:40px;letter-spacing:.5px}.balance-visibility{position:absolute;right:24px;top:28px;border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.yuebao-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff45;padding-top:18px}.yuebao-stats span{display:grid;gap:5px}.yuebao-stats span+span{padding-left:24px;border-left:1px solid #ffffff45}.yuebao-stats b{font-size:20px}.yuebao-info{margin-top:14px;background:#fff;border-radius:12px}.yuebao-info>div{display:flex;align-items:center;gap:13px;padding:17px 20px}.yuebao-info>div+div{border-top:1px solid #eee}.yuebao-info>div>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8faef;color:#07ad59;font-weight:800}.yuebao-info p{display:grid;gap:4px;margin:0}.yuebao-info small{color:#9299a5}.yuebao-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.yuebao-actions button{height:50px;border:1px solid #07c160;border-radius:10px;background:#fff;color:#07a950;font:inherit;font-weight:700;cursor:pointer}.yuebao-actions button:last-child{background:#07c160;color:#fff}.yuebao-notice{color:#969da8;text-align:center;font-size:12px;line-height:1.6}.yuebao-transfer h3{margin:0 0 8px}.yuebao-transfer>small{display:block;margin-bottom:24px;color:#888}.transfer-cancel{width:100%;margin-top:10px;height:44px;border:0;background:transparent;color:#777;cursor:pointer}.customer-service-hero{text-align:center;padding:6px 0 24px}.customer-service-hero>span{width:64px;height:64px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:#07c160;color:#fff;font-size:24px;font-weight:800}.customer-service-hero h3{margin:0 0 7px}.customer-service-hero p{margin:0;color:#8e95a2}.customer-service-page>.settings-page{margin:0 -4px}.online-support-button{display:block;width:min(230px,100%);height:46px;margin:18px auto 0;border:1px solid #07c160;border-radius:9px;background:#eaf9f0;color:#079a4e;font:inherit;font-weight:700;text-align:center;cursor:pointer}.wallet-card{position:relative}.wallet-bill-entry{position:absolute;right:22px;bottom:22px;padding:7px 10px;border:0;border-radius:8px;background:#ffffff1f;color:#fff;cursor:pointer}.bill-page{max-width:640px;margin:0 auto}.bill-summary{padding:24px;border-radius:16px;background:#fff;text-align:center}.bill-summary small,.bill-summary strong{display:block}.bill-summary small{color:#8d95a2}.bill-summary strong{margin-top:8px;font-size:30px}.bill-filters{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;background:#fff;border-radius:10px;padding:5px}.bill-filters button{height:38px;border:0;border-radius:7px;background:transparent;cursor:pointer}.bill-filters button.selected{background:#e8f8ef;color:#07a950;font-weight:700}.bill-list{background:#fff;border-radius:12px;overflow:hidden}.bill-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px 18px}.bill-list article+article{border-top:1px solid #eee}.bill-icon{width:38px;height:38px;border-radius:10px;background:#e9f8ef;color:#07aa55;display:grid;place-items:center;font-weight:800}.bill-list article div{display:grid;gap:4px}.bill-list article small{color:#969da8}.bill-list article>b{font-size:16px}.bill-list article>b.income{color:#07a950}.bill-list article>b.expense{color:#222}.pending-recharge-notice{max-width:620px;margin:14px auto 0;padding:14px 16px;border:1px solid #f0c36d;border-radius:10px;background:#fff9ea;display:flex;align-items:center;gap:12px}.pending-recharge-notice>span{width:38px;height:38px;border-radius:50%;background:#f2a93b;color:#fff;display:grid;place-items:center;font-weight:800}.pending-recharge-notice>div{display:grid;gap:4px}.pending-recharge-notice small{color:#9a7440}.add-friend-page{max-width:560px;margin:0 auto;padding:30px;border-radius:16px;background:#fff;text-align:center}.add-friend-page>.avatar{width:74px;height:74px;margin:0 auto 13px;font-size:24px}.add-friend-page h3{margin:0 0 6px}.add-friend-page>small{color:#8d95a2}.add-friend-page label{display:grid;gap:9px;margin:26px 0 16px;text-align:left;font-weight:700}.add-friend-page textarea{min-height:92px;padding:12px;border:1px solid #dfe3ea;border-radius:9px;resize:vertical;font:inherit}.add-friend-page .confirm-group{width:100%}.add-friend-page .confirm-group:disabled{opacity:.55;cursor:not-allowed}.add-friend-page p{margin:13px 0 0;color:#969da8;font-size:12px}.recharge-guide{max-width:560px;margin:0 auto;padding:30px;border-radius:16px;background:#fff;text-align:center}.recharge-guide-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:#07c160;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800}.recharge-guide h3{margin:0 0 9px;font-size:23px}.recharge-guide>p{margin:0 0 20px;color:#7f8794;line-height:1.6}.recharge-contact-button,.recharge-tutorial-button{width:100%;height:46px;margin-top:14px;border:1px solid #07c160;border-radius:9px;background:#eaf9f0;color:#079a4e;font:inherit;font-weight:700;cursor:pointer}.recharge-address{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dfe3ea;border-radius:10px;text-align:left}.recharge-address>span{min-width:0;flex:1;display:grid;gap:5px}.recharge-address small{color:#8d95a2}.recharge-address strong{overflow-wrap:anywhere}.recharge-address button{flex:none;padding:9px 13px;border:0;border-radius:7px;background:#07c160;color:#fff;cursor:pointer}.withdraw-fee-note{margin:10px 0 0!important;padding:10px 12px;border-radius:8px;background:#fff4e8;color:#d46b08!important;font-size:13px;line-height:1.5!important;text-align:left}.withdraw-address-check{margin:8px 0 0!important;color:#d46b08!important;font-size:12px!important;text-align:left!important}.confirm-withdrawal-button{height:48px;border:0;border-radius:10px;background:#07c160;color:#fff;font:inherit;font-weight:700;cursor:pointer}.confirm-withdrawal-button:disabled{opacity:.55;cursor:not-allowed}.confirm-recharge-button{display:block;width:min(230px,100%);height:48px;margin:22px auto 0;border:0;border-radius:10px;background:#07c160;color:#fff;font:inherit;font-weight:700;cursor:pointer}.confirm-recharge-button:disabled{opacity:.55;cursor:not-allowed}.recharge-tutorial-button{padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}.recharge-tutorial-button span{font-weight:700}.recharge-tutorial-button b{color:#079a4e;font-weight:400}.recharge-tutorial{margin:8px 0 0;padding:10px 14px;border-radius:9px;background:#f6f8f7;text-align:left;list-style:none}.recharge-tutorial li{display:flex;gap:11px;padding:10px 0}.recharge-tutorial li+li{border-top:1px solid #e6e9e7}.recharge-tutorial li>span{width:26px;height:26px;flex:none;border-radius:50%;background:#07c160;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.recharge-tutorial p{display:grid;gap:4px;margin:0}.recharge-tutorial small{color:#8d95a2;line-height:1.5}.recharge-service-hours{margin-top:9px;color:#8d95a2;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}.recharge-service-hours span{width:7px;height:7px;border-radius:50%;background:#07c160}.recharge-proof-upload{position:relative;width:min(120px,100%);height:auto;aspect-ratio:1;margin:16px auto 0;border:1px dashed #07c160;border-radius:9px;background:#f4fcf7;color:#079a4e;display:grid!important;place-items:center;overflow:hidden;font-size:13px;font-weight:700;cursor:pointer}.recharge-proof-upload input{display:none}.recharge-proof-upload>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.recharge-proof-upload>span{display:flex;flex-direction:column;align-items:center;gap:4px}.recharge-proof-upload>span b{font-size:21px;font-weight:400}.recharge-proof-upload>span em{font-style:normal}.remove-recharge-proof{display:block;margin:8px auto 0;padding:4px 8px;border:0;background:transparent;color:#d65b51;font-size:12px;cursor:pointer}.recharge-video-entry{display:block!important}.recharge-video-entry button{width:100%;height:42px;border:0;border-radius:8px;background:#07c160;color:#fff;font:inherit;font-weight:700;cursor:pointer}.tutorial-video-card{position:relative;width:min(420px,calc(100vw - 28px));padding:18px;border-radius:16px;background:#171a1d;color:#fff;box-shadow:0 20px 70px #0007}.tutorial-video-close{position:absolute;z-index:2;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:22px;cursor:pointer}.tutorial-platform-tabs{display:flex;gap:8px;margin:0 42px 12px 0}.tutorial-platform-tabs button{height:34px;padding:0 13px;border:1px solid #ffffff35;border-radius:18px;background:transparent;color:#cbd1d5;font:inherit;font-size:13px;cursor:pointer}.tutorial-platform-tabs button.active{border-color:#25dc82;background:#0d603b;color:#fff}.tutorial-video-screen{position:relative;min-height:390px;padding:48px 24px 22px;border-radius:12px;background:linear-gradient(145deg,#08c96c,#087e46);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.tutorial-video-screen>span{position:absolute;left:14px;top:12px;padding:5px 9px;border-radius:12px;background:#ffffff24;font-size:12px}.tutorial-phone{position:relative;width:184px;height:205px;margin:0 auto 16px;padding:9px;border:4px solid #222;border-radius:22px;background:#f5f6f7;color:#202124;box-shadow:0 14px 30px #00482a66;text-align:left;animation:tutorialPhoneIn .35s ease}.tutorial-phone-bar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:11px}.tutorial-phone-bar i{width:7px;height:7px;border-radius:50%;background:#07c160}.tutorial-phone-bar em{font-style:normal;color:#999}.tutorial-phone-body{display:grid;gap:7px;padding:8px}.tutorial-phone-body div{padding:9px;border-radius:8px;background:#fff;font-size:12px;box-shadow:0 1px 4px #00000012}.tutorial-phone-body div.focus{background:#07c160;color:#fff;font-weight:700;animation:tutorialPulse 1.1s infinite}.tutorial-tap{position:absolute;right:-18px;bottom:22px;padding:7px 10px;border-radius:15px;background:#ffe46b;color:#5b4900;font-size:11px;font-weight:700;box-shadow:0 4px 12px #0003;animation:tutorialTap 1.1s infinite}.tutorial-video-screen h3{margin:0 0 10px;font-size:23px}.tutorial-video-screen p{margin:0;color:#eafff2;line-height:1.6}.tutorial-video-progress{height:5px;margin:14px 0;border-radius:5px;background:#ffffff25;overflow:hidden}.tutorial-video-progress i{display:block;width:33.33%;height:100%;background:#25dc82;transition:width .35s ease}.tutorial-video-controls{display:grid;grid-template-columns:82px 1fr 82px;gap:8px}.tutorial-video-controls button{height:42px;border:0;border-radius:8px;background:#30353a;color:#fff;font:inherit;font-size:13px;cursor:pointer}.tutorial-video-controls button:disabled{opacity:.35;cursor:not-allowed}.tutorial-video-controls .tutorial-video-play{background:#fff;color:#171a1d;font-weight:700}@keyframes tutorialPhoneIn{0%{opacity:.35;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes tutorialPulse{50%{transform:scale(1.025);box-shadow:0 0 0 4px #07c16030}}@keyframes tutorialTap{50%{transform:translate(-4px,-3px)}}.recharge-warning{margin-top:8px;color:#999;font-size:12px}.new-friend-search{height:48px;margin-bottom:16px;padding:0 15px;border-radius:6px;background:#ededed;display:flex;align-items:center;gap:8px;color:#999}.new-friend-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;text-align:center}.friend-candidate-list{margin-bottom:16px;background:#fff}.friend-candidate{min-height:66px;padding:9px 13px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:11px}.friend-candidate .avatar{width:44px;height:44px;border-radius:5px}.friend-candidate>span{min-width:0;flex:1;display:grid;gap:3px}.friend-candidate small{color:#999}.friend-candidate>button{padding:7px 13px;border:0;border-radius:5px;background:#07c160;color:#fff;cursor:pointer}.friend-candidate>button:disabled{background:#ddd;color:#888}.new-friend-no-result{margin-bottom:15px;padding:20px;text-align:center;background:#fff;color:#999}.face-friend-page{max-width:420px;margin:28px auto;padding:36px 28px;border-radius:8px;background:#fff;text-align:center}.face-friend-icon{width:66px;height:66px;margin:0 auto 16px;border-radius:18px;background:#07c160;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700}.face-friend-page h3{margin:0 0 8px}.face-friend-page p{margin:0 0 24px;color:#999}.face-friend-page input{width:100%;height:58px;margin-bottom:18px;border:1px solid #ddd;border-radius:7px;outline:0;text-align:center;font-size:27px;letter-spacing:14px}.face-friend-page .confirm-group{width:100%}.account-security-form{display:grid;gap:16px}.account-security-form h3{margin:0}.account-security-form>small{margin-top:-8px;color:#999}.security-code-row{display:flex;gap:9px}.security-code-row input{min-width:0;flex:1}.security-code-row button{flex:none;padding:0 12px;border:1px solid #07c160;border-radius:8px;background:#eaf9f0;color:#079a4e;cursor:pointer}.security-code-row button:disabled{border-color:#ddd;background:#eee;color:#999}.device-list{max-width:560px;margin:20px auto 0;border-radius:10px;overflow:hidden;box-shadow:0 6px 22px #0000000a}.security-device{min-height:78px;padding:12px 16px;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;gap:13px}.security-device:last-child{border-bottom:0}.security-device-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#eaf9f0;color:#07a954;display:grid;place-items:center;font-style:normal;font-weight:700}.security-device>span{min-width:0;flex:1;display:grid;gap:5px}.security-device strong,.security-device small{display:block;white-space:normal}.security-device small{color:#999}.security-device em{flex:none;padding:5px 8px;border-radius:12px;background:#eaf9f0;color:#07a954;font-size:12px;font-style:normal}.settings-page .security-device button{width:auto;min-width:58px;min-height:34px;padding:6px 12px;border:1px solid #e15b52;border-radius:6px;background:#fff;color:#d94b43;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.settings-page .clear-chat-history{color:#d94b43}.clear-chat-confirm{max-width:560px;margin:18px auto 0;padding:22px;border-radius:10px;background:#fff;text-align:center;box-shadow:0 8px 28px #0000000d}.clear-chat-confirm p{margin:8px 0 20px;color:#999;font-size:13px}.clear-chat-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clear-chat-confirm button{height:42px;border:0;border-radius:7px;background:#eee;cursor:pointer}.clear-chat-confirm button:last-child{background:#d94b43;color:#fff}.favorites-toolbar{display:flex;gap:10px;margin-bottom:16px}.favorites-toolbar label{height:44px;min-width:0;flex:1;padding:0 13px;border-radius:6px;background:#e9e9e9;color:#999;display:flex;align-items:center;gap:8px}.favorites-toolbar input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit}.favorites-toolbar>button{flex:none;padding:0 14px;border:0;border-radius:6px;background:#07c160;color:#fff;cursor:pointer}.interactive-favorites article{padding:0;align-items:stretch}.favorite-open{min-width:0;flex:1;padding:14px 15px;border:0;background:#fff;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.favorite-open>span:last-child{min-width:0;display:grid;gap:5px}.favorite-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-row-actions{width:58px;display:grid;border-left:1px solid #eee}.favorite-row-actions button{border:0;background:#fff;color:#07a954;cursor:pointer}.favorite-row-actions button+button{border-top:1px solid #eee;color:#d94b43}.favorite-detail,.favorite-note-editor,.favorite-send-picker{max-width:560px;margin:0 auto;padding:26px;border-radius:10px;background:#fff;box-shadow:0 8px 28px #0000000d}.favorite-detail .favorite-type{margin-bottom:14px}.favorite-detail h3{margin:0 0 12px}.favorite-detail p{white-space:pre-wrap;line-height:1.7}.favorite-detail small{color:#999}.favorite-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.favorite-detail-actions button{height:44px;border:0;border-radius:7px;background:#eee;cursor:pointer}.favorite-detail-actions button:last-child{background:#07c160;color:#fff}.favorite-note-editor h3{margin:0 0 16px}.favorite-note-editor textarea{width:100%;min-height:180px;padding:14px;border:1px solid #ddd;border-radius:8px;resize:vertical;font:inherit;outline:0}.favorite-note-editor>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.favorite-note-editor button{height:44px;border:0;border-radius:7px;background:#eee;cursor:pointer}.favorite-note-editor button:last-child{background:#07c160;color:#fff}.favorite-send-picker h3{margin:0 0 8px}.favorite-send-picker>p{max-height:70px;overflow:hidden;color:#555}.favorite-send-picker>small{color:#999}.favorite-send-picker>div{margin-top:16px;border-top:1px solid #eee}.favorite-send-picker>div button{width:100%;padding:10px 0;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.favorite-send-picker .avatar{width:42px;height:42px;border-radius:6px}.favorite-send-picker>div button>span{display:grid;gap:3px}.favorite-send-picker>div small{color:#999}.favorite-send-picker>#cancelSendFavorite{width:100%;height:44px;margin-top:16px;border:0;border-radius:7px;background:#eee;cursor:pointer}.chat-favorite-picker{max-height:min(620px,82dvh);padding:18px;display:flex;flex-direction:column}.chat-favorite-picker .modal-head{flex:none}.chat-favorite-picker>label{height:42px;margin:12px 0;padding:0 12px;border-radius:6px;background:#eee;display:flex;align-items:center;gap:8px;color:#999}.chat-favorite-picker>label input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit}.chat-favorite-picker-list{min-height:0;overflow-y:auto;border-top:1px solid #eee}.chat-favorite-picker-list>button{width:100%;padding:11px 4px;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.chat-favorite-picker-list>button>span:nth-child(2){min-width:0;flex:1;display:grid;gap:4px}.chat-favorite-picker-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-favorite-picker-list small{color:#999}.chat-favorite-picker-list b{color:#07a954;font-size:12px}@media(max-width:520px){.favorites-toolbar{align-items:stretch}.favorites-toolbar>button{padding:0 10px;font-size:12px}.favorite-row-actions{width:54px}.favorite-open{padding:12px 10px}}@media(max-width:680px){.wallet-services{grid-template-columns:1fr}.service-form,.yuebao-summary,.yuebao-info{border-radius:5px}}.modal{background:#0006;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-card,.redpacket-modal-card{border-radius:7px;box-shadow:0 15px 50px #0003}.group-drawer{padding:22px;background:#f5f5f5;box-shadow:-8px 0 25px #0002}.setting-label input,.setting-label textarea{border-radius:3px}.create-group-button,.confirm-group,.save-settings{border-radius:3px;background:#07c160}.create-group-button{background:#e8f8ef;color:#06a854}.redpacket-bubble{border-radius:5px!important;background:#fa9d3b!important;box-shadow:none!important}.confirm-redpacket{border-radius:4px;background:#e75c3f}.call-modal{background:#202124}@media(max-width:720px){.feature-view{left:0}.rail{background:#fff}.rail-button.active,.rail-button.active .nav-icon{color:#07c160}.inbox{background:#f5f5f5}}.chat-panel{grid-template-rows:66px minmax(0,1fr) auto;background:#f5f5f5}.chat-header{height:66px;padding:0 22px;gap:12px;background:#f5f5f5;border-bottom:1px solid #d9d9d9}.chat-header .avatar{width:40px;height:40px;border-radius:5px}.chat-title p{margin-top:2px;color:#999}.title-line h2{font-size:17px;font-weight:600}.online-state{width:8px;height:8px;background:#2dcc70;box-shadow:none}.chat-header .icon-button{width:38px;height:38px;padding:0;color:#56606f;font-size:19px}#chatMoreButton{font-size:18px;letter-spacing:1px}.message-area{padding:34px 5% 28px;background:#f5f5f5}.message-stage{max-width:900px}.message-list{gap:20px}.day-divider{padding:4px 10px;background:#d5d5d5;color:#fff;border-radius:3px;font-size:11px}.message{max-width:82%;gap:10px;align-items:flex-start}.message .avatar{width:36px;height:36px;border-radius:4px;margin-top:1px}.bubble-wrap{max-width:min(520px,70vw)}.bubble{position:relative;min-height:38px;padding:9px 13px;border:1px solid #dedede;border-radius:4px;background:#fff;box-shadow:0 1px 2px #0000000f;color:#111;font-size:14px;line-height:1.6}.theirs .bubble:not(.redpacket-bubble):before{content:"";position:absolute;left:-6px;top:12px;width:10px;height:10px;background:#fff;border-left:1px solid #dedede;border-bottom:1px solid #dedede;transform:rotate(45deg)}.mine .bubble{color:#111;background:#95ec69;border-color:#85df5a;box-shadow:0 1px 1px #0000000a}.mine .bubble:not(.redpacket-bubble):before{content:"";position:absolute;right:-6px;top:12px;width:10px;height:10px;background:#95ec69;border-top:1px solid #85df5a;border-right:1px solid #85df5a;transform:rotate(45deg)}.message-meta{margin-top:3px;color:#8f9bad;font-size:10px}.sender-name{margin-bottom:4px;color:#8b8b8b;font-size:11px}.message-action-button{width:25px;margin-top:8px;padding:4px 2px;opacity:.45;color:#8b9095;font-size:12px}.message:hover .message-action-button{opacity:.8}.composer{min-height:92px;padding:14px 18px 15px;gap:8px;align-items:center;background:#f5f5f5;border-top:1px solid #d9d9d9}.composer-tools{align-items:center;gap:2px}.composer-emoji-shortcut{display:grid}.tool-button{width:38px;height:38px;border-radius:3px;font-size:20px;color:#444}.hold-talk-button{height:46px;min-width:0;flex:1;padding:0 13px;border:1px solid #d3d3d3;border-radius:3px;background:#fff;color:#333;font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.hold-talk-button:active,.hold-talk-button.voice-recording{background:#d7d7d7;color:#222;box-shadow:inset 0 1px 3px #0001}.composer textarea{min-height:46px;max-height:112px;padding:12px 14px;border:0;border-radius:3px;background:#fff;font-size:14px}.send-button{height:38px;min-width:62px;border:0;border-radius:3px;color:#7fd9a4;background:#eee}.send-button:not(:disabled){color:#fff;background:#07c160}.send-button:not(:disabled):hover{background:#06ad56}.reply-bar{left:18px;right:18px;border-radius:3px 3px 0 0}.more-tools-panel{left:18px;right:18px;grid-template-columns:repeat(6,1fr);border-radius:5px;background:#f5f5f5}@media(max-width:720px){.rail{z-index:19}body.chat-open .rail,body.feature-detail-open .rail{display:none}body.feature-detail-open .feature-view{bottom:0}body.profile-detail-open .rail{display:none}body.profile-detail-open .feature-view{bottom:0}body.profile-detail-open .feature-content{padding-bottom:100px}body.profile-detail-open #saveProfileWithdrawAddress,body.profile-detail-open #saveProfileMore,body.feature-detail-open #saveWithdrawAddress,body.feature-detail-open #startRechargeButton,body.feature-detail-open #saveAccountPassword,body.feature-detail-open #saveEmergencyContact,body.feature-detail-open #saveAccountPhone,body.feature-detail-open #saveAccountWechatId{position:fixed;z-index:4;left:50%;right:auto;bottom:22px;width:min(230px,calc(100vw - 80px));margin:0;transform:translate(-50%)}body.feature-detail-open .confirm-withdrawal-button{position:fixed;z-index:4;left:50%;bottom:22px;width:min(230px,calc(100vw - 80px));transform:translate(-50%)}.yuebao-transfer .service-submit{position:fixed;z-index:4;left:50%;bottom:68px;width:min(230px,calc(100vw - 80px));transform:translate(-50%)}.yuebao-transfer .transfer-cancel{position:fixed;z-index:4;left:50%;bottom:18px;width:min(230px,calc(100vw - 80px));margin:0;transform:translate(-50%)}#closeFeatureView{left:14px}#featureQuickButton{right:14px}.feature-head{height:64px;padding:0 14px}.feature-head-main>div{top:50%}.feature-head h2{font-size:21px}.chat-panel{grid-template-rows:66px minmax(0,1fr) auto}.chat-header{height:66px;padding:0 15px;gap:10px}.mobile-back{display:block;width:28px;font-size:29px;line-height:1}.chat-header .avatar{width:38px;height:38px}.chat-title{flex:1}.chat-title p{font-size:11px}.chat-header .icon-button{width:38px;font-size:18px}.message-area{padding:34px 23px 24px}.message-stage{max-width:none}.message{max-width:94%;gap:10px}.bubble-wrap{max-width:calc(100vw - 128px)}.bubble{font-size:14px;padding:9px 13px}.composer{min-height:84px;padding:12px 17px;gap:5px}.tool-button{width:37px}.hold-talk-button{min-width:0;padding:0 9px;font-size:13px}.composer textarea{min-width:0;padding:12px}.send-button{min-width:58px}.more-tools-panel{grid-template-columns:repeat(4,1fr)}.inbox-header{height:64px;padding:0 15px;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #ddd}.inbox-header h1{font-size:17px;font-weight:600}.inbox-header .new-chat{position:absolute;right:12px;top:50%;width:40px;height:40px;transform:translateY(-50%);background:transparent;font-size:25px;line-height:1}.search-wrap{height:44px;margin:10px;border-radius:6px;padding:0 15px;justify-content:flex-start}.search-wrap input{flex:1;min-width:0;font-size:15px;text-align:center}.search-wrap kbd,.filter-row{display:none}.conversation{min-height:68px;padding:9px 12px;gap:11px}.conversation .avatar{width:48px;height:48px}.conversation-name{font-size:16px;font-weight:500}.conversation-preview{font-size:13px;color:#999}.conversation-time{font-size:11px;color:#aaa}.conversation.active{background:#f7f7f7}.conversation-list{padding-bottom:5px}.quick-menu{top:58px;right:8px}}@media(min-width:721px){.auth-screen{position:fixed;z-index:2000;inset:0;width:100vw;height:100dvh;display:grid;grid-template-columns:minmax(320px,42%) minmax(460px,58%);background:#f5f5f5}.auth-brand-panel{min-width:0;height:100%;padding:72px clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:center}.auth-form-panel{min-width:0;height:100%;padding:36px;display:grid;place-items:center;overflow-y:auto}.register-card{width:min(420px,100%);padding:34px 38px;display:grid;gap:16px}}@media(min-width:721px){body{display:grid;place-items:center;padding:20px;background:#d5d5d5}.app-shell{width:min(1180px,calc(100vw - 40px));height:min(820px,calc(100dvh - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:0;grid-template-columns:64px 300px minmax(0,1fr);border-radius:2px;box-shadow:0 14px 48px #0000003d}.rail{padding:20px 7px 16px;gap:6px}.rail-button{width:50px;min-height:51px;border-radius:3px}.inbox-header{height:62px;flex:0 0 62px;padding:0 16px}.inbox-header h1{font-size:18px}.inbox-header .new-chat{right:15px;width:30px;height:30px;border-radius:3px;background:#e2e2e2;color:#333}.search-wrap{height:32px;margin:0 10px 8px;padding:0 9px;border-radius:3px;font-size:12px}.filter-row{display:flex;min-height:37px;padding:0 10px 7px;gap:2px}.filter{padding:5px 9px;border-radius:3px;font-size:12px}.conversation-list{padding:0 0 24px}.conversation{min-height:68px;margin:0;padding:10px 11px;gap:10px;border-radius:0}.conversation .avatar{width:44px;height:44px;border-radius:3px}.conversation-name{font-size:14px}.conversation-preview{font-size:12px}.conversation.active{background:#c9c9c9}.chat-panel{grid-template-rows:62px minmax(0,1fr) 142px}.chat-header{height:62px;padding:0 20px}.message-area{padding:26px 38px 24px}.composer{height:142px;min-height:142px;padding:8px 18px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:36px minmax(0,1fr);align-items:stretch;gap:0;background:#fff}.composer-tools{grid-column:1/-1;grid-row:1}.composer textarea{grid-column:1/-1;grid-row:2;width:100%;min-height:70px;max-height:82px;padding:4px 86px 4px 4px;border:0;border-radius:0;background:#fff}.send-button{position:absolute;right:18px;bottom:14px;width:68px;height:30px;min-width:68px}.hold-talk-button{grid-column:1/-1;grid-row:2;height:52px;align-self:center}.scroll-to-latest{bottom:156px}.feature-view{--desktop-shell-gutter:max(20px, calc((100vw - 1180px)/2) );left:calc(var(--desktop-shell-gutter) + 64px);right:var(--desktop-shell-gutter);top:max(20px,calc((100dvh - 820px)/2));bottom:max(20px,calc((100dvh - 820px)/2));border-left:1px solid #252525;background:#f5f5f5;box-shadow:0 14px 48px #00000024}.feature-head{height:62px;padding:0 24px;background:#f5f5f5;border-bottom:1px solid #d8d8d8}.feature-head h2{font-size:18px;font-weight:500}.feature-content{max-width:900px;padding:36px 42px}.feature-view[data-root=me] .feature-content{min-height:calc(100% - 62px);display:block;max-width:620px;padding:34px 28px}.feature-view[data-root=me] .profile-hero{position:relative;width:100%;min-height:116px;padding:20px 24px;border:0;border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;background:#fff;text-align:left;box-shadow:0 1px 3px #0000000d}.feature-view[data-root=me] .profile-hero .avatar{width:72px;height:72px;margin:0;border-radius:5px;box-shadow:none}.feature-view[data-root=me] .profile-hero h3{margin:0 0 7px;font-size:20px;font-weight:500}.feature-view[data-root=me] .profile-hero p{font-size:13px;color:#999}.feature-view[data-root=me] .profile-hero b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#bbb;font-weight:400}.feature-view[data-root=me] .feature-grid{margin-top:18px!important;display:block;border:0;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000d}.feature-view[data-root=me] .feature-card{width:100%;min-height:64px;padding:10px 18px;border:0;border-bottom:1px solid #ededed;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff}.feature-view[data-root=me] .feature-card:last-child{border-bottom:0}.feature-view[data-root=me] .feature-card:hover{background:#f7f7f7}.feature-view[data-root=me] .feature-card:after{content:"›";grid-column:3;grid-row:1/3;color:#bbb;font-size:22px;font-weight:300}.feature-view[data-root=me] .feature-card .feature-icon{grid-column:1;grid-row:1/3;width:36px;height:36px;margin:0;border-radius:4px;background:#07c160;color:#fff;font-size:15px}.feature-view[data-root=me] .feature-card strong{grid-column:2;grid-row:1;font-size:15px;font-weight:500}.feature-view[data-root=me] .feature-card small{grid-column:2;grid-row:2;margin-top:2px;color:#999;font-size:12px}}