.group-page-shell{--im-side-width:260px}.group-page-shell .im-side{height:100%;overflow:hidden}.group-page-shell .im-self{border:0}.group-list{height:calc(100% - 60px);overflow:auto}.group-list-letter{background:#f5f5fb;font-size:12px;padding:7px 15px;color:#909399}.group-list-item{display:flex;align-items:center;gap:12px;padding:10px;width:calc(100% - 8px);margin:0 4px;border-radius:7px;background:transparent;text-align:left;color:#333;height:60px}.group-list-item.active{background:#ebe9fa}.group-list-item>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.group-user-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.group-user-avatar img{width:100%;height:100%;object-fit:cover}.group-profile-page{flex:1;min-width:0;overflow:auto;background:#fcfcff}.group-page-title{height:60px;display:flex;align-items:center;padding:0 15px;font-size:18px;border-bottom:1px solid #eee;background:#fff}.group-profile{max-width:740px;margin:160px auto 60px;padding:0 40px}.group-profile-top{display:flex;align-items:center;gap:20px;position:relative;padding-bottom:30px;border-bottom:1px solid #eee}.group-large-avatar{border:0;padding:0;flex-shrink:0;display:block;border-radius:50%;background:none}.group-large-avatar .im-avatar{width:80px;height:80px;font-size:27px}.group-profile-top>div:not(.group-page-menu){flex:1;min-width:0}.group-profile-top h2{font-size:24px;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere;color:#111}.group-profile-members{display:flex;align-items:center;gap:9px;border:1px solid #eee;border-radius:13px;padding:10px 14px}.group-profile-members>.im-avatar{width:35px;height:35px;font-size:14px}.group-profile-members>button{border-radius:18px;font-size:12px;padding:6px 14px;background:#6257d8;color:white}.group-page-more{padding:8px;border:0;border-radius:50%;position:absolute;right:0;top:0;color:#4338ca;background:#f3f2ff}.group-page-more svg{width:20px;height:20px}.group-page-menu{position:absolute;right:0;top:38px;z-index:3;background:white;box-shadow:0 2px 14px #0002;border-radius:7px;padding:6px;width:140px}.group-page-menu button{display:block;width:100%;background:none;text-align:left;font-size:13px;padding:10px}.group-page-menu button:hover{background:#f3f2fb}.group-profile-owner,.group-profile-field{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;font-size:14px;align-items:center;margin:14px 0}.group-profile-owner{margin-top:24px;color:#777}.group-profile-owner>span:first-child,.group-profile-field>span{text-align:right;color:#444}.group-profile-field>div{position:relative}.group-profile-field input,.group-profile-field textarea{width:100%;border:1px solid #e7e7ef;border-radius:8px;background:white;box-shadow:none;font-family:inherit;font-size:14px;line-height:1.5;padding:7px 55px 7px 10px;color:#333}.group-profile-field input{height:36px}.group-profile-field textarea{height:82px;padding-bottom:22px;resize:vertical}.group-profile-field input::placeholder,.group-profile-field textarea::placeholder{color:#bbb}.group-profile-field input:read-only,.group-profile-field textarea:read-only{background:#f7f7fb;color:#999}.group-profile-field small{position:absolute;right:8px;bottom:9px;color:#aaa;font-size:12px;pointer-events:none}.group-profile-actions{display:flex;justify-content:center;gap:16px;padding-top:24px}.group-profile-actions button{font-size:14px;padding:10px 20px;color:white;border-radius:7px}.group-profile-actions svg{width:17px;height:17px;vertical-align:middle;margin-right:6px}.group-save{background:#1bb54a}.group-danger{background:#f65c70}.group-card{background:#fff;border-radius:12px;padding:12px 15px;margin-bottom:13px;font-size:13px}.group-card>header{display:flex;justify-content:space-between;align-items:center;margin:2px 0 20px}.group-card>header button{font-size:12px;color:#675bd2;background:none;padding:0}.group-member-tiles{display:flex;flex-wrap:wrap;gap:12px 7px}.group-member-tiles>button{display:flex;flex-direction:column;gap:5px;align-items:center;background:none;width:65px;padding:0;font-size:12px;color:#222}.group-member-tiles .im-avatar{width:40px;height:40px;font-size:15px}.group-member-tiles small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.group-tools{display:flex;flex-wrap:wrap;gap:18px 10px}.group-member-tiles .group-tools{display:contents}.group-tools>button{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;padding:0;width:63px;color:#222;font-size:12px}.group-tools>button>span{display:flex;align-items:center;justify-content:center;border-radius:50%;width:42px;height:42px;background:#f6f5fb;color:#999}.group-tools svg{height:19px;width:19px}.group-detail-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f1f1f1;background:none;color:#333;padding:15px 0;text-align:left;font-size:13px}.group-detail-row:last-child{border:0}.group-detail-row>span:last-child{color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:60%}.group-detail-row:disabled{opacity:1;cursor:default}.group-announcement-button{background:#f5f4fc;color:#999;font-style:italic;font-size:13px;text-align:left;display:block;width:100%;min-height:70px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;padding:10px;border-radius:8px}.group-clear{display:block;width:100%;color:#f56c6c;background:none;font-size:13px;padding:7px}.group-member-drawer{background:#f8f8fb}.group-member-drawer>header{display:flex;align-items:center;gap:14px;padding:18px 12px;border-bottom:1px solid #eee;background:white}.group-member-drawer>header button{background:none;padding:0;color:#7668db}.group-member-drawer>header button svg{height:18px;width:18px}.group-member-drawer>header h3{margin:0;font-size:15px}.group-member-drawer>header>span{padding:3px 7px;font-size:12px;background:#f0eff9;border-radius:14px;color:#999}.group-member-drawer>input{font-size:12px;border:1px solid #eee;border-radius:9px;width:calc(100% - 28px);margin:16px 14px;background:white;box-shadow:none;padding:8px}.group-member-list{background:white}.group-member-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 14px;text-align:left;border:0;background:none;font-size:14px}.group-member-row .im-avatar{height:38px;width:38px;font-size:14px}.group-me,.group-owner,.group-muted{font-size:10px;border-radius:3px;padding:2px;margin-left:3px;color:white;background:#6c5ce7}.group-owner{background:#ff6779}.group-muted{background:#aaa}.group-empty{font-size:13px;text-align:center;color:#999;padding:20px}.group-member-profile{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:14px;padding:20px 0}.group-member-profile dd{margin:0}.group-member-profile dt{color:#999}.group-edit-modal{width:500px;max-width:94vw}.group-edit-modal input,.group-edit-modal textarea{width:100%;border:1px solid #ddd;box-shadow:none;border-radius:7px;font-size:14px}.group-counter{display:block;text-align:right;color:#999;font-size:12px;margin-top:4px}.group-announcement-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;overflow:auto;font-size:14px}.group-picker{width:700px;max-width:95vw;padding:20px;border-radius:18px}.group-picker>header,.group-members-modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.group-picker h3{font-size:18px;margin:0;flex:1;text-align:center}.group-picker>header button,.group-members-modal>header button{background:none;color:#999;font-size:22px;padding:0}.group-picker-grid{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);height:min(50vh,440px)}.group-picker-grid>section{border:1px solid #f0f0f0;overflow:auto;padding:9px 10px}.group-picker-search{display:flex;align-items:center;border:1px solid #eee;border-radius:5px}.group-picker-search input{border:0;font-size:13px;width:100%;padding:7px;box-shadow:none}.group-picker-search svg{width:15px;height:15px;color:#bbb;margin-right:8px}.group-picker-arrow{align-self:center;justify-self:center;color:#776bd8;font-size:24px}.group-picker-person{display:flex;align-items:center;gap:12px;padding:8px 5px;cursor:pointer;font-size:14px;margin:0}.group-picker-person>span:not(.im-avatar){flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-picker-person .im-avatar{height:38px;width:38px;font-size:15px}.group-picker-person input{appearance:none;width:17px;height:17px;flex:0 0 17px;border:1px solid #ddd;border-radius:50%;padding:0;cursor:pointer}.group-picker-person input:checked{background:#5343dc;box-shadow:inset 0 0 0 4px white}.group-picker-person button{padding:0 4px;color:#aaa;background:none;font-size:18px}.group-picker footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.group-picker footer button{font-size:14px;border:1px solid #eee;padding:10px 22px;border-radius:7px}.group-picker footer button.primary{border-color:transparent}.group-picker-grid p{font-size:13px;color:#999}.group-members-modal{width:600px;max-width:94vw}.group-members-modal>header h3{margin:0}.group-members-modal>.group-tools{margin:20px 0}.group-members-modal .group-member-list{max-height:50vh;overflow:auto}.group-avatar-preview{text-align:center;padding:20px}.group-avatar-preview img{width:180px;height:180px;object-fit:cover;border-radius:50%}.group-send-blocked{font-size:13px;text-align:center;color:#999;padding:10px;background:#f8f8fb}.group-page-shell .im-avatar img{max-width:100%}
@media(max-width:900px){.group-profile{padding:0 20px;margin-top:70px}.group-profile-field,.group-profile-owner{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:600px){.group-page-shell .im-side{width:150px;flex-basis:150px;min-width:150px}.group-profile{padding:0 10px;margin-top:25px}.group-profile-top{display:block}.group-profile-top h2{font-size:18px;margin:12px 0}.group-profile-members{padding:7px;flex-wrap:wrap}.group-profile-field,.group-profile-owner{display:block}.group-profile-field>span,.group-profile-owner>span:first-child{display:block;text-align:left;margin-bottom:5px}.group-profile-actions{flex-wrap:wrap;gap:6px}.group-profile-actions button{padding:8px 12px}.group-page-more{top:0}.group-picker-grid{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.group-picker-person{gap:6px;padding:7px 0;font-size:12px}.group-picker-person .im-avatar{width:28px;height:28px;font-size:12px}.group-picker{padding:15px}.group-picker-grid>section{padding:5px}}

.group-share-picker{width:800px}.group-share-picker .group-picker-grid{height:min(57vh,490px)}.group-picker-tabs{display:flex;background:#fafafa;margin:7px -5px 0}.group-picker-tabs button{flex:1;background:none;color:#333;border:0;padding:12px 4px;font-size:14px;position:relative}.group-picker-tabs button.active{color:#4b3dcc;background:#eeeafa;font-weight:600;border-radius:8px}.group-picker-tabs button.active:after{content:"";position:absolute;bottom:0;left:40%;right:40%;height:3px;background:#4b3dcc;border-radius:4px}.group-profile-field:has(textarea){align-items:start}.group-profile-field:has(textarea)>span{padding-top:10px}

.group-composite{background:#e6e6e6!important;padding:3px!important}.group-composite>span{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.group-composite[data-count="1"]>span{grid-template-columns:1fr}.group-composite[data-count="2"]>span,.group-composite[data-count="3"]>span,.group-composite[data-count="4"]>span{grid-template-columns:repeat(2,minmax(0,1fr))}.group-composite b{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:2px;font-size:10px;font-weight:600;color:white}.group-composite[data-count="3"] b:first-child{grid-column:1/3;width:calc(50% - 1px);justify-self:center}.group-large-avatar .group-composite b{font-size:18px}.group-large-avatar .group-composite{padding:8px!important}

.group-composite .group-color-0{background:#387ab7}.group-composite .group-color-1{background:#baaa56}.group-composite .group-color-2{background:#739d92}.group-composite .group-color-3{background:#aa7b9e}.group-composite .group-color-4{background:#7f91c5}.group-composite .group-color-5{background:#bd8870}.group-composite .group-color-6{background:#76a0b4}.group-composite .group-color-7{background:#929762}.group-composite .group-color-8{background:#ad8a79}
@media(min-width:901px){.group-profile-top{padding-left:26px;gap:30px}.group-profile-field,.group-profile-owner{grid-template-columns:116px minmax(0,1fr)}.group-profile-field{margin:16px 0}.group-profile-field input{height:32px;padding-top:5px;padding-bottom:5px}.group-profile-field textarea{height:74px}.group-profile-owner{margin-bottom:24px}}