/* Approved ink-wash concept. Loaded after existing layout and commerce rules. */
@font-face{font-family:TTCQSerif;src:url('/viet/fonts/NotoSerif.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#f4f0e6;--paper:#faf7ef;--ink:#292925;--muted:#777268;--line:#dcd5c7;--accent:#a52b27;--gold:#9d733c;--soft:#eee8dc}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at top left,#cbbda321,transparent 55%),url('/viet/art/ink-landscape.png');background-size:auto,1800px auto;background-repeat:no-repeat;background-blend-mode:normal,soft-light;background-attachment:scroll;}
h1,h2,h3,.brand,.brand small,.footer-brand{font-family:TTCQSerif,Georgia,serif;line-height:1.5;letter-spacing:0}button,input,select,textarea{font-family:TTCQ,'Segoe UI',sans-serif}
button,.button{border-radius:3px}button:not(.secondary):not([data-close-dialog]),.button:not(.secondary){background-color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.utility{background:#e8e1d488;border-bottom:1px solid var(--line);font-size:10px}.masthead-strip{display:none}header{background:transparent;border:0;padding-top:24px;padding-bottom:24px}.brand{color:var(--ink);font-size:20px;gap:12px}.seal{background:#a52b27;color:#fff6e6;border-radius:2px;outline:1px solid #a52b27;outline-offset:3px;transform:rotate(-3deg)}.brand small{font-size:14px;letter-spacing:3px}.header-search input{background:#fffaf280;border-color:#c9c0b0}.header-search button{background:transparent!important;color:var(--ink);border-color:#c9c0b0}.shelf-button{background:transparent;border:0;font-size:13px}
.nav-wrap,.book-page .nav-wrap{background:#f4f0e6f5;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.primary-nav a{position:relative;padding:14px 22px;font-family:TTCQSerif,Georgia,serif;font-weight:600}.primary-nav a[aria-current=page]{color:var(--accent);background:transparent;border-bottom:2px solid var(--accent)}.primary-nav button{background:transparent!important;color:var(--ink);border-color:var(--line)}
.portal{padding-top:18px}.portal-top{grid-template-columns:190px minmax(0,1fr) 220px;gap:14px;align-items:stretch;margin-bottom:14px}.category-panel{display:flex;flex-direction:column;border:1px solid var(--line);background:#faf7ef88}.category-panel h2{font-size:14px;padding:12px;margin:0;border-bottom:1px solid var(--line)}.category-panel>a{flex-direction:row;justify-content:flex-start;gap:12px;min-height:43px;padding:6px 15px;font-size:12px;border-bottom:1px solid #ded7ca80;background:transparent}.category-panel>a:last-child{border:0}.category-panel .category-icon{width:30px;height:30px;color:#585e55}.category-panel>a:hover{background:#eee5d7}.spotlight-area{display:flex;min-width:0}.spotlight.ink-hero{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;background:#f3edde url('/viet/art/ink-landscape.png') center/cover;border:1px solid var(--line);border-radius:3px;isolation:isolate;position:relative}.ink-hero-copy{text-align:center;width:87%;padding:24px 8px 38px;position:relative}.ink-hero-copy h1{font-size:38px;line-height:1.4;font-weight:650;max-width:480px;margin:15px auto 12px;text-shadow:0 1px 12px #fff9e9}.ink-hero-copy p{font-family:TTCQSerif,Georgia,serif;font-size:16px;font-style:italic;margin:0 0 24px}.ink-hero-copy .eyebrow{font-size:9px;letter-spacing:2px}.ink-hero-copy .button{font-size:13px;padding:10px 24px;color:#fff8e9;box-shadow:0 3px 10px #6f211722}.home-bulletin{background:#faf7ef88;border-radius:3px;padding:15px}.home-bulletin h2{text-align:left;font-size:15px;border-left:3px solid var(--accent);padding-left:9px}.home-bulletin>a{font-size:12px;padding:12px 0}.home-bulletin .free-note{background:transparent;border-top:1px solid var(--line);min-height:0;padding:16px 0 0;margin-top:16px}.free-note strong{font-family:TTCQSerif,Georgia,serif;font-size:17px}
.ink-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ink-discover a,.promo-triptych a,.detail-promos a,.detail-promos a:last-child{position:relative;padding:22px;background:linear-gradient(90deg,#f5f0e6 28%,#f5f0e655),url('/viet/art/ink-landscape.png') right 63%/cover;border:1px solid var(--line);border-radius:3px}.ink-discover a:nth-child(2){background-position:center,85% 80%}.ink-discover a:nth-child(3){background-position:center,left bottom}.ink-discover small,.ink-discover strong,.ink-discover span{display:block}.ink-discover small{font-size:9px;color:var(--muted)}.ink-discover strong{font-family:TTCQSerif,Georgia,serif;font-size:19px;margin:5px 0;color:var(--accent)}.ink-discover span{font-size:11px}.section-title{border-color:var(--line)}.section-title h2{font-size:21px;border-left:4px solid var(--accent);padding-left:10px;line-height:1.25}.section-title a{color:var(--accent);font-size:11px}.home-sections>section{margin:32px 0}.ink-featured{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:26px}.ink-featured>aside{border:1px solid var(--line);padding:16px;background:#faf7ef70}.ink-featured>aside h2{font-size:17px}.ink-book-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ink-book-shelf article{min-width:0}.ink-book-cover{display:block;aspect-ratio:0.68;background:var(--soft);overflow:hidden;border:1px solid #b7aa91;border-radius:3px;box-shadow:3px 4px 8px #4e3d2520}.ink-book-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.ink-book-cover:hover img{transform:scale(1.025)}.ink-book-shelf h3{font-size:15px;margin:12px 0 7px}.ink-book-shelf .summary{font-size:12px;-webkit-line-clamp:3}.ink-book-shelf small{font-size:10px;color:var(--muted)}.ink-book-shelf .pills{gap:4px}.ink-book-shelf .pills span{font-size:9px;padding:2px 5px}.ink-editor-link{display:block;font-size:12px;color:var(--accent);margin-top:20px}
.wide-promo,.wide-promo.crimson,.wide-promo.ink{min-height:110px;padding:24px 40px;background:linear-gradient(90deg,#f1eadbdb,#f4f0e6aa,#f4f0e655),url('/viet/art/ink-landscape.png') center 68%/cover;color:var(--ink);border:1px solid var(--line);border-radius:2px;margin:26px 0}.wide-promo strong{font-family:TTCQSerif,Georgia,serif;font-size:25px;font-weight:500}.wide-promo small,.wide-promo span{color:#575448}.wide-promo i,.promo-triptych i{display:none}.five-rankings{gap:18px;min-height:0!important}.five-rankings>div{padding:12px;border:1px solid var(--line);background:#faf7ef50}.five-rankings .section-title h2{font-size:15px;padding-left:7px;border-left-width:3px}.dense-rank .rank-lead{min-height:105px}.dense-rank li{border-color:var(--line)}.dense-rank li>b{color:var(--accent)}.rank-more{font-size:10px}.genre-hub{display:block}.genre-hub>.selection-feature{display:none}.genre-panels{grid-template-columns:repeat(4,minmax(0,1fr));min-height:0!important;gap:14px}.genre-panels>section{padding:18px;background:linear-gradient(110deg,#faf7efeb,#faf7efbb),url('/viet/art/ink-landscape.png') center/cover;border:1px solid var(--line)}.genre-heading h3{font-size:18px}.genre-symbol{background:transparent}.genre-empty{margin:10px 0;font-size:11px}.genre-explore{font-size:11px}.collection-grid{min-height:0!important;gap:25px;border:1px solid var(--line);padding:20px;background:#faf7ef70}.selection-feature{background:transparent;border-radius:0;padding:12px}.selection-feature h3{font-size:19px}.compact-book h3{font-family:TTCQSerif,Georgia,serif;font-size:15px}.promo-triptych a{min-height:135px}.promo-triptych strong{font-family:TTCQSerif,Georgia,serif;color:var(--ink);font-size:22px}.updates-grid{min-height:0!important}.updates-table th{background:#e3dccd;color:var(--ink)}.updates-table tr:nth-child(even){background:#eee8dd80}.author-avatar{background:#e4ded0;color:#77725e}.free-shelf,.bottom-discovery{background:#faf7ef80;border:1px solid var(--line);padding:22px}.free-emblem{color:var(--accent)}.portal-footer{background:linear-gradient(#f4f0e6dd,#f4f0e6b0),url('/viet/art/ink-landscape.png') center 75%/cover;border-top:1px solid var(--line)}.footer-brand{color:var(--accent)}.site-dock a{background:var(--paper);border:1px solid var(--line)}
.book-page{background:linear-gradient(#f4f0e6b0,#f4f0e6 650px),url('/viet/art/ink-landscape.png') center top/1600px auto no-repeat}.book-overview,.book-section,.purchase-card{background:#faf7eff2;border:1px solid var(--line);border-radius:4px;box-shadow:none}.book-overview{border-top:3px solid var(--accent)}.book-overview h1{font-family:TTCQSerif,Georgia,serif}.book-section h2{border-left:3px solid var(--accent);padding-left:10px}.detail-rail a{background:#faf7efe0;border:1px solid var(--line);border-radius:2px}.catalog-latest{background:var(--soft)}.reader-benefits .button{border-radius:3px}.wallet-balance{background:#98322b}.purchase-card{background:linear-gradient(#faf7efeb,#faf7ef),url('/viet/art/ink-landscape.png') center top/cover}.purchase-card h1{font-family:TTCQSerif,Georgia,serif}
.reading-page{--reading-bg:#e8e2d5;--reading-paper:#faf5e9;background:linear-gradient(#e8e2d5a0,#e8e2d5 900px),url('/viet/art/ink-landscape.png') center top/1800px auto no-repeat}.reader-header{border-bottom:1px solid #d8d0bf}.reader-brand{font-family:TTCQSerif,Georgia,serif;color:#9c3027}.reader h1,.book-frontispiece h2{font-family:TTCQSerif,Georgia,serif}.book-frontispiece{border-radius:3px;background:linear-gradient(#faf5e9e8,#faf5e9e8),url('/viet/art/ink-landscape.png') center/cover}.reader .prose{font-family:TTCQSerif,Georgia,serif;line-height:2}.reader-end-actions .button{border-radius:3px;background:var(--accent);border-color:var(--accent)}.reader-dock button{background:var(--reading-paper)!important}.reader-dock button,.reader-dock a{border:1px solid #d8d0bf;border-radius:2px}.reader-afterword{border-radius:2px}
html[data-theme=dark]{--bg:#22221f;--paper:#2c2b26;--ink:#ece5d5;--muted:#b8b0a0;--line:#4c473d;--accent:#dc8070;--soft:#37342d}html[data-theme=dark] body{background-image:none}html[data-theme=dark] .nav-wrap{background:#292721f5}html[data-theme=dark] .ink-hero{background-image:linear-gradient(#24231d88,#24231d88),url('/viet/art/ink-landscape.png')}html[data-theme=dark] .ink-hero-copy h1{text-shadow:none}html[data-theme=dark] :is(.category-panel,.home-bulletin,.ink-featured>aside,.five-rankings>div,.collection-grid,.free-shelf,.bottom-discovery,.book-section,.book-overview,.purchase-card){background:var(--paper)}html[data-theme=dark] :is(.ink-discover a,.wide-promo,.genre-panels>section,.promo-triptych a,.detail-promos a,.portal-footer,.book-frontispiece){background:var(--soft);color:var(--ink)}html[data-theme=dark] :is(.wide-promo small,.wide-promo span,.promo-triptych strong){color:var(--ink)}html[data-theme=dark] .detail-rail a{background:var(--paper)}html[data-theme=dark] .updates-table th{background:var(--soft)}html[data-theme=dark] .updates-table tr:nth-child(even){background:#ffffff05}
@media(max-width:1000px){.portal-top{grid-template-columns:160px minmax(0,1fr)}.home-bulletin{display:none}.ink-featured{grid-template-columns:minmax(0,1fr) 200px}.ink-book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.ink-hero-copy h1{font-size:34px}.ink-discover strong{font-size:16px}.genre-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){header{padding:18px 16px}.brand{font-size:17px}.brand small{font-size:12px}.primary-nav a{padding:12px 14px;font-size:12px}.portal-top{display:flex;flex-direction:column}.spotlight.ink-hero{min-height:320px}.ink-hero-copy h1{font-size:30px}.ink-hero-copy p{font-size:13px}.ink-hero-copy{padding:25px 0}.category-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));order:2}.category-panel h2{grid-column:1/-1}.category-panel>a{padding:8px 3px;gap:5px;flex-direction:column;min-height:65px;font-size:10px}.category-panel>a>span:last-child{display:block}.category-panel .category-icon{width:25px;height:25px}.ink-discover{grid-template-columns:1fr;gap:10px}.ink-discover a{padding:17px 20px;min-height:105px;background-size:cover,100% auto}.ink-discover strong{font-size:20px}.ink-featured{display:block}.ink-featured>aside{margin-top:25px}.ink-book-shelf{gap:18px}.ink-book-shelf h3{font-size:15px}.ink-book-shelf .summary{font-size:11px}.ink-book-cover{aspect-ratio:.7}.section-title h2{font-size:19px}.wide-promo{padding:22px;min-height:130px}.wide-promo strong{font-size:22px}.five-rankings{gap:12px}.five-rankings>div{padding:10px}.five-rankings h2{font-size:14px!important}.genre-panels{gap:12px}.genre-panels>section{padding:14px}.genre-heading h3{font-size:15px}.collection-grid{padding:16px}.book-overview h1{font-size:21px}.reader-dock button,.reader-dock a{border:0}.reader .prose{font-size:20px}.reader-header{padding:17px 20px}.book-frontispiece{border-radius:2px}.portal-footer{background:var(--soft)}}
.ink-discover a:nth-child(1){background-image:linear-gradient(90deg,#f5f0e6f5 15%,#f5f0e6aa),url('/viet/art/ink-scenes.png');background-size:auto,200% 200%;background-position:center,right bottom}.ink-discover a:nth-child(2){background-image:linear-gradient(90deg,#f5f0e6f5 15%,#f5f0e688),url('/viet/art/ink-scenes.png');background-size:auto,200% 200%;background-position:center,right top}.ink-discover a:nth-child(3){background-image:linear-gradient(90deg,#f5f0e6f5 15%,#f5f0e688),url('/viet/art/ink-scenes.png');background-size:auto,200% 200%;background-position:center,left bottom}html[data-theme=dark] .ink-discover a{background-image:none}html[data-theme=dark] .genre-panels>section:before{opacity:.1}
@media(min-width:1001px){.collection-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 220px;align-items:start}.collection-grid>.selection-feature{display:grid;grid-template-columns:115px minmax(0,1fr);gap:9px 18px;text-align:left;padding:0}.collection-grid>.selection-feature>*{grid-column:2;margin:0}.collection-grid>.selection-feature>a:not(.button){grid-column:1;grid-row:1/8}.collection-grid>.selection-feature img{width:115px;height:168px}.collection-grid>.selection-feature h3{font-size:17px;line-height:1.5}.collection-grid>.selection-feature .button{justify-self:start;border-radius:3px;padding:8px 17px}.collection-grid>.compact-books{grid-template-columns:1fr}.collection-grid .compact-book{padding-bottom:12px}.collection-grid .compact-book img{width:55px;height:80px}.collection-grid .compact-book{grid-template-columns:55px minmax(0,1fr)}.collection-grid .compact-book h3{font-size:13px}.collection-grid .compact-book .summary{display:none}}
@media(prefers-reduced-motion:reduce){.ink-book-cover img{transition:none}}
/* Separate approved ink-wash genre images; preserve transparent edges. */
.category-panel img.category-icon{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0;padding:0;background:none}.category-panel>a{min-height:54px;gap:10px;padding:5px 10px}.genre-heading img.genre-symbol{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0;padding:0;background:none}.genre-heading{min-width:0}.genre-heading>div{min-width:0}html[data-theme=dark] img.category-icon,html[data-theme=dark] img.genre-symbol{background:#f4f0e6;border-radius:4px}@media(max-width:760px){.category-panel>a{min-height:82px;padding:8px 3px;gap:5px}.category-panel img.category-icon{width:42px;height:42px}.genre-heading img.genre-symbol{width:44px;height:44px}.genre-heading{align-items:center}}

/* Qidian main categories, plus preserved local categories. Stable semantic artwork mapping. */
[data-genre="tien-hiep"]{--genre-art:url("/viet/art/ink-scenes.png");--genre-position:0% 0%;}
[data-genre="huyen-huyen"]{--genre-art:url("/viet/art/ink-scenes.png");--genre-position:100% 0%;}
[data-genre="kiem-hiep"]{--genre-art:url("/viet/art/ink-scenes.png");--genre-position:0% 100%;}
[data-genre="lich-su"]{--genre-art:url("/viet/art/ink-scenes.png");--genre-position:100% 100%;}
[data-genre="do-thi"]{--genre-art:url("/viet/art/genre-modern.png");--genre-position:0% 0%;}
[data-genre="ngon-tinh"]{--genre-art:url("/viet/art/genre-modern.png");--genre-position:100% 0%;}
[data-genre="khoa-hoc-vien-tuong"]{--genre-art:url("/viet/art/genre-modern.png");--genre-position:0% 100%;}
[data-genre="khac"]{--genre-art:url("/viet/art/genre-modern.png");--genre-position:100% 100%;}
[data-genre="ky-huyen"]{--genre-art:url("/viet/art/genre-worlds.png");--genre-position:0% 0%;}
[data-genre="hien-thuc"]{--genre-art:url("/viet/art/genre-worlds.png");--genre-position:100% 0%;}
[data-genre="quan-su"]{--genre-art:url("/viet/art/genre-worlds.png");--genre-position:0% 100%;}
[data-genre="tro-choi"]{--genre-art:url("/viet/art/genre-worlds.png");--genre-position:100% 100%;}
[data-genre="the-thao"]{--genre-art:url("/viet/art/genre-imagination.png");--genre-position:0% 0%;}
[data-genre="chu-thien-vo-han"]{--genre-art:url("/viet/art/genre-imagination.png");--genre-position:100% 0%;}
[data-genre="huyen-nghi-linh-di"]{--genre-art:url("/viet/art/genre-imagination.png");--genre-position:0% 100%;}
[data-genre="light-novel"]{--genre-art:url("/viet/art/genre-imagination.png");--genre-position:100% 100%;}

.genre-panels>section{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);min-height:235px}
.genre-panels>section:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--genre-art);background-size:200% 200%;background-position:var(--genre-position);opacity:.64}
.genre-panels>section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf7efeb,#faf7ef9c 60%,#faf7ef20)}
.genre-panels>section .genre-heading h3{font-size:18px}.genre-panels>section .genre-empty{color:#655d50}.genre-panels>section .genre-book{background:#faf7ef9c;padding:4px 6px;border-radius:2px}

.category-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.category-panel h2{grid-column:1/-1}.category-panel>a{font-size:11px;min-height:60px;gap:6px;padding:6px;line-height:1.5}.category-panel img.category-icon{width:34px;height:34px}.category-panel>a>span:last-child{min-width:0;overflow-wrap:break-word}
@media(min-width:1001px){.portal-top{grid-template-columns:280px minmax(0,1fr) 200px}.ink-hero-copy h1{font-size:34px}}
@media(min-width:761px) and (max-width:1000px){.portal-top{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){.category-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.category-panel>a{min-height:92px;font-size:10px;padding:7px 3px}.category-panel img.category-icon{width:40px;height:40px}.genre-panels>section{min-height:245px}.genre-panels>section .genre-heading{align-items:flex-start;flex-direction:column;gap:8px}.genre-panels>section .genre-heading h3{font-size:16px}}
html[data-theme=dark] .genre-panels>section:before{opacity:.4}html[data-theme=dark] .genre-panels>section:after{background:linear-gradient(90deg,#24221fef,#24221fb0,#24221f60)}html[data-theme=dark] .genre-panels>section .genre-empty{color:var(--muted)}html[data-theme=dark] .genre-panels>section .genre-book{background:#24221fb0}

.standard-category-icon{display:none}.edition-toggle{font-size:11px;padding:4px 8px;white-space:nowrap}.utility>div{gap:12px;flex-wrap:wrap}

html[data-edition=ink] .portal-intro{display:none}