/* TruyenVN V46 — a distinct editorial chapter in the PrimeMC world. */
:root { --story-pink:#f5c1b4; --story-violet:#d7b5e8; --story-mint:#a8ddcb; --story-surface:rgba(30,30,34,.91); --story-border:rgba(245,225,210,.13); }
body.page-shell { color:#f7f0e8; background:radial-gradient(circle at 85% 6%,rgba(182,105,122,.15),transparent 32rem),linear-gradient(155deg,#121619,#1c1a20 53%,#121719) !important; background-attachment:scroll !important; }
body.page-shell::before { opacity:.2 !important; }
.navbar { width:min(1320px,calc(100% - 32px)); border-radius:16px; background:rgba(21,24,27,.93); -webkit-backdrop-filter:blur(11px); backdrop-filter:blur(11px); }
.brand-mark { border-radius:9px; background:linear-gradient(135deg,#c79082,#8d677f); }
.brand-text span { color:#efbcae; }
.nav-links > a,.dropbtn { border-radius:9px; }
.nav-search { border-radius:9px; }
.utility-menu,.dropdown-content { border-radius:13px; background:#242027; }
.site-main > .container { width:min(1240px,calc(100% - 32px)); }
.site-notice { border-radius:10px; }
.hero { min-height:500px; border-radius:20px; background:linear-gradient(145deg,#342a30,#1a2022); }
.hero-glass { border-radius:15px; background:linear-gradient(125deg,rgba(250,204,187,.08),transparent),rgba(255,255,255,.025); }
.hero-title { font-size:clamp(2.6rem,5.7vw,5.3rem); line-height:1.02; }
.hero-img { min-height:476px; border-radius:14px; }
.btn-read { border-radius:9px; background:#f1c4ab; }
.section-title { margin-top:48px; font-size:clamp(1.5rem,2.6vw,2.15rem); }
.glass-panel { border-radius:17px; background:rgba(32,32,35,.90); -webkit-backdrop-filter:none; backdrop-filter:none; }
.card,.shop-item { border-radius:12px; background:#29282c; }
.card-img { object-fit:cover; }
.creator-studio-hero,.creator-editor-card,.creator-studio-card,.creator-dashboard-card { border-radius:16px !important; }
.site-footer { background:#14181b; }
@media(max-width:980px) { .navbar { width:calc(100% - 18px); } .nav-panel { border-radius:13px; background:#202025; } .hero { min-height:0; } .hero-img { min-height:330px; } }
@media(max-width:600px) { .site-main > .container { width:calc(100% - 18px); } .hero { padding:7px; border-radius:15px; } .hero-img { min-height:280px; } .hero-glass { padding:22px 17px; } .hero-title { font-size:clamp(2.3rem,9vw,3.5rem); } .glass-panel { padding:15px; } }