/* V15.72.4 - Sửa các vị trí đánh dấu trong ảnh người dùng. Chỉ áp dụng Trang chủ. */
/* Header: thu khoảng trắng giữa logo và tìm kiếm bằng ô tìm kiếm rộng, canh giữa. */
@media(min-width:721px){
 body.tg722-home-active .site-header .header-inner{
   grid-template-columns:minmax(220px,auto) minmax(260px,1fr) auto!important;
   column-gap:18px;
 }
 body.tg722-home-active .site-header .header-inner>.search{
   grid-column:2!important;grid-row:1!important;justify-self:center!important;
   width:min(620px,100%)!important;max-width:620px!important;min-width:0!important;
   margin-left:0!important;margin-right:0!important;
   border-color:rgba(238,196,108,.34);border-radius:16px;
   background:linear-gradient(135deg,#141419,#111218);
   box-shadow:inset 0 1px rgba(255,236,182,.05);
 }
 body.tg722-home-active .site-header .header-inner>.search input{min-width:0;width:100%;height:44px;font-size:13px}
}
/* Spotlight: card/ảnh vẫn luôn hiển thị trọn tỷ lệ của V15.72.3. */
body.tg722-home-active .tg724-spotlight{display:block;min-width:0;width:100%;}
body.tg722-home-active .tg724-slides{position:relative;min-width:0;}
body.tg722-home-active .tg724-spotlight-slide[hidden]{display:none!important;}
body.tg722-home-active .tg724-spotlight-slide:not([hidden]){display:flex;}
body.tg722-home-active .tg724-spotlight .tg723-banner-frame{aspect-ratio:16/5;}
body.tg722-home-active .tg724-spotlight .tg723-banner-image{object-fit:contain!important;}
body.tg722-home-active .tg724-controls{
 display:flex;justify-content:center;align-items:center;gap:12px;min-height:39px;
 border:1px solid rgba(241,200,122,.16);border-top:0;border-radius:0 0 14px 14px;
 background:#0e1015;padding:5px 10px;color:#e9d4a8;
}
body.tg722-home-active .tg724-controls button{cursor:pointer;border:1px solid rgba(232,190,113,.26);background:#1a1920;color:#f5d89c}
body.tg722-home-active .tg724-prev,
body.tg722-home-active .tg724-next{border-radius:9px;min-width:30px;min-height:27px}
body.tg722-home-active .tg724-dots{display:flex;gap:7px;align-items:center;justify-content:center}
body.tg722-home-active .tg724-dot{width:9px;height:9px;padding:0;border-radius:50%;min-height:9px;transition:background .2s;}
body.tg722-home-active .tg724-dot.is-active{background:#e7b857;border-color:#ffe9ac;transform:scale(1.2)}
body.tg722-home-active .tg724-count{font-size:11px;white-space:nowrap;color:#d7c6a9}
/* Ba truyện dưới Spotlight: bìa trọn vẹn nằm trên, tên nằm dưới; không còn chữ tràn. */
body.tg722-home-active .tg72-mini-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-width:0;}
body.tg722-home-active .tg72-mini-showcase .tg72-mini-story{
 display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;
 min-width:0;max-width:100%;gap:8px;padding:10px;
 border:1px solid rgba(237,189,93,.21);border-radius:15px;
 background:linear-gradient(180deg,#211e1c,#111318);
 overflow:hidden;
}
body.tg722-home-active .tg72-mini-showcase .tg72-mini-story img{
 width:100%!important;height:122px!important;min-height:0!important;max-width:100%!important;
 object-fit:contain!important;object-position:center;aspect-ratio:3/4;
 display:block;border-radius:9px;background:#0c0e13;flex:0 0 auto;
}
body.tg722-home-active .tg72-mini-showcase .tg72-mini-story>div{min-width:0;width:100%;display:block;}
body.tg722-home-active .tg72-mini-showcase .tg72-mini-story strong{
 font-size:12px;line-height:1.35;color:#fff0d1;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 overflow:hidden;overflow-wrap:anywhere;min-height:2.7em;
}
body.tg722-home-active .tg72-mini-showcase .tg72-mini-story span{
 display:block;font-size:11px;margin-top:6px;color:#d0b98e;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media(max-width:1080px){
 body.tg722-home-active .tg72-mini-showcase .tg72-mini-story img{height:130px!important}
}
@media(max-width:690px){
 body.tg722-home-active .tg72-mini-showcase{gap:8px}
 body.tg722-home-active .tg72-mini-showcase .tg72-mini-story{padding:7px}
 body.tg722-home-active .tg72-mini-showcase .tg72-mini-story img{height:92px!important}
 body.tg722-home-active .tg72-mini-showcase .tg72-mini-story strong{font-size:11px}
 body.tg722-home-active .tg72-mini-showcase .tg72-mini-story span{font-size:10px}
}
@media(max-width:370px){
 body.tg722-home-active .tg72-mini-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){body.tg722-home-active .tg724-dot{transition:none}}
