/* Hiệu ứng nhẹ: giữ sắc thái Nét Mê nhưng ưu tiên cuộn mượt trên máy yếu. */
:root{--premium-purple:#6866ef;--premium-lilac:#a88cff}
body{background-image:radial-gradient(circle at 8% 8%,#eeeaff 0,transparent 28%),radial-gradient(circle at 92% 16%,#e9f2ff 0,transparent 24%)}
.topbar{background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(63,49,137,.06);border-color:#ffffffcc}
.brand-mark{box-shadow:4px 5px 0 #d8d8fa}
.hero{position:relative;isolation:isolate}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.hero:before{width:360px;height:360px;left:-210px;top:-60px;background:radial-gradient(circle,#b7a9ff55,transparent 68%)}
.hero:after{width:250px;height:250px;right:18%;top:70px;background:radial-gradient(circle,#b9e4ff55,transparent 68%)}
.hero .btn.primary,.btn.primary{background:linear-gradient(135deg,#5b5ce2,#8264eb);box-shadow:0 8px 20px #5b5ce222}
.hero-feature,.panel{background:rgba(255,255,255,.94);border-color:#ffffffcc;box-shadow:0 14px 38px rgba(72,65,140,.09)}
.hero-feature{transition:transform .2s ease,box-shadow .2s ease}
.hero-feature:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(72,65,140,.13)}
.comic-card{transition:transform .18s ease}
.comic-card:hover{transform:translateY(-3px)}
.comic-card .cover{box-shadow:0 12px 28px rgba(52,48,90,.12)}
.comic-card:hover .cover{box-shadow:0 16px 32px rgba(52,48,90,.18)}
.btn,.pill,.tag{transition:transform .16s ease,background-color .16s ease,color .16s ease}
.btn:hover{transform:translateY(-1px)}
.manifesto{background:linear-gradient(125deg,#25264d,#4c4384);box-shadow:0 20px 48px rgba(44,40,92,.2)}
.manifesto .eyebrow{color:#b9b8ff}
.dark{background-image:radial-gradient(circle at 10% 8%,#2b285855 0,transparent 28%),radial-gradient(circle at 90% 15%,#17324c55 0,transparent 25%)}
.dark .topbar{background:rgba(23,24,36,.94)}
.dark .hero-feature,.dark .panel{background:rgba(34,37,52,.96);border-color:#ffffff12}
@media(max-width:700px){.hero:after{right:-100px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Bổ sung: thể loại, đánh giá, thao tác admin */
.genre-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.pill[aria-current="true"]{background:var(--primary);color:#fff;border-color:var(--primary)}
a.tag:hover{background:var(--primary);color:#fff}
.rating-form{display:inline-flex;align-items:center}
.rating-form select{margin-left:6px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.admin-row-meta{color:var(--muted);font-size:12px}
.admin-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.admin-row-actions form{margin:0}