.comics-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.comic-card{cursor:pointer;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;margin:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.comic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.cc-cover{aspect-ratio:3/4;background:var(--bg-soft);position:relative;overflow:hidden}.cc-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.comic-card:hover .cc-cover img{transform:scale(1.04)}.cc-pages{color:#fff;background:#1f2c3899;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.cc-hover{opacity:0;background:#2f8fdb2e;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.comic-card:hover .cc-hover{opacity:1}.cc-body{padding:16px 18px 20px}.cc-tags{gap:7px;margin-bottom:10px;display:flex}.cc-title{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:800}.cc-meta{color:var(--ink3);margin:5px 0 0;font-size:12.5px}.cc-desc{color:var(--ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:11px 0 0;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}@keyframes pgNext{0%{opacity:.25;transform:translate(46px)}to{opacity:1;transform:none}}@keyframes pgPrev{0%{opacity:.25;transform:translate(-46px)}to{opacity:1;transform:none}}.viewer{z-index:9999;background:#16222e;flex-direction:column;animation:.22s lbFade;display:flex;position:fixed;inset:0}.viewer-top{color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.vt-title{flex-direction:column;display:flex}.vt-title b{font-size:16px;font-weight:700}.vt-title span{color:#ffffff80;font-size:12px}.vt-counter{color:#fff;margin-left:auto;margin-right:16px;font-size:15px;font-weight:700}.vt-counter i{color:#fff6;margin:0 3px;font-style:normal}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 76px;display:flex;position:relative}.viewer-page{justify-content:center;align-items:center;max-height:100%;display:flex}.viewer-page img{background:#fff;border-radius:6px;max-width:100%;max-height:78vh;display:block;box-shadow:0 20px 60px #00000080}.vz{cursor:pointer;z-index:2;background:0 0;border:none;width:38%;position:absolute;top:0;bottom:0}.vz-left{cursor:w-resize;left:0}.vz-right{cursor:e-resize;right:0}.vz:disabled{cursor:default}.vnav{z-index:3;cursor:pointer;width:52px;height:52px;color:var(--ink);background:#ffffffeb;border:none;border-radius:999px;place-items:center;transition:transform .15s,opacity .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #0000004d}.vnav:hover:not(:disabled){transform:translateY(-50%)scale(1.08)}.vnav:disabled{opacity:.3;cursor:default}.vnav-l{left:16px}.vnav-r{right:16px}.viewer-foot{flex-direction:column;align-items:center;gap:12px;padding:14px 24px 22px;display:flex}.vdots{gap:8px;display:flex}.vdot{cursor:pointer;background:#ffffff47;border:none;border-radius:999px;width:9px;height:9px;transition:background .15s,transform .15s}.vdot.on{background:var(--blue);transform:scale(1.25)}.vhint{color:#ffffff73;font-size:12.5px}@media (max-width:600px){.viewer-stage{padding:0 12px}.vnav{display:none}.viewer-page img{max-height:72vh}}