@import url('../../nettruyen/assets/style.css');

/* NetTruyen VIP — portal Việt hiện đại, nhận diện riêng */
:root{--bg:#f1f2f4;--panel:#fff;--text:#25232a;--muted:#77747d;--orange:#f4a11c;--blue:#258ebd;--line:#dedee4}
body{background:#f1f2f4;color:var(--text)}
.nt-header{background:#fff;border:0;box-shadow:0 2px 14px #24202e14}.nt-topbar{background:linear-gradient(110deg,#352753,#4c3975 55%,#342650);position:relative;overflow:hidden}.nt-topbar:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 50%,#b68cff22 0 3px,transparent 4px),radial-gradient(circle at 85% 20%,#ffbf5522 0 2px,transparent 3px);background-size:84px 62px,63px 55px}.nt-topbar>.nt-container{position:relative;z-index:1}.nt-topbar .nt-logo{font-size:32px;color:#ff5a91;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.nt-topbar form{max-width:520px;border:0;box-shadow:0 8px 24px #1b102f33}.nt-topbar button{background:#fff;color:#34303c}.nt-account{color:#fff}.nt-menubar{background:#f6f6f7;border-color:#d8d8dd}.nt-nav{height:48px}.nt-nav nav a{height:48px;color:#3d3a42;font-size:13px}.nt-nav nav a:hover,.nt-nav nav a.active{background:#e9e6ef;color:#4c3975;border-bottom:3px solid #4c3975}
.nt-announcement{padding:10px 0;background:#f1f2f4}.nt-announcement>div{position:relative;padding:10px 15px 10px 42px;border:1px solid #71aeda;border-radius:2px;background:#fff;color:#e14747}.nt-announcement>div:before{content:'i';position:absolute;left:0;top:0;bottom:0;display:grid;place-items:center;width:32px;background:#48a5df;color:#fff;font-weight:800}
.nt-container{width:min(1020px,calc(100% - 30px))}.nt-section{padding-block:10px}.nt-panel{padding:0;border:0;background:transparent}.nt-title{margin:6px 0 12px}.nt-title h2{padding:0;color:#258ebd;font-size:21px;font-weight:500}.nt-title h2:before{display:none}.nt-title>a{color:#e09b1d}.nt-recommended{grid-auto-columns:calc((100% - 60px)/5);gap:15px}.nt-recommended .nt-card-cover{aspect-ratio:1/1.15;border-radius:2px;box-shadow:0 2px 8px #0002}.nt-recommended .nt-card-info{margin-top:-52px;padding:4px 7px;background:#09090bd9}.nt-recommended .nt-card-info h3{color:#fff}.nt-recommended .nt-chapter{color:#fff}
.nt-home-layout{grid-template-columns:minmax(0,2.05fr) minmax(290px,.95fr);gap:20px}.nt-home-layout .nt-grid{grid-template-columns:repeat(4,1fr);gap:23px 14px}.nt-home-layout .nt-card{padding:0;background:transparent}.nt-home-layout .nt-card-cover{aspect-ratio:1/1.17;border-radius:4px;box-shadow:0 2px 9px #251c3318}.nt-card-cover>span{background:#44a3cf}.nt-card-info h3{color:#28252c;font-size:14px}.nt-card-info p{color:#8a8790}.nt-chapter{padding:2px 0;background:none;color:#36333a;font-weight:500}.nt-ranking{background:#fff;border:1px solid #dfdfe4;border-radius:3px;box-shadow:0 6px 18px #2d26360c}.nt-rank-tabs{background:#f4f4f6;padding:0}.nt-rank-tabs>*{padding:12px 7px;color:#4b4850}.nt-rank-tabs b{border-radius:0;background:#fff;color:#4c3975;border-top:3px solid #4c3975}.nt-rank-list{padding:0 12px}.nt-rank-list>a{grid-template-columns:30px 52px 1fr auto;border-color:#e8e7eb}.nt-rank-list img{width:52px;height:48px;border-radius:3px}.nt-rank-list strong{color:#343039}.nt-rank-list small{color:#5e5574}.nt-rank-list em{color:#99959e}
.nt-page-head{padding:32px 0;background:linear-gradient(110deg,#433465,#6b4e8d);color:#fff}.nt-page-head span,.nt-page-head p{color:#ddd3ec}.nt-filters,.nt-empty{background:#fff;border-color:#dddde3;box-shadow:0 4px 16px #251c330d}.nt-filters input,.nt-filters select,.nt-title input{background:#fff;border-color:#d7d7dd;color:#2e2b33}.nt-filters button,.nt-button,.nt-pagination a.current{background:#4c3975;color:#fff;border-color:#4c3975}.nt-pagination a,.nt-pagination span{background:#fff;border-color:#dddde3;color:#39363d}
.nt-detail-main{background:#fff;border-color:#dddde3;color:#2b2830;box-shadow:0 7px 22px #281e3810}.nt-detail p,.nt-detail ul,.nt-crumb{color:#6f6a75}.nt-detail h1{color:#27232c}.nt-tags span{border-color:#bcaed0;color:#5b3d7c}.nt-subhead,.nt-chapter-section .nt-title h2{color:#29262e;border-bottom-color:#4c3975}.nt-chapters{border-color:#cac8ce}.nt-chapters a{color:#36323b;border-color:#dddbe0}.nt-chapters a:hover{background:#f2eff7}.nt-chapters i{color:#4c3975}.nt-reader-head{background:#fff;color:#2c2930;border-color:#dddde3}.nt-reader-nav a,.nt-reader-nav select{background:#4c3975;border-color:#4c3975;color:#fff}.nt-comic{width:min(100%,1100px);background:#151515}
.nt-footer{background:#222126;border-top:4px solid #4c3975;color:#d4d1da}.nt-footer-grid p,.nt-footer p{color:#a8a4ae}.nt-footer-grid h3:after{background:#7f64a3}.nt-footer-grid section>a:not(.nt-logo):hover,.nt-contact,.nt-footer-bottom a{color:#b99adb!important}.nt-footer-bottom{background:#19181c;border-color:#38363d}
@media(max-width:1000px){.nt-container{width:min(100% - 28px,900px)}.nt-home-layout{grid-template-columns:1fr}.nt-ranking{display:none}.nt-recommended{grid-auto-columns:calc((100% - 45px)/4)}}
@media(max-width:740px){.nt-recommended{grid-auto-columns:calc((100% - 24px)/3)}.nt-home-layout .nt-grid{grid-template-columns:repeat(3,1fr)}.nt-menubar .nt-menu{color:#3d3942}.nt-nav nav{background:#fff;border-color:#dddde3}.nt-nav nav a{color:#35313a}}
@media(max-width:520px){.nt-container{width:calc(100% - 20px)}.nt-topbar .nt-logo{font-size:25px}.nt-recommended{grid-auto-columns:calc((100% - 12px)/2.12)}.nt-home-layout .nt-grid{grid-template-columns:repeat(2,1fr);gap:20px 11px}.nt-title h2{font-size:19px}.nt-card-info h3{font-size:13px}.nt-panel{border-radius:0}.nt-announcement{display:none}}