.conmunity-container{width:100%;display:flex;flex-direction:column;align-items:center}.community-banner-box{width:100%;position:relative}.community-banner-section{display:flex;flex-direction:column;background-color:#ff467a;overflow:hidden}.section-describe{padding-top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.section-describe h1{color:#fff;font-size:40px;font-weight:700}.section-describe p{padding:20px 0;color:#fff;font-size:18px;text-align:center}.describe-button button{padding:10px 20px;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:16px;cursor:pointer;transition:all .3s ease}.describe-button button:hover{background-color:#fff;color:#000}.describe-button button span{padding-right:5px}.describe-carousel{width:100%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;padding-top:60px;padding-bottom:100px}.carousel-wrapper{display:flex;flex-direction:row;gap:40px;animation:slide 60s linear infinite}.carousel-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:10px;padding:20px;flex-shrink:0;transform:scale(1.5);opacity:0;animation:itemShow .8s cubic-bezier(.25,.46,.45,.94) forwards;position:relative;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.carousel-item:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.carousel-item:nth-child(1){animation-delay:.1s}.carousel-item:nth-child(2){animation-delay:.2s}.carousel-item:nth-child(3){animation-delay:.3s}.carousel-item:nth-child(4){animation-delay:.4s}.carousel-item:nth-child(5){animation-delay:.5s}.carousel-item:nth-child(6){animation-delay:.6s}.carousel-item:nth-child(7){animation-delay:.7s}.carousel-item:nth-child(8){animation-delay:.8s}.carousel-item:nth-child(9){animation-delay:.9s}.carousel-item:nth-child(10){animation-delay:1s}.carousel-item img{width:160px;height:auto;display:block;transition:transform .3s ease}.carousel-item:hover img{transform:scale(1.05)}.carousel-message{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.message-item{display:flex;flex-direction:row;align-items:center;gap:10px}.message-from{width:25px;height:25px;background-color:#ff467a;border-radius:50%;display:flex;align-items:center;justify-content:center}.message-from span{color:#fff;font-size:14px}.message-name{font-size:14px;color:#000}.carousel-message button{background-color:#000;color:#fff;border-radius:50px;padding:5px 10px;border:none;cursor:pointer;transition:all .3s ease}.carousel-message button:hover{background-color:#ff467a;transform:scale(1.1)}.carousel-message button span{padding-left:6px}.community-banner-search{position:absolute;width:60%;bottom:0;left:50%;transform:translate(-50%,50%);z-index:10}.search-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #aeaeae;border-radius:10px;padding:10px 20px}.search-form{width:60%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.search-icon i{font-size:20px;color:#aeaeae}.search-form .search-input{margin:0;width:100%;padding:10px;font-size:18px;border:none;outline:none}.clear-search i{color:#000;font-size:18px;cursor:pointer}.filter-options{padding:0 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-left:1px solid #aeaeae}.filter-btn{background:transparent;border:none;color:#000;font-size:18px;padding:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border-radius:20px;transition:all .2s ease;gap:5px}.filter-btn:hover,.filter-btn.active{color:#fe467c}@keyframes itemShow{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(calc(-50% - 20px))}}@media(max-width:1024px){.section-describe h1{font-size:32px}.section-describe p{font-size:16px}.describe-carousel{height:350px}}@media(max-width:768px){.section-describe h1{font-size:28px;text-align:center}.section-describe p{font-size:14px;padding:0 20px}.describe-carousel{height:300px}.carousel-item img{width:120px}}@media(max-width:480px){.section-describe h1{font-size:24px}.describe-carousel{height:250px}.carousel-item img{width:100px}}.vote-box{width:70%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:100px;padding-bottom:60px}.vote-card{width:100%;display:flex;flex-direction:column;cursor:pointer}.card-container{border:1px solid #aeaeae;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-container-img{width:100%}.card-container-img img{width:100%;object-fit:cover}.card-title{color:#e15380;font-size:20px;font-weight:700}.card-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 0}.meta-left{display:flex;flex-direction:row;align-items:center;gap:10px}.left-from{width:30px;height:30px;background-color:#f74ee7;border-radius:50%;line-height:30px;text-align:center;color:#fff;font-weight:700;font-size:12px}.meta-left span{font-size:14px;font-weight:700;color:#000}.meta-right{display:flex;flex-direction:row;align-items:center;gap:10px;color:#767676;font-size:14px}.meta-right span{font-weight:600}.vote-detail-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f0c6c6b3;z-index:1001}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-color:#fff;border-radius:10px;z-index:1002;overflow-y:auto;animation:modalFadeIn .3s ease}.modal-close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#000c;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;z-index:1003;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close-btn:hover{background:#d0021b;transform:scale(1.1)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.vote-detail-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:30px 20px}.vote-detail-header{width:60%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0}.header-left{display:flex;flex-direction:row;align-items:center;gap:10px}.header-left-account{width:40px;height:40px;background-color:#fe467c;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.header-left-account span{color:#fff;font-weight:700;font-size:18px}.header-left-msg{display:flex;flex-direction:column;align-items:flex-start}.mgs-container{display:flex;flex-direction:row;align-items:center;gap:5px;flex-wrap:wrap}.mgs-container span{color:#aeaeae;font-size:14px}.mgs-container .name{color:#000;font-size:15px}.msg-name{font-size:20px;font-weight:700;color:#000;margin-bottom:5px}.header-right{background-color:#000;padding:10px 20px;border-radius:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;flex-shrink:0}.header-right i,.header-right span{color:#fff;font-size:16px}.vote-detail-center{width:60%;position:relative}.center-img{width:100%;border-radius:10px;display:flex;justify-content:center;border:1px solid #aeaeae;padding:20px 20px 100px}.center-img img{width:50%;max-height:400px;object-fit:contain}.center-submit{border:6px solid #d0021b;background-color:#fff;border-radius:4px;width:90%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);padding:20px 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.submit-text{display:flex;flex-direction:column;align-items:flex-start}.submit-text span:first-child{font-weight:700;font-size:18px;color:#333;margin-bottom:5px}.submit-text span:last-child{font-size:14px;color:#666}.vote-form{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;border:1px solid #aeaeae;border-radius:4px}.vote-form input[type=email]{padding:8px 12px;font-size:14px;height:34px;box-sizing:border-box;flex:1;min-width:70%;border:none;outline:none;background:transparent}.vote-form input[type=email]::placeholder{color:#999}.vote-form button{width:30%;padding:8px 16px;background-color:#888;color:#fff;border:none;border-radius:0 4px 4px 0;font-size:14px;height:34px;cursor:pointer;box-sizing:border-box;white-space:nowrap}.vote-form button:hover{background-color:#666}.vote-detail-intro{width:60%;padding-top:80px;padding-bottom:20px}.vote-detail-intro span{color:#000;font-size:14px;line-height:1.6}.vote-detail-tag{padding-bottom:20px;width:60%;display:flex;flex-direction:row;align-items:center;gap:20px;border-bottom:1px solid #e0e0e0}.tag-div{border:1px solid #aeaeae;border-radius:20px;padding:2px 10px;display:flex;justify-content:center;align-items:center}.tag-div span{color:#fe467c;font-size:12px;font-weight:700}.vote-detail-others{width:60%;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.others-title{padding:30px 0}.others-title span{color:#000;font-size:24px;font-weight:700}.others-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:space-between}.others-item{width:100%;display:flex;flex-direction:column;gap:10px}.others-item-img{width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #aeaeae;border-radius:10px;padding:20px 0}.others-item-img img{width:80%}.others-item-msg{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.msg-left{display:flex;flex-direction:row;align-items:center;gap:10px}.msg-left .from{background-color:#4ae3f7;width:25px;height:25px;border-radius:50px;display:flex;justify-content:center;align-items:center}.msg-left .from span{color:#fff;font-size:14px;font-weight:700}.msg-left .name{font-size:14px;color:#000}.msg-right{display:flex;flex-direction:row;align-items:center;gap:10px}.msg-right i,.msg-right span{font-size:14px;color:#5a5a5a}.vote-detail-statement{padding:30px 0;width:60%}.vote-detail-statement span{font-size:11px;color:#aeaeae}.voted-badge{position:absolute;top:10px;right:10px;background-color:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;z-index:10}.fa-heart.voted{color:#ff467a}.vote-cooldown{font-size:12px;color:#ff9800;margin-top:5px;text-align:center}.voted-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff467ae6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;border-radius:10px}.center-img{position:relative}#success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:5px;margin:10px auto;max-width:300px}@media(max-width:768px){.modal-content{width:95%;height:95%}.vote-detail-header{width:95%;flex-direction:column;gap:20px;align-items:flex-start}.vote-detail-center{width:95%}.center-img img{width:80%}.center-submit{flex-direction:column;gap:15px;padding:15px;width:95%}.submit-text{align-items:center;text-align:center}.vote-form{min-width:auto;width:100%}.vote-form input[type=email]{min-width:0}.vote-detail-intro{width:95%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/community-vote-list.css.map */