*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,Segoe UI,sans-serif;color:#1a2027}a{color:inherit}.wrap{max-width:1000px;margin:0 auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:20px;gap:20px}.card{border:1px solid #e3e8ee;border-radius:12px;overflow:hidden;text-decoration:none}.card .cover{aspect-ratio:3/4;background:#f3f6f9;display:grid;place-items:center;color:#9aa7b4}.card .body{padding:12px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef6ee;color:#2e7d32}.badge.paid{background:#fff3e0;color:#e65100}.viewer{background:#20262d;min-height:100vh}.viewer,.viewer *{-moz-user-select:none;user-select:none;-webkit-user-select:none}.page-canvas{display:block;margin:16px auto;max-width:800px;width:100%;box-shadow:0 4px 24px rgba(0,0,0,.4);border-radius:4px;pointer-events:none}.lockcard{max-width:420px;margin:40px auto;background:#fff;border-radius:14px;padding:28px;text-align:center}.btn{display:inline-block;margin-top:12px;padding:10px 20px;border-radius:999px;background:#0b6bcb;color:#fff;text-decoration:none;border:0;cursor:pointer;font-size:15px}.blurhint{filter:blur(6px)}