.card{background:white;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%;cursor:pointer}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.04)}.card-image-container{position:relative;width:100%;height:200px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover}.card-bookmark{position:absolute;top:12px;right:12px;background:white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:transform .2s ease}.card-bookmark:hover{transform:scale(1.1)}.card-content{padding:16px}.card-title{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 8px;line-height:1.4;-webkit-line-clamp:2}.card-description,.card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5;-webkit-line-clamp:3}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.card-tag{background:#f5f5f5;color:#666;font-size:12px;padding:6px 12px;border-radius:16px;white-space:nowrap}.card-stats{display:flex;gap:16px}.card-stat{display:flex;align-items:center;gap:4px}.card-stat-icon{font-size:16px}.card-stat-text{font-size:14px;color:#666;font-weight:500}.card-stat-icon,.card-stat.hot .card-stat-text,.card-stat.not .card-stat-text{font-size:12px}.loading-container-fullpage{flex:1;min-height:60vh;width:100%}.loading-container,.loading-container-fullpage{display:flex;align-items:center;justify-content:center;padding:2rem}.loading-container{min-height:200px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.loading-spinner{position:relative;display:inline-block}.loading-spinner.spinner-small{width:40px;height:40px}.loading-spinner.spinner-medium{width:60px;height:60px}.loading-spinner.spinner-large{width:80px;height:80px}.spinner-ring{position:absolute;border:3px solid transparent;border-top-color:#ef476f;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-small .spinner-ring{width:40px;height:40px}.spinner-medium .spinner-ring{width:60px;height:60px}.spinner-large .spinner-ring{width:80px;height:80px}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:#EF476F}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#FF6B9D;width:75%;height:75%;top:12.5%;left:12.5%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#FFB5CC;width:50%;height:50%;top:25%;left:25%}.spinner-ring:nth-child(4){animation-delay:0s;border-top-color:#FFD9E6;width:25%;height:25%;top:37.5%;left:37.5%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{margin:0;font-size:1.1rem;font-weight:500;color:#444444;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.loading-container-fullpage{min-height:50vh;padding:1.5rem}.loading-container{padding:1.5rem;min-height:150px}.loading-content{gap:1rem}.loading-message{font-size:1rem}}@media (max-width:480px){.loading-container-fullpage{min-height:40vh;padding:1rem}.loading-container{padding:1rem;min-height:120px}.loading-content{gap:.75rem}.loading-message{font-size:.9rem}}