.load-more-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif}.load-more-container .content-list{margin-bottom:30px}.load-more-container .content-item{padding:20px;border:1px solid #e1e4e8;border-radius:8px;margin-bottom:15px;background:#fff;transition:transform .2s,box-shadow .2s}.load-more-container .content-item:hover{transform:translateY(-2px)}.load-more-container .load-status{text-align:center;padding:40px 20px;color:#666;display:none}.load-more-container .load-status .fa-spinner{animation:fa-spin 1s infinite linear;display:block;margin:0 auto 15px;color:#3498db;font-size:40px}.load-more-container .loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(52,152,219,.2);border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.load-more-container .load-more-footer{text-align:center;padding:20px 0}.load-more-container .load-more-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;background:var(--mr);color:#fff;border:0;border-radius:50px;font-size:var(--size);font-weight:500;cursor:pointer;transition:all .3s ease;min-width:160px;gap:8px;border:0}.load-more-container .load-more-btn:hover:not(:disabled){transform:translateY(-2px)}.load-more-container .load-more-btn:active:not(:disabled){transform:translateY(0)}.load-more-container .load-more-btn:disabled{background:#bdc3c7;background-image:none;cursor:not-allowed;box-shadow:none}.load-more-container .load-more-btn .fa{font-size:var(--size)}.load-more-container .btn-count{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:10px;font-size:var(--size-s2);margin-left:8px}.load-more-container .no-more-data{display:flex;align-items:center;justify-content:center;padding:30px 20px;color:#95a5a6;display:none}.load-more-container .no-more-data .fa{font-size:24px;margin-right:8px;color:#2ecc71}.load-more-container .empty-state{text-align:center;padding:40px 20px;display:none}.load-more-container .empty-state .fa{color:#ccc;font-size:80px;display:block;width:300px;height:300px;margin:0 auto 20px auto;background:url(/images/default/empty-cart.png) no-repeat}.load-more-container .empty-state .fa:before{content:""}.load-more-container .empty-text{font-size:32px;font-family:'bold';font-weight:700;color:var(--rgba73);margin-top:10px}.load-more-container .load-error{text-align:center;padding:30px 20px;display:none}.load-more-container .error-content{display:inline-flex;align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:20px;gap:10px}.load-more-container .error-content .fa{font-size:var(--size);color:#e53e3e;flex-shrink:0}.load-more-container .error-msg{color:#e53e3e;font-size:var(--size);flex:1;text-align:left}.load-more-container .retry-btn{display:inline-flex;align-items:center;background:#e53e3e;color:#fff;border:0;border-radius:20px;padding:8px 20px;font-size:var(--size-s2);cursor:pointer;transition:background .3s;gap:5px;white-space:nowrap;flex-shrink:0;margin-left:20px}.load-more-container .retry-btn:hover{background:#c53030}.load-more-container .retry-btn .fa{font-size:var(--size-s2);color:#fff}.load-more-container .skeleton-item{padding:20px;border-radius:8px;margin-bottom:15px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.load-more-container .fade-enter{opacity:0;transform:translateY(10px)}.load-more-container .fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.load-more-container .load-more-btn,.load-more-container .load-status,.load-more-container .no-more-data,.load-more-container .load-error,.load-more-container .empty-state{transition:opacity .3s ease,transform .3s ease}.load-more-container .load-more-btn.init-hidden{opacity:0;visibility:hidden;pointer-events:none}.load-more-container .load-more-btn:not(.init-hidden):not(:disabled){animation:buttonFadeIn .4s ease forwards}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.load-more-container .skeleton-container{transition:opacity .3s ease}.load-more-container .skeleton-container.showing{opacity:1}.load-more-container .skeleton-container.hiding{opacity:0}