/* Tiên Giới Truyện 3D – Trang chủ V15.72.1, lớp giao diện độc lập trên nền V15.72.
   Không đổi trang quản trị, API, dữ liệu hay quy trình đăng nhập/đọc truyện. */
body.tg721-home-active{
  --tg721-gold:#dfb96a;--tg721-gold-bright:#ffe4a3;--tg721-line:rgba(225,184,106,.19);
  --tg721-surface:#12141b;--tg721-surface-deep:#0d0f15;--tg721-faint:#b9b9b7;
  background:radial-gradient(ellipse 66% 420px at 50% 6%,rgba(157,105,37,.16),transparent),
    radial-gradient(ellipse 36% 520px at 100% 30%,rgba(96,68,35,.075),transparent),#080a0e;
  color:#f5efe4;
}
body.tg721-home-active .realm-bar{
  min-height:22px;background:linear-gradient(90deg,#16120c,#0c0e13 55%,#16120c);
  border-bottom:1px solid rgba(225,184,106,.15);box-shadow:none;
}
body.tg721-home-active .realm-bar-inner{max-width:1480px;font-size:10px;letter-spacing:.15em}
body.tg721-home-active .site-header{
  background:rgba(8,10,14,.96);border-bottom:1px solid rgba(225,184,106,.17);
  box-shadow:0 8px 40px rgba(0,0,0,.28);backdrop-filter:blur(18px)
}
body.tg721-home-active .header-inner{max-width:1460px;min-height:60px;gap:14px;padding:8px 23px}
body.tg721-home-active .brand{
  padding:5px 7px;border:0;box-shadow:none;background:transparent;border-radius:0;
  font-size:20px;letter-spacing:-.015em;text-shadow:none
}
body.tg721-home-active .brand em{font-size:18px}
body.tg721-home-active .brand .brand-emblem{width:44px;height:44px;object-fit:contain}
body.tg721-home-active .search{
  height:38px;max-width:290px;border-radius:12px;
  background:#12151c;border:1px solid rgba(225,184,106,.2);
  box-shadow:inset 0 1px rgba(255,255,255,.025)
}
body.tg721-home-active .search input{height:36px;font-size:12px}
body.tg721-home-active .tg-mode-toggle{border-radius:12px;min-height:38px}
body.tg721-home-active .nav a,
body.tg721-home-active .nav button,
body.tg721-home-active .nav summary{transition:color .2s,border-color .2s,background .2s}
body.tg721-home-active .tg-v1415-ticker{
  max-width:1460px;margin:10px auto 0;border-radius:12px;
  background:rgba(17,19,25,.9);border:1px solid rgba(225,184,106,.14);
  box-shadow:none;min-height:34px
}
body.tg721-home-active .shell.tg721-shell{max-width:1460px;padding-left:23px;padding-right:23px}
/* Headline: editorial and compact, with only one real banner below. */
.tg721-landing{margin:24px 0 26px;position:relative}
.tg721-intro{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:0 0 19px}
.tg721-intro>div:first-child{min-width:0}
.tg721-intro-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.22em;color:#d9b36b;margin:0 0 6px}
.tg721-intro h1{font:700 clamp(25px,2.8vw,39px)/1.16 "Times New Roman",Georgia,serif;color:#fff9eb;letter-spacing:.005em;margin:0 0 7px}
.tg721-intro h1 em{color:#f1cb7d;font-style:normal}
.tg721-intro p{margin:0;font-size:13px;color:#c4bfb5;line-height:1.55}
.tg721-intro-actions{display:flex;gap:10px;flex-shrink:0}
.tg721-btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:43px;
  padding:10px 18px;border-radius:10px;font-weight:700;font-size:13px;white-space:nowrap;
  transition:transform .18s,filter .18s,border-color .18s}
.tg721-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.tg721-btn-gold{background:linear-gradient(135deg,#f8d98d,#c89740);color:#20180d;
  box-shadow:0 7px 22px rgba(175,121,38,.22)}
.tg721-btn-subtle{border:1px solid var(--tg721-line);background:#151821;color:#f0d6a6}
.tg721-feature-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:17px;align-items:stretch}
.tg721-feature-primary{min-width:0}
body.tg721-home-active .tg721-feature-primary .story-slider{
  height:438px;margin:0;padding:0;border:1px solid rgba(225,184,106,.35);border-radius:19px;
  overflow:hidden;background:linear-gradient(125deg,#211b15,#0c0d13);box-shadow:0 18px 42px rgba(0,0,0,.35)
}
body.tg721-home-active .tg721-feature-primary .slider-slide{min-height:0;border-radius:0}
body.tg721-home-active .tg721-feature-primary .slider-art.slider-image-wide{
  object-fit:cover;object-position:center center;background:#101014
}
body.tg721-home-active .tg721-feature-primary .slider-art.slider-image-portrait{
  width:53%;height:100%;right:0;left:auto;object-fit:contain;object-position:center
}
body.tg721-home-active .tg721-feature-primary .slider-shade{
  background:linear-gradient(90deg,rgba(8,10,15,.98) 0%,rgba(8,10,15,.89) 26%,rgba(8,10,15,.56) 48%,rgba(8,10,15,.12) 76%),
    linear-gradient(0deg,rgba(7,9,13,.7),transparent 32%);
}
body.tg721-home-active .tg721-feature-primary .slider-content{
  left:6%;top:53%;width:62%;max-width:500px;padding:0 0 10px
}
body.tg721-home-active .tg721-feature-primary .slider-eyebrow{
  font-size:11px;font-weight:700;color:#f6d691;letter-spacing:.22em
}
body.tg721-home-active .tg721-feature-primary .slider-content h2{
  font:700 clamp(28px,3.15vw,44px)/1.1 "Times New Roman",Georgia,serif;
  margin:15px 0 13px;color:#fff7e5;text-shadow:0 2px 25px rgba(0,0,0,.4)
}
body.tg721-home-active .tg721-feature-primary .slider-content p{
  font:14px/1.68 "Times New Roman",serif;color:#f0e6d7;max-width:380px;margin-bottom:18px;
  -webkit-line-clamp:3;line-clamp:3
}
body.tg721-home-active .tg721-feature-primary .slider-content .gold-btn,
body.tg721-home-active .tg721-feature-primary .tg721-action{
  display:inline-flex;align-items:center;min-height:42px;border-radius:10px;
  padding:10px 20px;background:linear-gradient(135deg,#f8d98d,#c89740);color:#1d150a;
  font-size:13px;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.26)
}
body.tg721-home-active .tg721-feature-primary .slider-arrow{
  height:39px;width:39px;background:rgba(8,10,14,.6);color:#ffe1a0;
  border:1px solid rgba(245,209,139,.45);backdrop-filter:blur(8px)
}
body.tg721-home-active .tg721-feature-primary .slider-prev{left:12px}
body.tg721-home-active .tg721-feature-primary .slider-next{right:12px}
body.tg721-home-active .tg721-feature-primary .slider-dots{bottom:16px;background:rgba(8,10,14,.6)}
body.tg721-home-active .tg721-feature-primary .slider-dot{background:#a5a4a1}
body.tg721-home-active .tg721-feature-primary .slider-dot.is-active{background:#f6d286}
.tg721-no-banner{height:438px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;
  background:radial-gradient(circle at 72% 37%,rgba(220,157,45,.2),transparent 42%),linear-gradient(125deg,#1a1919,#101219);
  border:1px solid var(--tg721-line);border-radius:19px;padding:48px;position:relative;overflow:hidden}
.tg721-no-banner:after{content:'✦';position:absolute;right:5%;top:1%;color:rgba(225,184,106,.12);font-size:250px;line-height:1}
.tg721-no-banner-icon{color:#d7ab61;font-size:34px;margin-bottom:18px}
.tg721-no-banner .tg721-kicker{font-size:11px;letter-spacing:.22em;color:#d9b86f}
.tg721-no-banner h2{font-size:clamp(27px,3vw,42px);font-weight:700;line-height:1.1;max-width:430px;color:#fff6df;margin:8px 0 13px}
.tg721-no-banner p{color:#cbbfaf;font-size:14px;line-height:1.7;max-width:370px}
.tg721-no-banner a{position:relative;z-index:1}
/* Right rail: one useful reading recommendation + navigation, not a second hero. */
.tg721-discover{border:1px solid var(--tg721-line);border-radius:19px;
  padding:20px;background:linear-gradient(148deg,#191b21,#0d1015 72%);
  box-shadow:0 16px 40px rgba(0,0,0,.23);min-width:0;display:flex;flex-direction:column}
.tg721-discover-header{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.tg721-discover-symbol{color:#e3b969;display:grid;place-items:center;width:39px;height:39px;
  background:rgba(223,185,106,.09);border:1px solid var(--tg721-line);border-radius:10px;font-size:21px}
.tg721-discover-header small{font-size:9px;letter-spacing:.2em;color:#cfa968;display:block}
.tg721-discover-header h2{margin:2px 0 0;font-size:20px;color:#f4e4bc}
.tg721-pick{display:flex;min-width:0;gap:12px;align-items:center;padding:11px;
  border-radius:13px;background:linear-gradient(135deg,rgba(230,180,90,.09),rgba(255,255,255,.015));
  border:1px solid rgba(230,180,90,.2);margin-bottom:15px;transition:border-color .2s}
.tg721-pick:hover{border-color:#d8ad60}
.tg721-pick-cover{display:block;flex:0 0 55px;width:55px;height:73px;border-radius:7px;overflow:hidden;background:#191b22}
.tg721-pick-cover img{width:100%;height:100%;object-fit:cover}
.tg721-pick-info{min-width:0;flex:1}
.tg721-pick-info small{display:block;font:700 9px "Times New Roman",serif;color:#d4ad68;letter-spacing:.08em}
.tg721-pick-info strong{display:-webkit-box;max-height:2.6em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  font-size:14px;line-height:1.28;color:#fff1cb;margin:5px 0}
.tg721-pick-info>span{display:block;color:#b7b6b0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg721-pick-arrow{align-self:flex-start;color:#ddb66d;font-size:18px}
.tg721-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:17px}
.tg721-shortcuts a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;
  padding:12px 4px 10px;border-radius:11px;border:1px solid rgba(225,184,106,.13);
  background:rgba(255,255,255,.027);transition:background .2s,border-color .2s}
.tg721-shortcuts a:hover{border-color:rgba(225,184,106,.4);background:rgba(225,184,106,.08)}
.tg721-shortcuts a>span{font-size:22px;color:#ebc77e;line-height:1}
.tg721-shortcuts strong{font-size:11px;color:#f3e3c0;line-height:1.25}
.tg721-shortcuts small{font-size:9px;line-height:1.22;color:#aeb1b5}
.tg721-genre-heading{display:flex;justify-content:space-between;align-items:center;
  padding-top:14px;border-top:1px solid rgba(225,184,106,.14);gap:8px;margin-bottom:12px}
.tg721-genre-heading strong{font-size:14px;color:#f3deb3}
.tg721-genre-heading a{font-size:11px;color:#e7c78a;white-space:nowrap}
.tg721-genres{display:flex;flex-wrap:wrap;gap:7px}
.tg721-genre{display:flex;align-items:center;gap:6px;border-radius:8px;padding:6px 9px;font-size:11px;
  border:1px solid rgba(225,184,106,.16);background:#11141a;color:#e6dcc8;transition:border-color .2s}
.tg721-genre:hover{border-color:#e4bc75}
.tg721-genre span{color:#e8c17c}
.tg721-muted{font-size:12px;color:#aaa}
/* Four concise facts, not six oversized dashboard tiles. */
.tg721-stats{display:flex;align-items:center;gap:0;margin-top:14px;padding:15px 22px;
  background:linear-gradient(100deg,rgba(28,28,27,.92),rgba(17,20,26,.92));
  border:1px solid rgba(225,184,106,.16);border-radius:15px}
.tg721-stats>div{display:flex;align-items:center;gap:9px;min-width:0;padding:0 19px;border-right:1px solid rgba(225,184,106,.15)}
.tg721-stats>div:first-child{padding-left:0}
.tg721-stats>div:nth-child(4){border-right:0}
.tg721-stats strong{font-size:22px;color:#ffe4a3;line-height:1}
.tg721-stats span{font-size:12px;color:#c1b9ab;line-height:1.35}
.tg721-all-link{color:#ebca8e;font-size:12px;white-space:nowrap;margin-left:auto;padding-left:12px;font-weight:700}
/* Library sections start immediately below the hero. */
body.tg721-home-active .main-grid{grid-template-columns:minmax(0,1fr) 302px;gap:17px;align-items:start}
body.tg721-home-active .sidebar{top:18px}
body.tg721-home-active .sidebar-panel,
body.tg721-home-active .section,
body.tg721-home-active .tg-v139-all-preview,
body.tg721-home-active .updates-section{
  border-radius:17px;border:1px solid rgba(225,184,106,.15);
  background:linear-gradient(165deg,rgba(20,22,28,.95),rgba(11,13,19,.96));
  box-shadow:0 13px 35px rgba(0,0,0,.2)
}
body.tg721-home-active .section,
body.tg721-home-active .tg-v139-all-preview,
body.tg721-home-active .updates-section{padding:20px;margin-bottom:18px}
body.tg721-home-active .sidebar-panel{padding:18px;margin-bottom:16px}
body.tg721-home-active .sidebar-panel h3{font:700 17px "Times New Roman",serif;margin:0 0 15px}
body.tg721-home-active .section-title{margin-bottom:15px}
body.tg721-home-active .section-title h2{font:700 22px "Times New Roman",serif;color:#ffdfa0}
body.tg721-home-active .featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.tg721-home-active .featured,
body.tg721-home-active .comic-card,
body.tg721-home-active .latest-card,
body.tg721-home-active .mini-card{border-radius:12px;border:1px solid rgba(225,184,106,.13);
  background:linear-gradient(180deg,#1a1c23,#101319);box-shadow:none;transition:transform .2s,border-color .2s}
body.tg721-home-active .featured:hover,
body.tg721-home-active .comic-card:hover,
body.tg721-home-active .latest-card:hover{transform:translateY(-3px);border-color:#d6a95c}
body.tg721-home-active .featured img{aspect-ratio:3/4;width:100%;height:auto;object-fit:cover;background:#13161c}
body.tg721-home-active .card-body{padding:12px}
body.tg721-home-active .card-title{font-size:14px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3;min-height:2.6em}
body.tg721-home-active .tg-story-meta{font-size:10px;gap:5px}
body.tg721-home-active .latest-grid{gap:11px}
body.tg721-home-active .latest-card{padding:11px}
body.tg721-home-active .latest-name{color:#f4e6c8}
body.tg721-home-active .rank-row{border:0;background:transparent;border-bottom:1px solid rgba(225,184,106,.13);border-radius:0;padding-bottom:10px;box-shadow:none}
body.tg721-home-active .genre{border-radius:8px}
/* Tablet and mobile: no horizontal scroll or overlapping headline/banner. */
@media (max-width:1230px){
 .tg721-intro{align-items:flex-start}
 .tg721-intro-actions{margin-top:2px}
 .tg721-feature-layout{grid-template-columns:minmax(0,1fr) 280px}
 body.tg721-home-active .main-grid{grid-template-columns:minmax(0,1fr) 280px}
 .tg721-stats{flex-wrap:wrap;gap:14px}
 .tg721-stats>div{padding:0 14px}
}
@media (max-width:1030px){
 .tg721-feature-layout{grid-template-columns:minmax(0,1fr)}
 .tg721-discover{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
 .tg721-discover-header{grid-column:1/-1;margin:0}
 .tg721-pick{margin:0}
 .tg721-shortcuts{margin:0}
 .tg721-genre-heading{grid-column:1/-1;margin:0}
 .tg721-genres{grid-column:1/-1}
 body.tg721-home-active .main-grid{grid-template-columns:1fr}
 body.tg721-home-active .sidebar{position:static}
}
@media (max-width:760px){
 body.tg721-home-active .shell.tg721-shell{padding-left:14px;padding-right:14px}
 .tg721-landing{margin-top:16px}
 .tg721-intro{display:block;margin-bottom:15px}
 .tg721-intro h1{font-size:29px}
 .tg721-intro p{font-size:12px}
 .tg721-intro-actions{margin-top:15px}
 .tg721-btn{min-height:40px}
 .tg721-feature-primary .story-slider{height:360px!important}
 body.tg721-home-active .tg721-feature-primary .slider-content{left:7%;width:82%;max-width:none;top:auto;bottom:48px;transform:none;padding:0}
 body.tg721-home-active .tg721-feature-primary .slider-content h2{font-size:30px}
 body.tg721-home-active .tg721-feature-primary .slider-content p{max-width:320px;font-size:12px;-webkit-line-clamp:2;line-clamp:2}
 body.tg721-home-active .tg721-feature-primary .slider-shade{background:linear-gradient(0deg,rgba(6,8,12,.99),rgba(8,10,14,.76) 45%,rgba(8,10,14,.08) 90%)}
 body.tg721-home-active .tg721-feature-primary .slider-art.slider-image-portrait{width:100%;height:100%;right:0;object-fit:cover;opacity:.9}
 .tg721-no-banner{height:350px;padding:30px}
 .tg721-discover{grid-template-columns:1fr}
 .tg721-discover-header,.tg721-genre-heading,.tg721-genres{grid-column:auto}
 .tg721-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
 .tg721-stats>div{padding:14px 16px;border-right:1px solid var(--tg721-line);border-bottom:1px solid var(--tg721-line)}
 .tg721-stats>div:nth-child(2){border-right:0}
 .tg721-stats>div:nth-child(3),.tg721-stats>div:nth-child(4){border-bottom:0}
 .tg721-all-link{grid-column:1/-1;padding:12px 16px;margin:0;text-align:center;border-top:1px solid var(--tg721-line)}
}
@media (max-width:520px){
 body.tg721-home-active .header-inner{padding:8px 12px;gap:9px}
 body.tg721-home-active .brand{font-size:19px}
 body.tg721-home-active .brand em{font-size:16px}
 body.tg721-home-active .brand .brand-emblem{width:36px;height:36px}
 body.tg721-home-active .search{max-width:none;width:100%}
 .tg721-intro h1{font-size:27px}
 .tg721-intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .tg721-btn{font-size:12px;padding:10px 9px;gap:6px;white-space:normal}
 .tg721-feature-primary .story-slider{height:320px!important}
 body.tg721-home-active .tg721-feature-primary .slider-content{bottom:45px;width:82%;left:9%}
 body.tg721-home-active .tg721-feature-primary .slider-content h2{font-size:27px;margin:8px 0 9px}
 body.tg721-home-active .tg721-feature-primary .slider-content p{font-size:12px;margin-bottom:11px}
 body.tg721-home-active .tg721-feature-primary .slider-arrow{width:30px;height:30px}
 body.tg721-home-active .tg721-feature-primary .slider-prev{left:5px}
 body.tg721-home-active .tg721-feature-primary .slider-next{right:5px}
 .tg721-no-banner{height:320px;padding:23px}
 .tg721-no-banner h2{font-size:30px}
 .tg721-discover{padding:15px}
 .tg721-stats strong{font-size:18px}
 .tg721-stats span{font-size:10px}
 body.tg721-home-active .section,
 body.tg721-home-active .tg-v139-all-preview,
 body.tg721-home-active .updates-section{padding:14px}
 body.tg721-home-active .section-title h2{font-size:18px}
 body.tg721-home-active .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media (prefers-reduced-motion:reduce){
 .tg721-btn, .tg721-pick, .tg721-shortcuts a,body.tg721-home-active .featured{transition:none!important}
}