.book-card{width:224px;height:374px;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:0 2px 4px #322b321a;position:relative;overflow:hidden}.book-cover-container{width:200px;height:280px;margin-top:12px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.book-cover{width:200px;height:321.43px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.book-title{font-weight:700;text-transform:capitalize;margin:8px 0;overflow:hidden;text-align:center;width:100%;padding:0 8px;height:20px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.progress-container{width:100%;padding:0 0 12px 16px}.progress-info{display:flex;flex-direction:column;gap:4px}.stage-info{font-size:12px;color:#666;margin-bottom:2px;display:flex;align-items:center;gap:4px}.timestamp{color:#666}.progress-bar-container{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#f68921;border-radius:3px;transition:width .3s ease-in-out}.progress-percentage{font-size:12px;color:#000;min-width:32px;margin-left:auto}@media (max-width: 768px){.book-card{width:180px;height:300px}.book-cover{width:160px;height:257.14px}}@media (max-width: 480px){.book-card{width:150px;height:250px}.book-cover{width:130px;height:209.14px}}