.contact-shell{--im-side-width:260px}.contact-sidebar{width:260px;flex:0 0 260px;background:white;border-right:1px solid #eee;overflow:auto}.contact-category,.contact-list-row{border:0;display:flex;align-items:center;width:100%;height:60px;padding:0 10px;gap:12px;background:none;color:#222;text-align:left;font-size:14px}.contact-category.active,.contact-list-row.active{background:#ebe9fa;border-radius:8px}.contact-category-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;color:white}.contact-category-icon.new{background:linear-gradient(135deg,#6acaf6,#1592e4)}.contact-category-icon.blocked{background:linear-gradient(135deg,#dd7190,#98405c)}.contact-category-icon svg{width:28px;height:28px}.contact-category-icon b{position:absolute;right:-2px;top:-5px;background:#ff596c;color:white;font-size:10px;font-weight:400;border-radius:9px;min-width:17px;text-align:center;padding:1px 4px}.contact-list-heading{height:32px;background:#f6f5fc;color:#999;padding:9px 14px;font-size:12px}.contact-list-row{margin:0 3px;width:calc(100% - 6px);padding-left:8px;gap:12px}.contact-list-row>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-avatar{position:relative;flex-shrink:0;background:linear-gradient(135deg,#a4a7e7,#696bc2);font-size:15px}.contact-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.contact-online{position:absolute;right:0;bottom:0;display:block;width:11px;height:11px;border:1px solid white;border-radius:50%;background:#19bc52}.contact-main{flex:1;min-width:0;overflow:auto;background:#fcfcff}.contact-main-title{height:60px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #eee;background:white;font-size:18px}.contact-profile{max-width:600px;margin:138px auto 60px}.contact-large-avatar>.contact-avatar{width:120px;height:120px;font-size:48px}.contact-large-avatar .contact-online{display:none}.contact-profile-heading{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:22px;padding-bottom:14px;border-bottom:1px solid #eee;min-height:50px}.contact-profile-heading:after{content:'';width:40px;height:2px;position:absolute;left:0;bottom:2px;background:#5544cf}.contact-profile-heading h2{font-size:24px;margin:0;font-weight:700;color:#111;overflow-wrap:anywhere}.contact-profile-heading>button{border:0;border-radius:50%;width:36px;height:36px;padding:10px;background:#f7f5fd;color:#5140c7;flex-shrink:0}.contact-profile-heading>button svg{width:16px;height:16px}.contact-profile dl{margin:24px 0 0}.contact-profile dl>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;min-height:50px;border-bottom:1px solid #f6f6f9;padding:12px 0;font-size:14px}.contact-profile dl>div:last-child{border-bottom:0}.contact-profile dt{text-align:right;color:#222}.contact-profile dd{margin:0;color:#222;overflow-wrap:anywhere}.contact-remark{display:flex;align-items:center;justify-content:space-between;gap:12px;font-style:italic;color:#999!important}.contact-remark button{background:none;color:#6551d5;border:0;padding:4px}.contact-remark svg{width:18px;height:18px}.contact-signature{color:#999!important;white-space:pre-wrap}.contact-profile-actions{display:flex;justify-content:center;gap:22px;margin-top:30px}.contact-profile-actions button{font-size:14px;color:white;border:0;padding:10px 20px;border-radius:7px;display:flex;align-items:center;gap:7px}.contact-profile-actions svg{height:17px;width:17px}.contact-danger{background:#ff536b;color:white!important;border-color:#ff536b!important}.contact-profile-actions button:disabled{opacity:.5;cursor:not-allowed}.contact-menu{position:absolute;z-index:5;right:0;top:40px;min-width:140px;background:white;border:1px solid #eee;box-shadow:0 5px 18px #0001;border-radius:6px;padding:6px 0}.contact-menu button{display:block;background:none;border:0;padding:10px 18px;text-align:left;width:100%;font-size:14px;color:#444}.contact-menu button:hover{background:#f6f4ff;color:#6551d5}.contact-request-tabs{display:flex;border-bottom:1px solid #eee}.contact-request-tabs button{font-size:14px;padding:12px 20px;color:#444;background:white;border:1px solid #eee;border-top:0}.contact-request-tabs button.active{color:#5a49ca;background:#fcfcff;border-bottom-color:#fcfcff}.contact-request-list{padding:8px 30px}.contact-request-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #ddd;padding:16px 10px;font-size:14px}.contact-request-row>.contact-avatar{width:56px;height:56px;font-size:21px}.contact-request-row>div:not(.contact-request-actions){flex:1;min-width:0}.contact-request-row strong{font-size:16px;color:#111}.contact-request-row p{margin:6px 0 0;color:#333;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.contact-request-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.contact-request-actions>button{font-size:13px;border:1px solid #eee;background:white;padding:8px 16px;border-radius:7px}.contact-request-actions>button.primary{background:#5341da;color:white;border-color:#5341da}.contact-request-actions>span{color:#999}.contact-empty{text-align:center;color:#999;font-size:14px;padding:80px 20px}.contact-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:25px 0;font-size:13px}.contact-pager button{font-size:13px;padding:8px 12px}.contact-edit-modal,.contact-search-modal{width:500px;max-width:95vw;border-radius:14px}.contact-edit-modal>header,.contact-search-modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.contact-edit-modal h3,.contact-search-modal h3{font-size:18px;margin:0}.contact-edit-modal>header button,.contact-search-modal>header button{background:none;color:#999;border:0;padding:0;font-size:24px}.contact-edit-modal label{display:block;font-size:14px;color:#555}.contact-edit-modal input,.contact-edit-modal textarea{font-size:14px;width:100%;border:1px solid #ddd;border-radius:6px;padding:9px;box-shadow:none;margin-top:10px}.contact-edit-modal textarea{min-height:85px;resize:vertical}.contact-edit-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.contact-edit-modal footer button{border:1px solid #ddd;background:white;border-radius:7px;font-size:14px;padding:9px 20px}.contact-edit-modal footer button.primary{background:#5341da;border-color:#5341da;color:white}.contact-user-search{display:flex;border:1px solid #ddd;border-radius:7px;align-items:center;padding-right:10px}.contact-user-search input{font-size:13px;border:0;box-shadow:none;min-width:0}.contact-user-search button{background:none;border:0;padding:0;color:#999}.contact-user-search svg{height:18px;width:18px}.contact-search-results{min-height:140px;max-height:50dvh;overflow:auto;margin-top:16px}.contact-search-results article{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.contact-search-results article>div{flex:1;min-width:0;font-size:14px}.contact-search-results small{display:block;color:#999;font-size:12px;margin-top:5px}.contact-search-results article>button{border:1px solid #ded8f3;border-radius:6px;background:#f8f6ff;color:#6751cc;padding:8px 12px;font-size:13px}.contact-search-results button:disabled{opacity:.5}.contact-search-results .contact-empty{padding:40px 0}
@media(max-width:1000px){.contact-profile{margin:85px 30px 50px}}@media(max-width:650px){.contact-sidebar{width:150px;flex-basis:150px}.contact-sidebar .im-search-row{padding:10px 6px}.contact-category,.contact-list-row{gap:7px;font-size:13px}.contact-category-icon{width:34px;height:34px;flex-basis:34px}.contact-list-row>.contact-avatar{width:34px;height:34px;font-size:13px}.contact-profile{margin:30px 15px}.contact-large-avatar>.contact-avatar{width:80px;height:80px;font-size:32px}.contact-profile dl>div{grid-template-columns:70px minmax(0,1fr);font-size:12px}.contact-profile-actions{flex-wrap:wrap;gap:10px}.contact-request-list{padding:8px}.contact-request-row{flex-wrap:wrap;padding:12px 2px}.contact-request-actions{margin-left:auto}.contact-request-tabs button{padding:12px 7px;font-size:12px}}
.contact-report-modal{width:600px;max-width:95vw;border-radius:12px}.contact-report-modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.contact-report-modal h3{margin:0;font-size:18px}.contact-report-modal>header button{font-size:24px;background:none;border:0;padding:0;color:#999}.contact-report-modal form>label,.contact-evidence-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:20px;font-size:14px}.contact-report-modal label>span,.contact-evidence-row>span{text-align:right;padding-top:9px;color:#606266}.contact-report-modal label strong{font-weight:400;padding-top:9px}.contact-report-modal b{color:#f56c6c;font-weight:400}.contact-report-modal select,.contact-report-modal textarea{font-size:14px;border:1px solid #dcdfe6;border-radius:5px;box-shadow:none;padding:9px;min-width:0}.contact-report-modal textarea{width:100%;resize:vertical;padding-bottom:25px}.contact-report-text{position:relative}.contact-report-text>small{position:absolute;right:8px;bottom:8px;color:#999;font-size:12px}.contact-report-modal small{color:#999;font-size:12px}.contact-report-modal footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.contact-report-modal footer button{font-size:14px;border:1px solid #dcdfe6;padding:9px 20px;border-radius:6px;background:white}.contact-report-modal footer button.primary{background:#5543d8;border-color:#5543d8;color:white}#contact-evidence{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.contact-evidence-thumb,#contact-evidence-add{width:88px;height:88px;border:1px dashed #dcdfe6;background:#fafafa;border-radius:7px;position:relative}.contact-evidence-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.contact-evidence-thumb button{position:absolute;top:0;right:0;background:#555b;color:white;border:0;border-radius:0 7px 0 5px;padding:2px 5px;font-size:15px}#contact-evidence-add{color:#999;font-size:30px;cursor:pointer}.contact-report-inspect{width:700px;max-width:95vw}.contact-report-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.contact-report-images{display:flex;flex-wrap:wrap;gap:12px}.contact-report-images img{width:140px;height:140px;object-fit:contain;border:1px solid #eee}.contact-report-inspect p{font-size:14px}
.contact-profile dl>div{grid-template-columns:80px minmax(0,1fr);gap:20px}.contact-profile dt{text-align:center}.contact-profile dt,.contact-profile dd{font-size:14px}
.contact-list-label{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.contact-list-label b{font-weight:400;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-list-label small{display:flex;gap:4px}.contact-list-label i{position:relative;display:flex;color:#333}.contact-list-label i:after{content:"";height:5px;width:5px;position:absolute;right:-1px;bottom:0;border-radius:50%;background:#19bc52}.contact-list-label svg{height:14px!important;width:14px!important}