/* Qidian structural reference; approved ink art remains the visual treatment. */
:root{--muted:#625d53}
.portal-top{grid-template-columns:220px minmax(0,1fr) 200px;align-items:stretch;gap:14px}
.category-panel>a{min-height:49px;font-size:11px;padding:5px;gap:5px}.category-panel img.category-icon{width:30px;height:30px}
.spotlight-area{display:flex;flex-direction:column}.spotlight-area>.spotlight{width:100%;min-height:286px;border:1px solid var(--line);background:linear-gradient(100deg,#faf7efe8,#faf7ef85),url('/viet/art/ink-landscape.png') center/cover}
.spotlight-slide{min-height:260px;grid-template-columns:minmax(0,1fr) 105px;gap:20px;padding:24px}.spotlight-slide[hidden]{display:none}.spotlight-slide h1,.spotlight-slide h2{font-size:24px;line-height:1.5}.spotlight-cover img{width:105px;height:154px}.spotlight-slide .summary{font-size:13px;line-height:1.8}.spotlight-slide .button{border-radius:3px}.spotlight-tabs{background:#514b40}.spotlight-tabs button{font-size:11px;background:transparent!important}.spotlight-tabs button[aria-pressed=true]{background:#a52b27!important}
.spotlight-area>.discovery-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;background:var(--paper);margin-top:12px}.discovery-links a{min-width:0;padding:18px 10px;background:linear-gradient(#faf7efdb,#faf7efcf),url('/viet/art/ink-landscape.png') center/cover}.discovery-links strong{font-size:15px;font-family:TTCQSerif,Georgia,serif}.discovery-links span{font-size:12px;line-height:1.7}
.home-bulletin{display:block}.home-bulletin>a{font-size:13px;line-height:1.7}.home-bulletin .free-note{font-size:13px}
.recommend-grid{grid-template-columns:220px minmax(0,1fr) 200px;gap:24px}.editor-selection{min-width:0}.editor-feature{background:linear-gradient(#faf7efe6,#faf7efca),url('/viet/art/ink-landscape.png') center/cover;border:1px solid var(--line);border-radius:0}.editor-feature h3{font-family:TTCQSerif,Georgia,serif}.editor-note{background:var(--paper);border:1px solid var(--line)}.editor-promos a{background:var(--soft);color:var(--ink)}.editor-genre-links h3{font-family:TTCQSerif,Georgia,serif}.five-rankings{grid-template-columns:repeat(5,minmax(0,1fr))}.section-title a,.data-caption{font-size:12px}.reader-status:empty{display:none}.reader-status:not(:empty){background:var(--paper);color:var(--ink);padding:8px 16px}
html[data-theme=dark]{--muted:#c4bdaf}html[data-theme=dark] .spotlight-area>.spotlight,html[data-theme=dark] .editor-feature{background:var(--paper)}html[data-theme=dark] .discovery-links a{background:var(--paper)}
@media(max-width:1100px){.portal-top{grid-template-columns:210px minmax(0,1fr) 180px}.recommend-grid{grid-template-columns:190px minmax(0,1fr) 180px;gap:16px}.spotlight-slide{grid-template-columns:minmax(0,1fr) 85px;padding:18px;gap:14px}.spotlight-cover img{width:85px;height:125px}.spotlight-slide h1,.spotlight-slide h2{font-size:20px}.discovery-links strong{font-size:13px}}
@media(max-width:850px){.portal-top{grid-template-columns:210px minmax(0,1fr)}.home-bulletin{grid-column:1/-1}.home-bulletin>a{display:inline-block;margin-right:16px}.home-bulletin .free-note{display:none}.recommend-grid{grid-template-columns:180px minmax(0,1fr)}.recommend-grid>aside:last-child{grid-column:1/-1}.five-rankings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.portal-top{display:flex;flex-direction:column}.category-panel{grid-template-columns:repeat(4,minmax(0,1fr));order:0}.category-panel>a{min-height:76px;font-size:10px;flex-direction:column}.category-panel img.category-icon{width:34px;height:34px}.spotlight-area{order:1}.home-bulletin{order:2}.recommend-grid{display:block}.recommend-grid>aside,.editor-selection{margin-bottom:24px}.five-rankings{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-area>.discovery-links{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-links a{padding:14px 7px}.discovery-links span{font-size:11px}}