.im-shell{--im-side-width:260px;--im-composer-height:220px;height:100dvh;display:grid;grid-template-columns:70px var(--im-side-width) minmax(0,1fr);overflow:hidden;font-family:"Microsoft YaHei",Avenir,Helvetica,Arial,sans-serif;color:#111;background:#fff;font-size:14px}.im-shell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.im-shell button{font-family:inherit}.im-rail{background:linear-gradient(170deg,#373ed1,#575dde);display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 10px 20px;color:#d9dafa}.im-avatar{border-radius:50%;background:linear-gradient(140deg,#7e8dd4,#515dc0);width:48px;height:48px;display:grid;place-items:center;font:20px Arial;color:white;flex-shrink:0;user-select:none}.im-avatar.group{background:linear-gradient(140deg,#88b874,#519141)}.im-self{width:44px;height:44px;border:2px solid #ffffff30;box-shadow:0 2px 8px #0002;cursor:pointer;margin-bottom:28px;font-size:18px}.im-nav{width:50px;height:60px;padding:0;display:grid;place-content:center;background:none;border-radius:12px;color:#d9dafa;position:relative}.im-nav svg{width:23px;height:23px;stroke-width:1.8}.im-nav.active{background:#ffffff08;box-shadow:0 4px 14px #3034a522;color:#fff}.im-nav.active:before{content:'';position:absolute;left:-3px;top:21px;width:3px;height:20px;background:white;border-radius:2px}.im-rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px}.im-side{position:relative;border-right:1px solid #e4e7ed;min-width:0;background:white;display:flex;flex-direction:column}.im-search-row{height:60px;display:flex;align-items:center;gap:5px;padding:0 12px;flex-shrink:0}.im-search-box{position:relative;flex:1;min-width:0}.im-search-box svg{position:absolute;top:8px;left:8px;width:16px;height:16px;color:#bbb}.im-search-box input{height:32px;border:1px solid #e4e7ed;border-radius:9px;padding:0 23px 0 30px;font:14px Arial;box-shadow:none}.im-search-box input::placeholder{color:#c0c4cc}.im-clear-search{position:absolute;right:5px;top:7px;background:none;font-size:15px;padding:0;color:#a8acb5}.im-add{width:34px;height:34px;border-radius:50%;padding:7px;background:#f4f5fd;color:#2830d3;flex-shrink:0}.im-tabs{height:30px;display:flex;gap:20px;align-items:flex-start;padding:0 16px;color:#909399;font-size:13px;flex-shrink:0}.im-tabs button{background:none;border-radius:0;padding:0 0 5px;color:#909399;font-size:13px;position:relative}.im-tabs button.active{color:#2830d3;font-weight:600;border-bottom:2px solid #4543c9}.im-tabs small{font:11px Arial;margin-left:2px;color:inherit}.im-list{overflow:auto;flex:1;padding:4px}.im-room{display:flex;gap:10px;width:100%;height:64px;border-radius:8px;padding:8px;background:white;align-items:center;text-align:left;color:#111;position:relative;user-select:none}.im-room:hover{background:#f5f5fa}.im-room.active{background:#eaeafb}.im-room.pinned:not(.active){background:#f7f7fc}.im-room-name{font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px}.im-room-main{min-width:0;flex:1}.im-room-line{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#909399;line-height:16px}.im-draft{color:#f56c6c}.im-mention{color:#ef786f}.im-room-date{font-size:11px;color:#909399;align-self:flex-start;padding-top:4px;white-space:nowrap}.im-unread{position:absolute;left:44px;top:4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-content:center;background:#f56c6c;color:white;border-radius:10px;font:11px Arial;border:1px solid white}.im-unread.quiet{font-size:0;min-width:8px;width:8px;height:8px;padding:0;left:50px;top:8px}.im-room-quiet{position:absolute;right:11px;bottom:9px;color:#c1c3cb}.im-room-quiet svg{width:13px;height:13px}.im-resize-side{position:absolute;width:6px;top:0;bottom:0;right:-3px;cursor:col-resize;z-index:5}.im-resize-side:hover{background:#eaeafb}.im-resize-side:focus-visible{outline:2px solid #b3b3e6}.im-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:#fff}.im-chat-head{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #eee;background:white;font-size:16px}.im-title{display:flex;gap:8px;align-items:center;min-width:0}.im-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-more{width:36px;height:36px;background:none;color:#777;padding:8px}.im-mobile-back{display:none;background:none;padding:0;color:#6265bc}.im-message-area{background:#f7f7fa;flex:1;min-height:0;overflow:auto;padding:0 20px 24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ddd transparent}.im-time{text-align:center;color:#93969c;font-size:12px;padding:22px 0 8px}.im-system{color:#999;font-size:12px;text-align:center;padding:12px 0;line-height:1.7}.im-message{display:flex;gap:10px;align-items:flex-start;margin:14px 0;position:relative}.im-message.mine{flex-direction:row-reverse}.im-message .im-avatar{width:40px;height:40px;font-size:16px}.im-bubble-wrap{max-width:min(70%,620px);min-width:0}.im-bubble{position:relative;padding:11px 12px;border-radius:10px;background:#fff;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;font-size:14px}.im-message.mine .im-bubble{background:#5852d8;color:#fff}.im-message .im-author{font-size:11px;color:#999;margin-bottom:5px}.im-message.mine .im-author{text-align:right}.im-message .im-bubble.file a{display:block;color:inherit;text-decoration:none;min-width:180px}.im-message .im-bubble.file small{color:inherit;opacity:.65}.im-message.selected{background:#e9eafb99;border-radius:10px;outline:4px solid #e9eafb99}.im-select-check{align-self:center;flex-shrink:0;appearance:none;width:19px;height:19px;border:1px solid #c0c4cc;border-radius:50%;padding:0;background:white}.im-select-check:checked{background:#4545ca;border-color:#4545ca}.im-select-check:checked:after{content:'✓';display:block;text-align:center;color:white;font-size:12px}.im-message.mine .im-select-check{order:3}.im-quoted{margin-top:6px;background:#ededef;color:#999;border-radius:4px;padding:7px 9px;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.im-packet{border:0;background:#ee975b;color:white;min-width:205px;text-align:left;border-radius:10px;padding:18px 16px}.im-packet strong{display:block;font-size:17px;margin-bottom:14px}.im-load-more{display:block;margin:12px auto 0;border-radius:0;background:none;padding:5px;font-size:12px;color:#7873b5}.im-composer{height:var(--im-composer-height);min-height:145px;flex-shrink:0;position:relative;background:white;border-top:1px solid #e4e7ed;display:flex;flex-direction:column}.im-resize-composer{height:6px;position:absolute;left:0;right:0;top:-3px;cursor:row-resize;z-index:4}.im-tools{height:44px;display:flex;align-items:center;gap:7px;padding:0 8px;background:#f8f8fb;flex-shrink:0}.im-tool{height:34px;width:37px;background:none;border-radius:5px;padding:8px;color:#333}.im-tool svg{width:19px;height:19px}.im-tool:hover{background:#e9e9f4}.im-tool:disabled{opacity:.38}.im-input{flex:1;min-height:30px;width:100%;font-size:14px;line-height:1.6;border:0;border-radius:0;padding:9px 4px;resize:none;outline:none;box-shadow:none!important;font-family:inherit;color:#111}.im-input::placeholder{color:#c0c4cc}.im-send-row{height:48px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px 8px;flex-shrink:0}.im-send{border-radius:9px;height:38px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#3935d0;color:white;font-size:14px}.im-send svg{width:16px;height:16px}.im-current-reply{position:relative;flex-shrink:0;margin:5px 12px 0;padding:8px 28px 8px 10px;border-left:3px solid #b2b0e3;background:#f6f6fa;font-size:12px;color:#8f90a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-current-reply button{position:absolute;right:3px;top:4px;background:none;padding:3px;color:#aaa}.im-current-reply svg{width:15px;height:15px}.im-popup{position:fixed;z-index:30;background:white;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 3px 15px #0002;padding:5px 0;min-width:140px;color:#606266}.im-popup button{width:100%;border-radius:0;background:white;display:flex;align-items:center;gap:9px;padding:9px 16px;text-align:left;font:13px "Microsoft YaHei",sans-serif;color:#606266}.im-popup button:hover{background:#f4f4fc;color:#4b45ca}.im-popup button svg{width:15px;height:15px}.im-popup button.danger{color:#f56c6c}.im-emoji{position:absolute;left:4px;bottom:calc(var(--im-composer-height) - 5px);width:340px;max-width:90%;height:240px;z-index:20;background:white;box-shadow:0 3px 15px #0002;border:1px solid #e6e6ed;border-radius:9px;padding:12px;display:grid;grid-template-columns:repeat(8,1fr);overflow:auto;gap:4px}.im-emoji button{background:none;font-size:23px;padding:4px;height:35px}.im-drawer{position:absolute;right:0;top:60px;bottom:0;width:300px;max-width:90%;background:white;border-left:1px solid #e9e9ef;box-shadow:-4px 0 15px #00000005;z-index:12;overflow:auto;padding:20px}.im-drawer-close{position:absolute;right:10px;top:8px;padding:4px;background:none;color:#aaa}.im-contact-top{text-align:center;padding:8px 0 18px}.im-contact-top .im-avatar{margin:0 auto 13px;width:62px;height:62px;font-size:22px}.im-contact-top h3{font-size:18px;margin:0 0 10px}.im-contact-top p{font-size:12px;color:#909399;margin:0}.im-setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:13px;color:#606266;gap:10px}.im-setting-row>span{display:flex;gap:8px;align-items:center}.im-setting-row svg{width:17px;height:17px;color:#8e8ba7}.im-switch{appearance:none;width:34px;height:19px;padding:0;border:0;border-radius:12px;position:relative;background:#dcdfe6;cursor:pointer;box-shadow:none}.im-switch:after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:white;left:2px;top:2px;transition:.15s}.im-switch:checked{background:#4c47d2}.im-switch:checked:after{left:17px}.im-drawer-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;background:none;border-radius:0;color:#606266;font-size:13px}.im-drawer-link small{color:#b5b5bc;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-drawer-link svg{width:14px;height:14px}.im-drawer-danger{margin-top:18px;border-top:1px solid #eee;padding-top:14px}.im-drawer-danger button{background:none;color:#f56c6c;display:block;width:100%;font-size:13px;padding:10px 0}.im-multi-tools{height:var(--im-composer-height);display:flex;align-items:center;justify-content:center;gap:30px;flex-shrink:0;border-top:1px solid #eee}.im-multi-tools button{display:flex;flex-direction:column;gap:12px;align-items:center;background:none;color:#555;font-size:12px}.im-multi-tools svg{width:26px;height:26px}.im-history-head{display:flex;align-items:center;gap:10px;margin:20px 0}.im-history-head input{height:32px;font-size:13px}.im-history-tabs{display:flex;gap:16px;border-bottom:1px solid #eee;padding-bottom:12px}.im-history-tabs button{background:none;padding:0;font-size:12px;color:#909399}.im-history-tabs button.active{color:#4340c6}.im-history-item{padding:14px 0;border-bottom:1px solid #eee;font-size:12px;cursor:pointer}.im-history-item header{display:flex;justify-content:space-between;color:#909399;margin-bottom:8px}.im-history-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#606266;line-height:1.7}.im-modal h3{font-size:18px;color:#303133;font-weight:500}.im-modal p{font-size:14px;line-height:1.8;color:#606266}.im-modal form{gap:18px}.im-modal .im-modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.im-modal button{font-size:13px}.im-modal input{font-size:14px}.im-forward-rooms{max-height:300px;overflow:auto}.im-forward-room{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px}.im-forward-room input{width:17px;height:17px;padding:0;box-shadow:none}.im-forward-room .im-avatar{width:35px;height:35px;font-size:14px}.im-blank{background:#fff;flex:1}.im-connection{font-size:12px;padding:8px;text-align:center;background:#fff6e8;color:#b68955}.im-no-results{font-size:12px;text-align:center;padding:25px 10px;color:#b6b8c2}.im-sending{font-size:11px;color:#9294a4;align-self:center}.im-scroll-note{position:absolute;bottom:calc(var(--im-composer-height) + 12px);right:20px;padding:8px 14px;background:white;color:#625bc5;border-radius:8px;box-shadow:0 2px 12px #0001;font-size:12px;z-index:6}
@media(max-width:600px){.im-shell{grid-template-columns:1fr;grid-template-rows:1fr 60px}.im-rail{grid-row:2;flex-direction:row;justify-content:space-around;padding:0 4px;gap:0}.im-self,.im-rail-bottom{display:none}.im-nav{height:48px;width:50px}.im-nav.active:before{left:21px;top:auto;bottom:0;width:12px;height:2px}.im-side{grid-row:1;border:0;min-height:0}.im-main{display:none;grid-row:1}.im-shell.open-room{grid-template-rows:1fr}.im-shell.open-room .im-rail,.im-shell.open-room .im-side{display:none}.im-shell.open-room .im-main{display:flex}.im-mobile-back{display:block}.im-message-area{padding:0 12px 15px}.im-bubble-wrap{max-width:76%}.im-message .im-avatar{width:35px;height:35px;font-size:14px}.im-resize-side{display:none}.im-drawer{width:300px}.im-tools{gap:0;padding:0 3px;justify-content:space-around}.im-tool{width:34px}.im-chat-head{height:55px}.im-drawer{top:55px}.im-composer{height:200px}.im-multi-tools{height:160px}.im-search-row{padding-top:5px;height:65px}.im-shell .im-emoji{bottom:198px}.im-popup{max-width:80vw}.im-room{height:68px}.im-shell .im-avatar{font-size:18px}}
.im-current-reply{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 160px);height:32px;line-height:16px;margin:0;padding:8px 27px 8px 9px;border:0;border-radius:3px;background:#3e45d710;color:#808080;font-size:12px}.im-current-reply button{top:5px}.im-main.has-contact .im-message-area,.im-main.has-contact .im-composer{margin-right:334px}.im-contact-drawer{width:334px;max-width:100%;padding:10px;background:#f7f7fa;border-left:1px solid #eee;box-shadow:none}.im-contact-top{display:flex;align-items:center;text-align:left;gap:16px;background:#fff;border-radius:10px;padding:20px;margin-bottom:14px}.im-contact-top .im-avatar{width:80px;height:80px;font-size:30px;margin:0}.im-contact-top h3{font-size:20px;margin:0 0 10px;font-weight:600}.im-contact-top p{display:flex;align-items:center;gap:8px;white-space:nowrap}.im-contact-top button{background:none;padding:0;color:#aaa;display:flex}.im-contact-top button svg{height:14px;width:14px}.im-contact-settings{background:#fff;border-radius:10px;padding:0 16px;margin-bottom:14px}.im-setting-row{padding:13px 0;border-bottom:1px solid #eee;font-size:13px}.im-setting-row:last-child{border:0}.im-contact-remark{background:#fff;border-radius:10px;padding:15px 16px;margin-bottom:14px}.im-contact-remark>span{display:flex;align-items:center;gap:7px;font-size:14px}.im-contact-remark svg{width:16px;height:16px;color:#6a67bd}.im-contact-remark>button{display:block;background:none;color:#909399;padding:17px 0 0;font-size:14px}.im-contact-links{background:#fff;border-radius:10px;padding:0 16px;margin-bottom:14px}.im-drawer-link{border-bottom:1px solid #eee;color:#111;font-size:13px}.im-drawer-link:last-child{border:0}.im-drawer-link>span{font-size:22px;color:#aaa;line-height:14px}.im-drawer-danger{background:#fff;border:0;border-radius:10px;padding:0 16px;margin:0}.im-drawer-danger button{padding:14px 0;border-bottom:1px solid #eee}.im-drawer-danger button:last-child{border:0}.im-report-link{display:block;margin:15px auto 0;padding:0;background:none;color:#6866bb;font-size:12px}.im-history-backdrop{position:fixed;inset:0;background:#0008;z-index:40}.im-history-drawer{position:fixed;right:0;top:0;bottom:0;width:700px;max-width:95vw;background:#fff;z-index:41;box-shadow:-4px 0 20px #0001;overflow:auto}.im-history-drawer>header{height:76px;display:flex;align-items:center;justify-content:center;position:relative}.im-history-drawer>header h3{font-size:16px;font-weight:400;color:#606266;margin:0}.im-history-drawer>header button{position:absolute;right:23px;top:21px;background:none;color:#909399;padding:0}.im-history-head{position:relative;height:32px;margin:0 25px 20px}.im-history-head>span{position:absolute;left:10px;top:8px;color:#bbb;display:flex}.im-history-head>span svg{width:15px;height:15px}.im-history-head input{height:32px;padding-left:30px;font:13px Arial;border:1px solid #eee;border-radius:8px;box-shadow:none}.im-history-head input::placeholder{color:#c0c4cc}.im-history-tabs{height:30px;gap:38px;margin:0 25px 14px;border-bottom:2px solid #ececf2;padding:0;overflow-x:auto;white-space:nowrap}.im-history-tabs button{height:30px;flex-shrink:0;color:#606266;font-size:14px;position:relative;padding-bottom:10px}.im-history-tabs button.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#5752cf}.im-history-results{padding:0 25px}.im-history-item{display:flex;gap:10px;padding:7px 8px;min-height:64px;border:0}.im-history-item:hover{background:#f7f7fc}.im-history-item .im-avatar{width:38px;height:38px;font-size:15px}.im-history-item>div{flex:1;min-width:0}.im-history-item header{justify-content:flex-start;gap:10px;margin:0 0 6px;font-size:13px}.im-history-item p{font-size:13px;color:#111}.im-visually-hidden{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.im-multi-tools{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--im-composer-height) + 10px);height:64px;padding:12px 18px;display:flex;gap:15px;align-items:center;justify-content:center;background:white;border:1px solid #eee;border-radius:10px;box-shadow:0 3px 16px #0002;z-index:13;white-space:nowrap}.im-multi-tools>span{font-size:13px}.im-multi-tools button{height:38px;display:block;padding:0 14px;border-radius:8px;border:1px solid #e4e7ed;background:white;color:#111;font-size:13px}.im-multi-tools #im-multi-forward{background:#4a45cf;color:white;border:0}.im-multi-tools #im-multi-merge{background:#18bd45;color:white;border:0}.im-multi-tools #im-multi-delete{background:#f56c6c;color:white;border:0}.im-recipient-modal{width:800px;max-width:calc(100vw - 30px);height:632px;max-height:80dvh;padding:0 20px;border-radius:16px;position:fixed;top:15dvh;left:50%;transform:translateX(-50%);margin:0;overflow:hidden}.im-recipient-title{height:58px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600;color:#111;position:relative}.im-recipient-title>[data-cancel]{position:absolute;right:0;top:16px;padding:0;background:none;color:#909399}.im-recipient-title svg{width:19px;height:19px;stroke:currentColor;fill:none}.im-recipient-modal form{display:flex;flex-direction:column;height:calc(100% - 58px);gap:0}.im-recipient-body{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);flex:1;min-height:0}.im-recipient-source,.im-recipient-selected{border:1px solid #f1f1f5;min-width:0;overflow:auto}.im-recipient-search{position:relative;height:32px;margin-bottom:7px}.im-recipient-search input{height:32px;padding:0 28px 0 10px;font-size:13px;border:1px solid #eee;border-radius:0;box-shadow:none}.im-recipient-search svg{position:absolute;right:10px;top:9px;width:15px;height:15px;fill:none;stroke:#bbb}.im-recipient-tabs{display:flex;background:#fafafa;height:44px;align-items:center;padding:0 3px}.im-recipient-tabs button{flex:1;height:38px;padding:0;font-size:13px;background:none;color:#111;position:relative}.im-recipient-tabs button.active{color:#3932ba;background:#eeecfc;font-weight:600}.im-recipient-tabs button.active:after{content:'';position:absolute;bottom:0;left:40%;right:40%;height:3px;background:#4d45ce}.im-recipient-arrow{align-self:center;text-align:center;color:#6660cc;font-size:22px}.im-recipient-option{display:flex;align-items:center;gap:10px;padding:7px 9px;min-height:53px;background:#faf9ff}.im-recipient-option .im-avatar{width:42px;height:42px;font-size:16px}.im-recipient-option>span{flex:1;min-width:0;font-size:13px}.im-recipient-option strong{display:block;font-weight:400;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-recipient-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#909399}.im-recipient-option input{appearance:none;border:1px solid #e4e7ed;width:17px;height:17px;border-radius:50%;padding:0;box-shadow:none;background:white;margin-right:9px}.im-recipient-option input:checked{background:#4c45cd;border-color:#4c45cd}.im-recipient-option input:checked:after{content:'✓';display:block;color:white;font-size:11px;text-align:center}.im-recipient-selected>p{font-size:13px;color:#909399;padding:9px 10px;margin:0}.im-recipient-selected .im-recipient-option{background:white}.im-recipient-option button{padding:0;background:none;color:#aaa;display:flex}.im-recipient-option button svg{height:15px;width:15px;stroke:currentColor;fill:none}.im-recipient-footer{height:80px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.im-recipient-footer button{padding:10px 25px;border:1px solid #e4e7ed;border-radius:9px;background:white;color:#111}.im-recipient-footer button.primary{color:white;border-color:#4e48d2;background:linear-gradient(140deg,#3630c5,#5953dc)}.im-contact-card{display:flex;gap:12px;align-items:center;color:#111;text-align:left;min-width:220px;white-space:normal}.im-contact-card .im-avatar{width:45px;height:45px!important}.im-contact-card small{display:block;margin-top:18px;color:#aaa;font-size:11px}.im-merged-card{display:block;min-width:240px;text-align:left;color:#111;white-space:normal}.im-merged-card strong{display:block;font-size:14px;margin-bottom:10px}.im-merged-card small{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#909399;margin:6px 0}.im-merged-card footer{border-top:1px solid #eee;margin-top:10px;padding-top:7px;font-size:11px;color:#aaa}.im-message.mine .im-contact-card,.im-message.mine .im-merged-card{background:white;color:#111}.im-merged-items{max-height:60vh;overflow:auto}.im-merged-items article{padding:15px 0;border-bottom:1px solid #eee}.im-merged-items small{font-size:12px;color:#999}.im-merged-items p{white-space:pre-wrap;overflow-wrap:anywhere}.im-profile-page>h3{height:60px;border-bottom:1px solid #eee;padding:20px;margin:0;font-size:16px;font-weight:400}.im-profile-summary{max-width:480px;margin:100px auto 30px;padding:30px}.im-profile-summary>.avatar{height:70px;width:70px;border-radius:50%;margin-bottom:20px}.im-profile-summary h2{font-size:24px}.im-profile-summary dl{display:grid;grid-template-columns:100px 1fr;font-size:14px;line-height:2.4;margin:30px 0}.im-profile-summary dt{color:#909399}.im-profile-summary dd{margin:0;overflow-wrap:anywhere}
.im-message{gap:13px}.im-bubble-wrap{max-width:calc(100% - 293px);min-width:20px}.im-bubble{padding:6px 10px;line-height:26px}.im-tabs button[data-filter=unread] small{color:#f56c6c}.im-nav-badge{position:absolute;right:-9px;top:1px;min-width:20px;height:19px;border-radius:10px;background:#f56c6c;border:1px solid white;color:white;font:11px/17px Arial;padding:0 4px}
@media(max-width:600px){.im-main.has-contact .im-message-area,.im-main.has-contact .im-composer{margin-right:0}.im-contact-drawer{width:100%;z-index:20}.im-history-drawer{max-width:100vw;width:100vw}.im-history-tabs{gap:25px}.im-history-head{margin-left:18px;margin-right:18px}.im-history-results{padding:0 12px}.im-history-tabs{margin-left:18px;margin-right:18px}.im-multi-tools{gap:7px;padding:10px;height:auto;max-width:98vw;flex-wrap:wrap;bottom:210px}.im-multi-tools>span{font-size:11px}.im-multi-tools button{padding:0 9px;font-size:11px;height:33px}.im-recipient-modal{top:8dvh;height:80dvh;max-height:84dvh;padding:0 12px}.im-recipient-body{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)}.im-recipient-option{gap:6px;padding:6px}.im-recipient-option .im-avatar{width:30px;height:30px;font-size:12px}.im-recipient-option input{margin-right:0}.im-recipient-option small{font-size:10px}.im-recipient-tabs button{font-size:11px}.im-current-reply{max-width:calc(100% - 125px)}.im-profile-summary{margin:35px auto;padding:25px}}

.im-self{padding:0;white-space:nowrap;line-height:40px}.im-nav{position:relative}.im-profile-page{background:white;flex:1;overflow:auto}.im-load-more[hidden]{display:none}@media(max-width:600px){.im-bubble-wrap{max-width:76%}}

.im-image-thumb{display:block;border:0;padding:0;background:transparent;border-radius:10px;overflow:hidden;max-width:360px;cursor:pointer;line-height:0;position:relative}.im-image-thumb img{display:block;width:auto;height:auto;max-width:360px;max-height:440px;object-fit:contain}.im-bubble-wrap:has(>.im-image-thumb){max-width:calc(100% - 53px)}.im-image-thumb.failed{line-height:1.6;min-width:150px;min-height:90px;background:#fff;color:#909399;padding:20px}.im-image-thumb.failed img{display:none}.im-image-fallback{font-size:12px}.im-image-fallback[hidden],.im-view-error[hidden]{display:none}.im-history-item .history-image img{max-width:160px;max-height:150px}.im-image-viewer{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.85);overflow:hidden;touch-action:none}.im-image-viewer>img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;cursor:grab;user-select:none}.im-image-viewer>img.dragging{cursor:grabbing}.im-view-close{position:absolute;right:20px;top:20px;z-index:2;border:0;width:40px;height:40px;padding:0;border-radius:50%;background:#3338;color:#ccc;font:28px/40px Arial}.im-image-actions{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:28px;background:#1119}.im-image-actions button,.im-image-actions a{display:grid;place-items:center;border:0;background:none;color:#ddd;width:30px;height:30px;padding:0;font:24px/1 Arial;text-decoration:none;cursor:pointer}.im-image-actions button:disabled{opacity:.25;cursor:default}.im-image-actions a:hover,.im-image-actions button:hover{color:white}.im-image-count{position:absolute;top:25px;left:25px;color:#ddd;font-size:12px}.im-view-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;background:#333;padding:20px;border-radius:8px}.im-view-error button{color:white;background:#555;margin-left:10px}.im-image-viewer :focus-visible{outline:2px solid #aaa;outline-offset:3px}@media(max-width:600px){.im-image-thumb,.im-image-thumb img{max-width:min(240px,55vw)}.im-image-actions{gap:3px;padding:8px}.im-image-actions button,.im-image-actions a{width:30px}.im-view-close{right:12px;top:12px}}

.im-read-status{display:block;color:#f56c6c;font-size:11px;line-height:18px;text-align:right;margin-top:2px}.im-read-status.read{color:#aaa}

.im-rich-input{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;min-height:30px;cursor:text}.im-rich-input:empty:before{content:attr(data-placeholder);color:#c0c4cc;pointer-events:none}.im-rich-input[contenteditable=false]{opacity:.7}.im-draft-image{display:inline-block;vertical-align:middle;position:relative;line-height:0;margin:3px;user-select:none}.im-draft-image img{max-width:180px;max-height:115px;object-fit:contain}.im-draft-image button{position:absolute;top:1px;right:1px;width:19px;height:19px;border-radius:50%;padding:0;background:#333b;color:white;font:17px/19px Arial}.im-draft-image button:hover{background:#f56c6c}

.im-latest{position:sticky;top:0;display:block;margin:0 auto 10px;z-index:2;background:#fff;border:1px solid #ddd;color:#5144d8;border-radius:16px;font-size:12px;padding:5px 14px}

.im-video-wrap{line-height:0;max-width:360px}.im-video{display:block;width:360px;max-width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:12px;background:#111}.im-bubble-wrap:has(>.im-video-wrap){max-width:calc(100% - 53px)}.im-video-error{display:block;font-size:12px;line-height:1.6;color:#f56c6c;background:white;padding:10px}.im-video-error[hidden]{display:none}.im-video-pending{margin:12px 0 12px auto;max-width:360px;text-align:right}.im-video-pending p{font-size:12px;color:#909399}.im-video-pending button{font-size:12px}.im-history-results .im-video{width:240px;max-height:200px}@media(max-width:600px){.im-video{width:240px;max-width:55vw}}

.im-tool.active{background:#eeeafa;color:#5042d0;border-radius:6px}.im-group-receipt{display:block;margin:2px 0 0 auto;background:none;border:0;color:#55b768;padding:0;width:18px;height:18px;font-size:12px}.im-group-receipt svg{width:16px;height:16px;border:1px solid currentColor;border-radius:50%;padding:2px}.im-group-receipt.pending{color:#e6a23c;border:1px solid currentColor;border-radius:50%;line-height:16px}.im-receipt-panel{position:absolute;z-index:120;top:0;right:244px;width:280px;height:426px;border-radius:12px;background:white;box-shadow:0 10px 28px #0002;overflow:hidden;color:#111;font-size:13px}.im-receipt-panel>header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fcfbff}.im-receipt-panel header button{background:none;border:0;color:#999;padding:0}.im-receipt-panel nav{display:flex;padding:7px 4px;background:#fafafa}.im-receipt-panel nav button{position:relative;flex:1;padding:10px 0;font-size:14px;background:none;border:0}.im-receipt-panel nav button.active{color:#4d3cc9;font-weight:600;background:#eeeafa;border-radius:8px}.im-receipt-panel nav button.active:after{content:"";position:absolute;bottom:0;left:42%;right:42%;height:3px;background:#4d3cc9;border-radius:4px}.im-receipt-panel>div{overflow:auto;max-height:310px;padding:10px 16px}.im-receipt-panel p{text-align:center;color:#aaa;margin-top:90px}.im-receipt-member{display:flex;align-items:center;gap:10px;padding:5px 0}.im-receipt-member .im-avatar{width:36px;height:36px;font-size:14px}@media(max-width:800px){.im-receipt-panel{right:14px;top:62px;width:min(280px,calc(100vw - 30px))}}

.im-draft-conflict{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:#fff7e6;color:#8a6100;font-size:13px}.im-draft-conflict button{position:static;flex:none;border:1px solid #e8c77b;border-radius:4px;background:#fff;color:#795600;padding:6px 10px;cursor:pointer}