/* Tiên Giới Truyện 3D | V16.21 – giao diện trang chủ PC/mobile.
   Chỉ mở rộng lớp hiển thị V16.20; không can thiệp Supabase, quản trị hoặc dữ liệu truyện. */
body.tg722-home-active {
  background:
    radial-gradient(ellipse 62% 520px at 50% -160px,rgba(216,164,65,.13),transparent 80%),
    radial-gradient(ellipse 45% 360px at 100% 470px,rgba(105,74,37,.06),transparent 80%),#090b10;
}
body.tg722-home-active .shell.tg722-shell {max-width:1500px;margin-inline:auto;padding:18px clamp(12px,2.2vw,32px) 40px;min-width:0}
body.tg722-home-active .tg72-home-shell {
  isolation:isolate;overflow:hidden;margin:0 0 14px;padding:clamp(20px,2.6vw,38px);
  border-radius:24px;border:1px solid rgba(219,172,93,.32);
  background:
    radial-gradient(ellipse at 92% 0%,rgba(229,176,78,.11),transparent 46%),
    radial-gradient(ellipse at 8% 100%,rgba(229,176,78,.08),transparent 54%),
    linear-gradient(135deg,#171710 0%,#121318 53%,#0d111a 100%);
  box-shadow:0 22px 65px rgba(0,0,0,.26),inset 0 1px rgba(255,236,195,.05);
}
body.tg722-home-active .tg72-home-grid{gap:clamp(20px,2.2vw,38px);grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:stretch}
body.tg722-home-active .tg72-home-copy{gap:clamp(12px,1.2vw,18px);min-width:0;justify-content:center}
body.tg722-home-active .tg72-kicker{max-width:100%;font-size:11px;line-height:1.45;letter-spacing:.12em;text-wrap:balance}
body.tg722-home-active .tg72-home-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,3.3vw,57px);line-height:1.13;letter-spacing:-.035em;text-transform:none;text-wrap:balance;background:linear-gradient(145deg,#fff6d5,#e3b865 68%,#f8e5ad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.tg722-home-active .tg72-home-copy>p{max-width:54ch;font-size:clamp(13px,1vw,15px);line-height:1.75;color:#d4c5ab}
body.tg722-home-active .tg72-home-actions{gap:10px}
body.tg722-home-active .tg72-home-actions a{min-height:43px;border-radius:12px;padding:0 17px;font-size:13px}
body.tg722-home-active .tg72-home-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body.tg722-home-active .tg72-stat{min-width:0;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border-color:rgba(235,193,121,.13)}
body.tg722-home-active .tg72-stat strong{font:700 clamp(18px,1.8vw,26px)/1.1 system-ui,sans-serif;color:#ffebc8;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
body.tg722-home-active .tg72-stat span{font-size:11px;line-height:1.38;color:#c8b99f}
body.tg722-home-active .tg72-home-quick{gap:9px}
body.tg722-home-active .tg72-home-quick .tg72-quick-card{border-radius:13px;padding:13px;background:rgba(10,13,20,.72);border-color:rgba(239,197,116,.15)}
body.tg722-home-active .tg72-home-quick .tg72-quick-card small{font-size:10px}
body.tg722-home-active .tg72-home-quick .tg72-quick-card strong{font-size:15px;color:#fae7b9}
body.tg722-home-active .tg72-home-quick .tg72-quick-card span{font-size:11px;line-height:1.5}
body.tg722-home-active .tg724-spotlight{height:100%;min-width:0}
body.tg722-home-active .tg724-spotlight .tg723-banner-frame{background:#0b0e15;box-shadow:inset 0 0 0 1px #e5bd6a30}
body.tg722-home-active .tg724-spotlight .tg723-banner-image{width:100%;height:100%;object-fit:contain!important;object-position:center}
body.tg722-home-active .tg72-home-spotlight{min-width:0;min-height:0}
body.tg722-home-active .tg724-spotlight .tg723-spotlight-card{border-radius:16px}
body.tg722-home-active .tg724-spotlight .tg723-spotlight-body h2{font-size:clamp(17px,1.4vw,22px);line-height:1.3}
body.tg722-home-active .tg724-spotlight .tg723-spotlight-body p{line-height:1.55;font-size:12px}
body.tg722-home-active .tg724-dot:focus-visible{outline:2px solid #ffe3a1;outline-offset:3px}
body.tg722-home-active .tg1621-compass{margin-bottom:20px;position:relative;isolation:isolate;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 17px;border:1px solid rgba(213,166,83,.2);border-radius:15px;background:linear-gradient(105deg,#151920,#10141b);box-shadow:0 12px 30px #0002}
body.tg722-home-active .tg1621-compass-label{font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.04em;color:#e9c57c;padding-right:4px;white-space:nowrap}
body.tg722-home-active .tg1621-compass-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1}
body.tg722-home-active .tg1621-compass-links a{color:#e9e1d0;background:rgba(235,193,115,.06);border:1px solid rgba(232,191,116,.18);border-radius:999px;padding:8px 12px;font-size:12px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
body.tg722-home-active .tg1621-compass-links a:hover,body.tg722-home-active .tg1621-compass-links a:focus-visible{background:rgba(235,193,115,.17);border-color:#c9a365;outline-offset:3px}
body.tg722-home-active .main-grid{min-width:0;grid-template-columns:minmax(0,1fr) minmax(245px,300px);gap:18px}
body.tg722-home-active .section,body.tg722-home-active .updates-section,body.tg722-home-active .tg-v139-all-preview,body.tg722-home-active .sidebar-panel{border:1px solid rgba(226,178,92,.18);background:linear-gradient(180deg,rgba(19,22,29,.97),rgba(11,14,20,.98));box-shadow:0 10px 26px #0002;border-radius:17px}
body.tg722-home-active .section-title{border-bottom:1px solid rgba(226,178,92,.18);padding-bottom:12px;gap:12px}
body.tg722-home-active .section-title h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,1.65vw,24px);line-height:1.22;color:#f4d58d}
body.tg722-home-active .tg722-recommend-grid{gap:11px}
body.tg722-home-active .tg722-recommend-grid .featured,body.tg722-home-active .featured{min-width:0;overflow:hidden;border:1px solid rgba(223,181,108,.15);background:#131722;border-radius:12px}
body.tg722-home-active .tg722-recommend-grid .featured img,body.tg722-home-active .featured img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain!important;background:#10141d}
body.tg722-home-active .tg722-recommend-grid .card-body{min-width:0}
body.tg722-home-active .tg722-rank-panel,body.tg722-home-active .tg722-category-panel{overflow:hidden}
body.tg722-home-active .tg722-rank-row img{width:48px;height:64px;object-fit:contain;background:#111926;border-radius:6px}
body.tg722-home-active .tg722-category-grid a{min-height:35px}
body.tg722-home-active .tg722-recommend-grid .featured:hover,body.tg722-home-active .tg722-recommend-grid .featured:focus-within{border-color:#e5bf76;box-shadow:0 13px 24px #0005;transform:translateY(-2px)}
body.tg722-home-active .tg722-recommend-grid .featured a:focus-visible{outline:2px solid #f8d88f;outline-offset:-3px}
@media(max-width:1220px){body.tg722-home-active .tg72-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}body.tg722-home-active .tg72-home-quick{grid-template-columns:repeat(3,minmax(0,1fr))}body.tg722-home-active .tg72-home-quick .tg72-quick-card span{display:none}body.tg722-home-active .tg72-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){body.tg722-home-active .tg72-home-grid{grid-template-columns:1fr}body.tg722-home-active .tg72-home-spotlight{max-width:100%}body.tg722-home-active .main-grid{grid-template-columns:1fr}body.tg722-home-active .tg722-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.tg722-home-active .tg722-continue-panel{grid-column:1/-1}body.tg722-home-active .tg72-home-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:690px){
 body.tg722-home-active .shell.tg722-shell{padding:10px 11px 28px}
 body.tg722-home-active .tg72-home-shell{padding:17px 14px;border-radius:17px;margin-bottom:10px}
 body.tg722-home-active .tg72-home-grid{gap:15px}
 body.tg722-home-active .tg72-home-copy{gap:12px}
 body.tg722-home-active .tg72-home-copy h1{font-size:clamp(28px,8.2vw,42px);line-height:1.15}
 body.tg722-home-active .tg72-home-copy>p{font-size:13px;line-height:1.55}
 body.tg722-home-active .tg72-kicker{font-size:9px;padding:6px 10px}
 body.tg722-home-active .tg72-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body.tg722-home-active .tg72-home-actions a{width:auto;min-width:0;min-height:42px;font-size:11px;padding:0 8px;text-align:center}
 body.tg722-home-active .tg72-home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body.tg722-home-active .tg72-stat{padding:10px}
 body.tg722-home-active .tg72-stat span{font-size:10px}
 body.tg722-home-active .tg72-home-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 body.tg722-home-active .tg72-home-quick .tg72-quick-card{padding:9px}
 body.tg722-home-active .tg72-home-quick .tg72-quick-card strong{font-size:12px;line-height:1.3}
 body.tg722-home-active .tg72-home-quick .tg72-quick-card small{font-size:9px;letter-spacing:0}
 body.tg722-home-active .tg72-home-quick .tg72-quick-card span{display:none}
 body.tg722-home-active .tg724-spotlight .tg723-spotlight-card{border-radius:12px}
 body.tg722-home-active .tg1621-compass{margin-bottom:13px;padding:12px;gap:9px;border-radius:12px}
 body.tg722-home-active .tg1621-compass-label{font-size:11px}
 body.tg722-home-active .tg1621-compass-links{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}
 body.tg722-home-active .tg1621-compass-links::-webkit-scrollbar{display:none}
 body.tg722-home-active .tg1621-compass-links a{scroll-snap-align:start;padding:8px 10px}
 body.tg722-home-active .section,body.tg722-home-active .updates-section,body.tg722-home-active .tg-v139-all-preview{padding:14px;border-radius:14px}
 body.tg722-home-active .tg722-sidebar{display:block}
 body.tg722-home-active .tg722-recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.tg722-home-active .section-title h2{font-size:19px}
 body.tg722-home-active .section-title>a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){body.tg722-home-active .tg1621-compass-links a,body.tg722-home-active .tg722-recommend-grid .featured{transition:none!important;transform:none!important}}