.creator-community-section{min-height:100vh;background:url("../img/creator_community/bg.png") no-repeat;background-size:contain;padding-top:190px;padding-bottom:100px;position:relative;background-color:#02041d}.creator-community-section .search-box{width:1200px;margin:50px auto 0;display:flex;align-items:center}.creator-community-section .search-box .filter-tabs{display:flex}.creator-community-section .search-box .filter-tabs .tab-item{padding:6px 18px;margin-right:10px;font-size:14px;border-radius:20px;cursor:pointer;transition:all .3s ease;color:#9c9db7}.creator-community-section .search-box .filter-tabs .tab-item:hover{background-color:rgba(255,255,255,0.2)}.creator-community-section .search-box .filter-tabs .tab-item.active{color:#2ea5ff;background:#3a3c58;border-radius:16px}.creator-community-section .search-box .search-input-wrapper{position:relative;display:flex;align-items:center}.creator-community-section .search-box .search-input-wrapper .search-input{flex:1;width:240px;height:32px;border:none;background-color:rgba(255,255,255,0.1);border-radius:22px;padding:0 20px;padding-left:36px;font-size:16px;color:#fff;outline:none;font-size:14px;color:#ffffff;line-height:14px;text-align:left;font-style:normal;background-image:url("../img/creator_community/icon_search.png");background-repeat:no-repeat;background-position:10px center}.creator-community-section .search-box .search-input-wrapper .search-input::placeholder{color:rgba(255,255,255,0.5)}.creator-community-section .search-box .search-input-wrapper .search-btn{position:absolute;right:5px;height:24px;border:none;background-color:rgba(58,60,88,0.8);color:#fff;border-radius:20px;padding:0 10px;font-size:12px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#9c9db7;text-align:right;font-style:normal}.creator-community-section .search-box .search-input-wrapper .search-btn:hover{background-color:rgba(73,110,255,0.9);color:#fff}.creator-community-section .search-box .search-input-wrapper .search-dropdown{position:absolute;top:50px;left:0;width:100%;background-color:rgba(20,22,36,0.95);border-radius:10px;overflow:hidden;z-index:10;display:none}.creator-community-section .search-box .search-input-wrapper .search-dropdown .dropdown-item{padding:12px 20px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px}.creator-community-section .search-box .search-input-wrapper .search-dropdown .dropdown-item:hover{background-color:rgba(53,90,255,0.4)}.creator-community-section .creator-ipt-box{position:relative;width:1200px;height:244px;margin:0 auto;border-radius:20px;background-color:rgba(255,255,255,0.1);overflow:hidden}.creator-community-section .creator-ipt-box .types{display:flex;height:100%}.creator-community-section .creator-ipt-box .types .type-item{width:250px;margin-left:-50px;padding-left:56px;display:flex;cursor:pointer;font-size:18px;color:#ffffff;line-height:18px;text-align:left;font-style:normal;padding-top:20px;transition:all .3s ease-in-out;background-position:100% 0px;background-size:100% 100%}.creator-community-section .creator-ipt-box .types .type-item::after{content:"";display:inline-block;width:14px;height:18px;background:url("../img/creator_community/icon_right.png") no-repeat 0 0;background-size:contain;margin-left:10px}.creator-community-section .creator-ipt-box .types .type-item.on{width:400px;background-color:rgba(255,255,255,0.2);padding-left:56px}.creator-community-section .creator-ipt-box .types .type-item:nth-of-type(1){background-image:url("../img/creator_community/1.png")}.creator-community-section .creator-ipt-box .types .type-item.on:nth-of-type(1){background-image:url("../img/creator_community/1_on.png")}.creator-community-section .creator-ipt-box .types .type-item:nth-of-type(2){background-image:url("../img/creator_community/2.png")}.creator-community-section .creator-ipt-box .types .type-item.on:nth-of-type(2){background-image:url("../img/creator_community/2_on.png")}.creator-community-section .creator-ipt-box .types .type-item:nth-of-type(3){background-image:url("../img/creator_community/3.png")}.creator-community-section .creator-ipt-box .types .type-item.on:nth-of-type(3){background-image:url("../img/creator_community/3_on.png")}.creator-community-section .creator-ipt-box .types .type-item:nth-of-type(4){background-image:url("../img/creator_community/4.png")}.creator-community-section .creator-ipt-box .types .type-item.on:nth-of-type(4){background-image:url("../img/creator_community/4_on.png")}.creator-community-section .creator-ipt-box .types .type-item:nth-of-type(5){background-image:url("../img/creator_community/5.png")}.creator-community-section .creator-ipt-box .types .type-item.on:nth-of-type(5){background-image:url("../img/creator_community/5_on.png")}.creator-community-section .creator-ipt-box .types .type-item:nth-of-type(1){margin-left:0;padding-left:20px}.creator-community-section .creator-ipt-box .ipt-box{position:absolute;width:100%;height:185px;bottom:0px;left:0px;background:url("../img/creator_community/ipt_bg.png") no-repeat 0 0;background-size:100% 100%;padding:18px 20px}.creator-community-section .creator-ipt-box .ipt-box textarea{width:100%;height:100%;border:none;outline:none;background-color:transparent;font-size:16px;color:#ffffff;line-height:18px;text-align:left;font-style:normal;resize:none}.creator-community-section .creator-ipt-box .ipt-box textarea::placeholder{color:rgba(200,205,206,0.534)}.creator-community-section .creator-ipt-box .ipt-box .bottom-op{position:absolute;left:0px;width:100%;display:flex;justify-content:space-between;align-items:center;bottom:0px;padding:16px 20px}.creator-community-section .creator-ipt-box .ipt-box .bottom-op .left,.creator-community-section .creator-ipt-box .ipt-box .bottom-op .right{display:flex;align-items:center}.creator-community-section .creator-ipt-box .ipt-box .bottom-op .right .limit{padding-right:10px;font-size:14px;color:rgba(255,255,255,0.6)}.creator-community-section .creator-ipt-box .ipt-box .bottom-op .right .icon_send{display:inline-block;width:34px;height:34px;background:url("../img/creator_community/icon_send.png") no-repeat 0 0;background-size:contain;cursor:pointer}.creator-community-section .creator-ipt-box .ipt-box .bottom-op .right .icon_send.can_click{background:url("../img/creator_community/icon_send_on.png") no-repeat 0 0;background-size:contain}.creator-community-section .content-masonry-container{width:1200px;margin:40px auto 0;min-height:50vh;overflow:hidden;position:relative}.creator-community-section .content-masonry-container .masonry-grid{position:relative;width:100%;margin:0 auto}.creator-community-section .content-masonry-container .masonry-loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(2,4,29,0.8);display:none;justify-content:center;align-items:center;flex-direction:column;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.creator-community-section .content-masonry-container .masonry-loading.active{display:flex}.creator-community-section .content-masonry-container .masonry-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,0.1);border-top-color:#2ea5ff;border-radius:50%;animation:spin .8s linear infinite}.creator-community-section .content-masonry-container .masonry-loading .loading-text{margin-top:20px;font-size:16px;color:rgba(255,255,255,0.8);font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.creator-community-section .content-masonry-container .masonry-item{width:232px;margin-bottom:10px;background-color:rgba(255,255,255,0.05);border-radius:6px;overflow:hidden;cursor:pointer;position:relative;transition:margin-top .3s ease,box-shadow .3s ease}.creator-community-section .content-masonry-container .masonry-item:hover{margin-top:-5px;box-shadow:0 8px 20px rgba(0,0,0,0.3)}.creator-community-section .content-masonry-container .masonry-item:hover .item-overlay{opacity:1}.creator-community-section .content-masonry-container .masonry-item .item-image{width:100%;min-height:50px;height:auto;display:block;object-fit:cover;font-size:14px;text-align:center;color:rgba(255,255,255,0.8)}.creator-community-section .content-masonry-container .masonry-item .item-footer{position:absolute;bottom:0px;width:100%;padding:6px 8px}.creator-community-section .content-masonry-container .masonry-item .item-footer .info-box{display:flex;align-items:center;justify-content:space-between}.creator-community-section .content-masonry-container .masonry-item .item-footer .info-box .author-info{display:flex;align-items:center;gap:8px}.creator-community-section .content-masonry-container .masonry-item .item-footer .info-box .author-info .author-avatar{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center}.creator-community-section .content-masonry-container .masonry-item .item-footer .info-box .author-info .author-name{font-size:12px;color:rgba(255,255,255,0.8)}.creator-community-section .content-masonry-container .masonry-item .item-footer .info-box .item-stats{display:flex;align-items:center;gap:5px}.creator-community-section .content-masonry-container .masonry-item .item-footer .info-box .item-stats .like-icon{width:16px;height:16px;background:url("../img/creator_community/icon_heart_default.png") no-repeat center;background-size:contain}.creator-community-section .content-masonry-container .masonry-item .item-footer .info-box .item-stats .like-count{font-size:12px;color:rgba(255,255,255,0.6)}.creator-community-section .content-masonry-container .masonry-item .item-footer .make-same-btn{color:white;font-size:14px;text-align:center;padding:8px 0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.4);border-radius:6px;margin-bottom:-45px;margin-top:10px;transition:margin-bottom .3s ease}.creator-community-section .content-masonry-container .masonry-item .item-footer .make-same-btn::before{content:"";display:inline-block;width:14px;height:14px;background:url("../img/creator_community/starts.png") no-repeat center;background-size:contain;margin-right:4px}.creator-community-section .content-masonry-container .masonry-item:hover .make-same-btn{margin-bottom:0}
/*# sourceMappingURL=./creator_community.css.map */