:root{--bg:#030612;--panel:#07111f;--cyan:#21d8ff;--violet:#a965ff;--violet2:#d29cff;--text:#f4f7ff;--muted:#bac6d9}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 60% 0%,#15102e 0,#071020 42%,#02050d 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}
.wrap{max-width:1460px;margin:0 auto;padding:30px 24px}.panel{border:1px solid rgba(125,92,175,.38);border-radius:12px;background:linear-gradient(180deg,rgba(7,17,31,.92),rgba(3,8,18,.96));padding:30px;margin-bottom:22px;box-shadow:0 0 40px rgba(0,0,0,.25)}
h1{font-family:Georgia,serif;font-size:62px;line-height:.96;margin:0 0 12px}.sub{font-size:20px;color:var(--violet2);letter-spacing:4px;font-weight:800;margin-bottom:18px}.lead{max-width:980px;color:#dce4f4;line-height:1.65;font-size:17px}.series-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:28px}.book-card{border:1px solid rgba(169,101,255,.34);border-radius:10px;padding:14px;background:rgba(6,15,29,.78);transition:.18s transform,.18s border-color,.18s box-shadow}.book-card:hover{transform:translateY(-3px);border-color:rgba(210,156,255,.8);box-shadow:0 10px 24px rgba(0,0,0,.35)}.book-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;border:1px solid rgba(169,101,255,.35);display:block}.book-card h2{font-family:Georgia,serif;font-size:26px;margin:14px 0 6px;color:#fff}.book-no{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:1.5px}.book-card p{color:#dce4f4;line-height:1.5;font-size:14px}.button{display:inline-block;margin-top:7px;border:1px solid rgba(183,111,255,.75);color:#fff;background:linear-gradient(135deg,#9b54ff,#5a2ab8);padding:10px 13px;border-radius:7px;font-weight:800;font-size:13px;letter-spacing:.7px}.credits{margin-top:18px;padding-top:18px;border-top:1px solid rgba(169,101,255,.25);color:#aebbd0;font-size:13px;line-height:1.65}.credits a{color:#73dfff}.note{color:#aebbd0;font-size:13px;margin-top:14px}footer{text-align:center;color:#8ba0bd;font-size:12px;padding:20px}
@media(max-width:1200px){.series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.series-grid{grid-template-columns:1fr 1fr}h1{font-size:48px}}@media(max-width:560px){.series-grid{grid-template-columns:1fr}.wrap{padding:18px 12px}.panel{padding:20px}}