.my-community-page{color:#17284a;background:#f3f6fa;min-height:100dvh;padding:18px 18px 92px}.my-community-page>header,.my-community-page>section,.direct-message-panel{width:min(920px,100%);margin:auto}.my-community-page>header{align-items:center;gap:20px;margin-bottom:15px;display:flex}.my-community-page>header>a{color:#315fd6;font-weight:800;text-decoration:none}.my-community-page>header h1,.my-community-page>header p{margin:3px 0}.my-community-page>header small,.my-community-page>header p{color:#718099}.my-community-page>section{gap:9px;margin-top:14px;display:grid}.my-community-page>section>a{color:#17284a;background:#fff;border:1px solid #dbe3ef;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:13px;text-decoration:none;display:grid}.my-community-page>section>a>span{color:#315fd6;background:#edf3ff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.my-community-page>section>a b,.my-community-page>section>a small{display:block}.my-community-page>section>a small{color:#718099;margin-top:4px}.my-community-page>section>a em{color:#315fd6;font-size:12px;font-style:normal}.direct-message-panel{background:#fff;border:1px solid #dbe3ef;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #20355b12}.direct-message-panel>header{border-bottom:1px solid #e5eaf2;justify-content:space-between;align-items:center;padding:16px;display:flex}.direct-message-panel h2,.direct-message-panel p{margin:2px 0}.direct-message-panel>header p{color:#75839a;font-size:12px}.direct-message-panel>header>span{color:#315fd6;background:#edf3ff;border-radius:99px;padding:6px 10px;font-size:12px}.direct-message-panel>main{grid-template-columns:280px 1fr;min-height:360px;display:grid}.direct-message-panel>main>aside{border-right:1px solid #e5eaf2;padding:8px}.direct-message-panel>main>aside>button{text-align:left;background:#fff;border:0;border-radius:11px;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;width:100%;padding:9px;display:grid}.direct-message-panel>main>aside>button.active{background:#edf3ff}.direct-message-panel>main>aside>button>span{background:#dce8fa;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.direct-message-panel>main>aside b,.direct-message-panel>main>aside small{display:block}.direct-message-panel>main>aside small{color:#7a879a;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.direct-message-panel>main>section{flex-direction:column;min-width:0;display:flex}.direct-message-panel>main>section>header{border-bottom:1px solid #e5eaf2;justify-content:space-between;padding:12px 14px;display:flex}.direct-message-list{flex:1;padding:13px;overflow:auto}.direct-message-list article{max-width:75%;margin-bottom:10px}.direct-message-list article.mine{text-align:right;margin-left:auto}.direct-message-list p{background:#f0f3f7;border-radius:12px;margin:3px 0;padding:9px}.direct-message-list .mine p{background:#dfeaff}.direct-message-panel footer{border-top:1px solid #e5eaf2;grid-template-columns:1fr auto;gap:8px;padding:10px;display:grid}.direct-message-panel textarea{resize:none;border:1px solid #ccd7e7;border-radius:10px;min-height:50px;padding:9px}.direct-message-panel footer button{color:#fff;background:#315fd6;border:0;border-radius:10px;padding:0 18px;font-weight:900}.community-empty{color:#7a8798;text-align:center;padding:35px}.community-notice{z-index:170;color:#fff;background:#17284a;border:0;border-radius:10px;padding:10px 14px;position:fixed;bottom:80px;right:15px}@media (max-width:700px){.my-community-page{padding:12px 10px 86px}.my-community-page>header{flex-direction:column;align-items:flex-start;gap:7px}.direct-message-panel>main{grid-template-columns:1fr}.direct-message-panel>main>aside{border-bottom:1px solid #e5eaf2;border-right:0;max-height:190px;overflow:auto}.my-community-page>section>a{grid-template-columns:40px 1fr}.my-community-page>section>a>em{grid-column:2}.direct-message-panel>header p{display:none}}