.comic-poser,.comic-poser-container{width:110px;flex-shrink:0}.comic-poser{width:100%;border-radius:12px;overflow:hidden;position:relative}.comic-poser-wrap{aspect-ratio:3/4}.comic-content{display:flex;flex-direction:column}.comic-poser-img,.synopsisBtn{display:flex;align-items:center;justify-content:center}.comic-poser-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.synopsisBtn{font-size:12px;line-height:1.2;gap:2px;color:var(--color-white);transition:all .3s ease;cursor:pointer;font-weight:400}.synopsisBtn.is-select{border-color:var(--color-primary);color:var(--color-primary)}.synopsisBtn_icon{width:16px;height:16px;flex-shrink:0;fill:currentColor}.synopsisBtn_text{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;text-align:center}.btn-quick-collect,.btn-read{padding:10.5px 16px}.select-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;border-radius:12px;padding:16px;font-size:14px;background:#37373799;box-shadow:0 0 4px 0 #00000008;backdrop-filter:blur(10px);transition:opacity .3s ease}.select-dropdown-item{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;color:#fff;transition:opacity .3s ease;line-height:24px}.select-dropdown-item:hover{opacity:.6}@media (min-width:768px){.comic-poser-container{width:47%;max-width:551px}.comic-poser{width:100%;max-width:100%;margin-top:0}.select-dropdown{padding:24px;font-size:16px}.comic-poser-wrap{border-radius:12px;aspect-ratio:3/2;height:100%;background-color:var(--color-image-placeholder)}.comic-poser-wrap>img[data-src]{opacity:0}.comic-content{width:60.5%;min-width:0}.synopsisBtn{font-size:16px;display:flex;align-items:center;justify-content:center;font-weight:500;line-height:1.2;gap:4px}.synopsisBtn_icon{width:24px;height:24px}.btn-quick-collect,.btn-read{padding:10.5px 16px}}.comic-cate-title{font-size:16px;font-weight:700;margin:16px 0 8px}@media (min-width:768px){.comic-cate-title{font-size:24px;margin:40px 0 16px}.comic-cate-intor{font-size:16px}}.comic-blur-img,.comic-main-img{backface-visibility:hidden;-webkit-backface-visibility:hidden}.comic-main-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comic-blur-img{max-width:50%;max-height:100%;-o-object-fit:contain;object-fit:contain;margin:auto}.comic-thumbnail-item{cursor:pointer;position:relative}@media (max-width:767px){.comic-thumbnail-item{cursor:default}}