.header-container{position:fixed;top:0;left:0;right:0;z-index:4;padding:0 16px;background-color:#fff;border-bottom:1px solid var(--color-border)}.header-content{height:var(--height-header);padding:0 8px;display:flex;align-items:center;justify-content:space-between}.header-content .logo{color:#ff4500;font-weight:800;font-size:36px}.header-content .search-input-container{width:40%;height:36px;border-radius:20px;background-color:var(--color-secondary-background);padding:0 16px;display:flex;align-items:center;border:2px solid transparent;position:relative}.header-content .search-input-container.is-focus{border-color:var(--color-primary-hover);background-color:#fff}.header-content .search-input-container input{margin-left:8px;height:100%;flex:1;background-color:transparent}.header-content .search-input-container .clear-btn{padding:4px;font-size:16px}.header-content .search-input-container .search-result{position:absolute;top:38px;left:0;width:100%;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.header-content .search-input-container .search-result .search-result-container{margin-top:8px;border-top:1px solid rgba(0,0,0,.098);padding:0 16px}.header-content .search-input-container .search-result .search-result-container .no-result{padding:16px 0;color:#576f76}.header-content .search-input-container .search-result .search-result-container>ul{max-height:380px;overflow:auto;padding-bottom:8px}.header-content .search-input-container .search-result .search-result-container>ul h4{padding:8px 0;color:#5c6c74;font-weight:600;font-size:12px}.header-content .search-input-container .search-result .search-result-container>ul .search-result-item{cursor:pointer;padding:6px 0 6px 4px;display:flex;gap:10px;color:#333d42;font-size:14px}.header-content .search-input-container .search-result .search-result-container>ul .search-result-item .ant-avatar{margin-top:4px}.header-content .search-input-container .search-result .search-result-container>ul .search-result-item .info{color:#576f76;font-size:12px}.header-content .btn{height:40px;border-radius:20px;font-weight:600;padding:0 12px}.header-content .btn:hover{background-color:#e2e7e9}.header-content .btn svg{margin-right:8px}.header-content .btn.login-btn{color:#fff;background-color:#d93a00}.header-content .btn.login-btn:hover{opacity:.8}.main-layout{grid-template-columns:272px 1fr;padding-top:var(--height-header)}.left-layout{position:sticky;top:var(--height-header);height:calc(100vh - var(--height-header) - 32px);padding:16px 16px 16px 8px;border-right:1px solid var(--color-border);overflow-y:auto}.left-layout .left-group{border-bottom:1px solid rgba(0,0,0,.098);padding:12px 0}.left-layout .left-group:last-child{border-bottom:0}.left-layout .menu-item{padding:4px 16px;border-radius:8px;line-height:32px;cursor:pointer;display:flex;align-items:center;font-size:14px;color:#000}.left-layout .menu-item .anticon{font-size:20px;margin-right:14px}.left-layout .menu-item .ant-avatar{margin-right:8px}.left-layout .menu-item:hover{background-color:#f2f4f5}.left-layout .menu-item .menu-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-layout .menu-item button{width:32px;height:32px;border-radius:16px}.left-layout .menu-item button .anticon{font-size:16px;margin-right:0}.left-layout .menu-item button:hover{background-color:#e2e7e9}.left-layout .ant-collapse-header-text{color:var(--color-content-weak)}.left-layout .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding:0}.main-content{width:1120px;max-width:calc(100vw - 337px);padding:0 16px;margin:0 auto}.content-container{display:flex;gap:16px;overflow:visible}.content-container .content-main-container{width:756px;max-width:calc(100vw - 658px);padding-bottom:26px}.content-container .content-right{flex:1;position:sticky;top:calc(var(--height-header) + 8px);height:calc(100vh - var(--height-header) - 16px);overflow-y:auto}@media screen and (max-width: 1100px){.content-container .content-main-container{width:calc(100vw - 337px);max-width:calc(100vw - 337px)}.content-container .content-right{display:none}}@media screen and (max-width: 800px){.main-layout{grid-template-columns:1fr}.left-layout{display:none}.main-content,.content-container .content-main-container{width:calc(100vw - 65px);max-width:calc(100vw - 65px)}}.sign-container{padding:20px 50px}.sign-container .input-container{margin-bottom:20px}.sign-container .error-tip{color:#d93a00;font-size:12px;margin-bottom:10px}.sign-container .tip{margin-bottom:10px}.sign-container .changeType{margin-bottom:25px}.sign-container .sign-btn{width:100%;color:#fff;background-color:#d93a00;height:48px;border-radius:24px;font-weight:600}.sign-container .sign-btn:disabled{background-color:#0000000d;color:#00000040}.sign-container .avatar-container{background-color:#e2e7e9;border-radius:20px;padding:0 16px;height:46px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sign-container .avatar-container .avatar-option img{width:25px;height:25px}.home-right-header{padding:18px 16px}.home-right-header h2{color:var(--color-content-weak);font-size:12px}.home-right{background-color:var(--color-right-background);border-radius:16px}.home-right .post-item{color:var(--color-content-weak);border-bottom:1px solid var(--color-border);padding:12px 16px}.home-right .post-item:first-child{padding-top:0}.home-right .post-item:last-child{border-bottom:0}.home-right .post-item .post-text{flex:1}.home-right .post-item .post-text a{color:var(--color-content-weak)}.home-right .post-item .post-text a:hover{text-decoration:underline}.home-right .post-item .communityName{font-size:12px;margin-left:4px}.home-right .post-item .post-title{font-size:14px;line-height:1.25;font-weight:600;display:block;margin:8px 0}.home-right .post-item .img-box{width:82px;height:82px;position:relative}.home-right .post-item .img-box img{width:100%;height:100%;border-radius:8px}.home-right .post-item .img-box .type-icon{position:absolute;bottom:4px;left:4px;width:20px;height:20px;border-radius:10px;background-color:#0009}.home-right .post-item .img-box .type-icon svg{width:12px;fill:#fff}.home-right .post-item .post-numbers{margin-top:4px;font-size:12px}.communityDetail-header{width:100%;position:relative;margin-top:8px}.communityDetail-header .bg{border-radius:8px;min-height:64px;width:100%;background-position:center;background-size:cover;background-color:var(--color-secondary-background)}.communityDetail-header .ant-flex{position:absolute;bottom:-50px;left:16px;width:calc(100% - 32px)}.communityDetail-header .ant-flex .community-avatar{width:80px;height:80px;border-radius:44px;padding:4px;background-color:#fff}.communityDetail-header .ant-flex h1{font-size:32px;flex:1}.communityDetail-header .ant-flex button{height:38px;padding:0 12px;border:1px solid #11151a;font-size:14px;border-radius:20px}.communityDetail-header .ant-flex button:hover{border-color:#000}.communityDetail .community-main{padding-top:60px}.communityDetail .community-main .content-right{height:calc(100vh - var(--height-header) - 68px)}.communityDetail .community-main .community-info{background-color:var(--color-right-background);border-radius:16px;padding:16px}.participantDetail{padding:16px 0}.participantDetail .avatar-box{position:relative}.participantDetail .avatar-box .edit-btn{position:absolute;bottom:0;right:0;background-color:#e5ebee}.participantDetail .participant-nickname{color:#131313;font-size:24px}.participantDetail .edit-btn{width:30px;height:30px;border-radius:15px}.participantDetail .edit-btn:hover{background-color:#c9d7de}.participantDetail input{border-bottom:1px solid #666}.participantDetail .tabs{margin:40px 0 20px}.participantDetail .tabs a{padding:0 14px;line-height:40px;border-radius:20px;color:#181c1f;font-weight:600;font-size:14px}.participantDetail .tabs a:hover{text-decoration:underline}.participantDetail .tabs a.router-link-active{background-color:#c9d7de}.participantDetail-right{background-color:var(--color-right-background);border-radius:16px;padding:16px;color:#181c1f}.participantDetail-right h2{font-size:16px;line-height:2;margin-bottom:12px}.participantDetail-right .number span{font-weight:600}.participantDetail-right .number p{color:#5c6c74;font-size:12px}.modifyAvatar-box{width:335px}.modifyAvatar-box img{width:50px;height:50px}.imags-container{background-color:#00000080;border-radius:16px;overflow:hidden}.imags-container img{max-height:400px;max-width:100%}.imags-container .carousel{position:relative}.imags-container .carousel .item-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));transition:all .3s}.imags-container .carousel .item-list .image-box{position:relative;isolation:isolate}.imags-container .carousel .item-list .image-box:after{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;opacity:.3;filter:blur(24px);background-size:120%;background-position:center;background-image:var(--bg-url)}.imags-container .carousel button{position:absolute;width:32px;height:32px;border-radius:16px;top:calc(50% - 16px);background-color:#0009;color:#fff}.imags-container .carousel button:hover{background-color:#000c}.imags-container .carousel button.prev-btn{left:8px}.imags-container .carousel button.next-btn{right:8px}.vote-btn{width:32px;height:32px;font-size:16px;color:#878a8c;border-radius:32px}.vote-btn:hover{background-color:#e2e7e9}.vote-btn.up-btn:hover,.vote-btn.up-btn.actived{color:#d93a00}.vote-btn.down-btn:hover,.vote-btn.down-btn.actived{color:#6a5cff}.post .poster{padding:8px;color:var(--color-content-weak);font-size:12px}.post .poster .posterName{color:var(--color-content);font-weight:600;margin-left:4px}.post .poster a.posterName:hover{color:var(--color-primary-hover)}.post .title{margin:0 8px;font-size:18px;font-weight:500;color:#222}.post .post-content{margin:8px 0}.post .post-content .text{padding:5px 8px;color:var(--color-content);line-height:20px;font-size:14px}.post .post-content .text.mask{overflow:hidden;max-height:250px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.post .post-content .text :deep(p){margin-top:15px}.post .post-content .text :deep(p):first-child{margin-top:0}.post .post-content a{padding:5px 8px;color:#0079d3;font-size:12px}.post .post-content a:hover{text-decoration:underline}.post .post-content video{background-color:#000;width:100%;max-height:512px;border-radius:16px}.post .actions .post-btn{background-color:var(--color-secondary-background);padding:0 14px;color:#000;border-radius:32px;font-size:12px;height:32px;display:flex;align-items:center;gap:0 5px}.post .actions .post-btn .anticon{font-size:20px;vertical-align:-.2em}.post .actions .post-btn img{width:20px;height:20px}.post .actions .post-btn:disabled{opacity:.6}.post .actions button:not(:disabled):hover{background-color:#e2e7e9}.post .actions .vote-btns{padding:0}.post-list .post-item{cursor:pointer;padding:4px 0;border-bottom:1px solid var(--color-border)}.post-list .post-item>div{border-radius:16px;padding:4px 16px}.post-list .post-item:hover>div{background-color:#f2f4f5}.postDetail-container{padding:8px 0}.postDetail-container .comments-sort{margin-top:8px;padding:12px 0;color:var(--color-content-weak);font-size:12px}.postDetail-container .comments-sort .ant-select-selector{border:1px solid #d9d9d9;height:32px;border-radius:16px;font-size:12px;padding:0 6px 0 10px;min-width:80px;display:flex;align-items:center;justify-content:center}.postDetail-container .comments-sort .ant-select{min-width:80px}.postDetail-container .comments-sort .ant-select-selection-item{padding-inline-end:24px;text-align:center}.postDetail-container .comments-sort .ant-select:hover .ant-select-selector{background-color:#e2e7e9}.postDetail-container .comments-sort:hover{background-color:transparent}.postDetail-container .ant-select-dropdown .ant-select-item-option-content{text-align:center;justify-content:center}.postDetail-container .createComment-box .ql-editor{min-height:138px}.postDetail-container .comments-box{padding:0 8px 0 14px}.postDetail-container .community-box{background-color:var(--color-right-background);border-radius:16px;padding:16px 0}.postDetail-container .community-box>div{padding:0 16px}.postDetail-container .community-box .community-name{font-size:18px;font-weight:700;color:#131313}.postDetail-container .community-box .joined-btn{border:1px solid rgba(0,0,0,.5);height:32px;border-radius:16px;color:#0f1a1c;font-size:12px;min-width:70px;padding:0 3px}.postDetail-container .community-box .joined-btn:hover{border-color:#0f1a1c}.postDetail-container .community-box .des{margin:8px 0;color:var(--color-content-weak);line-height:21px;font-size:14px}.postDetail-container .community-box .numbers .value{font-size:16px;font-weight:500;line-height:20px}.postDetail-container .community-box .numbers .label{font-size:12px;line-height:16px;color:#7c7c7c}.postDetail-container .community-box .numbers .dot{margin-right:4px;color:#46d160}.postDetail-container .community-box hr{background-color:#1a1a1b12;margin:16px 0;height:1px;border:0}.postDetail-container .community-box h4{margin:12px 0;color:var(--color-content-weak);font-size:12px}.postDetail-container .community-box .moderators{list-style:none}.postDetail-container .community-box .moderators li{padding:4px 16px;color:#2a3c42;font-size:14px}.postDetail-container .community-box .moderators img{width:32px;height:32px;border-radius:16px}.createPost-main{width:740px;max-width:100%;margin-right:24px}.createPost-main>h1{margin:24px 0 16px;font-size:24px;color:#333d42}.createPost-main .selectCommunity-box{position:relative}.createPost-main .selectCommunity-box .select-trigger{display:inline-block;width:auto;border-radius:20px;height:40px;background-color:#e5ebee;padding:0 10px;margin:4px 0 20px}.createPost-main .selectCommunity-box .select-trigger .ant-flex{height:100%}.createPost-main .selectCommunity-box .select-trigger .noCommunity{font-weight:700}.createPost-main .selectCommunity-box .select-trigger .noCommunity .avatar{border:1px dashed #878a8c;height:21px;width:21px;border-radius:11px}.createPost-main .selectCommunity-box .select-trigger .searchCommunity{color:#1c1c1c;flex:1}.createPost-main .selectCommunity-box .select-trigger .searchCommunity input{margin-left:10px}.createPost-main .selectCommunity-box .select-trigger .selectedCommunity{color:#1c1c1c;flex:1}.createPost-main .selectCommunity-box .community-options{position:absolute;z-index:10;width:280px;top:50px;left:10px;padding:5px 10px;list-style:none;background-color:#fff;max-height:400px;overflow-y:auto;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;border-radius:8px}.createPost-main .selectCommunity-box .community-options li{padding:10px;cursor:pointer}.createPost-main .selectCommunity-box .community-options li .c-subscribers{color:#888}.createPost-main .selectCommunity-box .community-options .no-community{text-align:center;color:#999;padding:10px 0;font-size:14px}.createPost-main .type-tab{cursor:pointer;padding:0 14px}.createPost-main .type-tab span{display:inline-block;line-height:46px;font-weight:600;position:relative}.createPost-main .type-tab.actived span:after{content:" ";position:absolute;bottom:0;left:0;width:100%;background-color:#115bca;height:4px}.createPost-main .createPost-content{padding:16px 0}.createPost-main .createPost-content .input-container{border:1px solid rgba(0,0,0,.2);background-color:#fff}.createPost-main .createPost-content .input-container.actived{border-color:#00000080;background-color:#f6f8f9}.createPost-main .createPost-content .title-input{margin-bottom:40px}.createPost-main .createPost-content .ql-toolbar.ql-snow{border-bottom:0;border-top-left-radius:16px;border-top-right-radius:16px}.createPost-main .createPost-content .ql-container.ql-snow{border-bottom-left-radius:16px;border-bottom-right-radius:16px;min-height:110px}.createPost-main .createPost-content .upload-container{position:relative;border-radius:20px}.createPost-main .createPost-content .upload-container .ant-upload-drag{border-radius:16px}.createPost-main .createPost-content .upload-container .action-btn{position:absolute;top:8px;height:32px;border-radius:16px;background-color:#0009;color:#fff;display:none}.createPost-main .createPost-content .upload-container .action-btn:hover{background-color:#000c}.createPost-main .createPost-content .upload-container .action-btn.add-btn{left:8px;padding:0 10px}.createPost-main .createPost-content .upload-container .action-btn.delete-btn{right:8px;width:32px}.createPost-main .createPost-content .upload-container:hover .action-btn{display:block}.createPost-main .createPost-content .submit-buttons{margin-top:10px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag{background-color:#f0f0f0;color:#555;padding:4px 8px;border-radius:4px;font-size:12px;display:inline-block}:root{--height-header: 57px;--color-content: #2a3c42;--color-content-weak: #576f76;--color-primary-hover: #003584;--color-border: rgba(0,0,0,.2);--color-background-selected: #eaedef;--color-secondary-background: #eaedef;--color-right-background: #f9fafa}*{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}html,body{width:100%;height:100%}button{cursor:pointer;border:0;background-color:transparent}button:disabled{cursor:not-allowed}input{outline:none;border:0;background-color:transparent}a{text-decoration:none}.centered-box,.error-page,.loading-container{display:flex;align-items:center;justify-content:center}.card{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;background-color:#fff;overflow:hidden}.scrollbars{scrollbar-width:thin;scrollbar-color:transparent transparent}.scrollbars:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.grid{display:grid}.error-page{height:100vh;flex-direction:column}.error-page img{max-width:80%;max-height:400px}.error-page h1{margin:20px 0}.loading-container{width:100%;height:200px}.avatar-option{padding:1px;border:1px solid transparent;border-radius:4px;display:inline-flex;cursor:pointer}.avatar-option.selected{border-color:#1677ff}.avatar-option img{border-radius:4px}.tbp15{padding:15px 0}