/* Thiên Long Tuyết Lang Hồ - final visual and typography sync v4 */
:root{
  --tlh-bg:#020817;
  --tlh-bg-2:#04142d;
  --tlh-panel:#071b38;
  --tlh-panel-2:#0a2447;
  --tlh-blue:#1598ee;
  --tlh-blue-2:#55c7ff;
  --tlh-cyan:#9fe4ff;
  --tlh-text:#eefaff;
  --tlh-muted:#b9d8ea;
  --tlh-line:rgba(119,205,255,.28);
  --tlh-line-strong:rgba(151,224,255,.58);
  --tlh-ok:#36c989;
  --tlh-warn:#ffd36f;
  --tlh-danger:#ff6f6f;
  --tlh-radius:14px;
  --tlh-shadow:0 18px 48px rgba(0,5,18,.34);
}

html,body,button,input,select,textarea{
  font-family:"Segoe UI",Arial,"Helvetica Neue",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.x-subpage{font-size:15px;line-height:1.58;color:var(--tlh-text)}
body.x-subpage *,body.x-subpage *::before,body.x-subpage *::after{box-sizing:border-box}
body.x-subpage h1,body.x-subpage h2,body.x-subpage h3,body.x-subpage h4,
body.x-subpage h5,body.x-subpage h6{font-family:"Segoe UI",Arial,sans-serif!important;font-weight:800!important;letter-spacing:.01em!important}
body.x-subpage .x-sub-hero-inner h1{font-family:"Segoe UI",Arial,sans-serif!important;font-weight:800!important;letter-spacing:.03em!important}

/* Header */
body.x-subpage .x-header{background:rgba(2,10,26,.96)!important;border-bottom:1px solid var(--tlh-line)!important}
body.x-subpage .x-header-inner{min-height:76px!important}
body.x-subpage .x-nav a{color:#d5ebf8!important;font-weight:750!important;letter-spacing:.02em!important}
body.x-subpage .x-nav a:hover,body.x-subpage .x-nav a.active{color:#fff!important}
body.x-subpage .x-nav a.active{background:linear-gradient(180deg,rgba(48,155,255,.13),rgba(48,155,255,.02))!important}
body.x-subpage .x-nav a::after{background:linear-gradient(90deg,#76d9ff,#168fff)!important}
body.x-subpage .x-btn,body.x-subpage .x-account-actions a{font-family:"Segoe UI",Arial,sans-serif!important;border-radius:9px!important}

/* Hero */
body.x-subpage .x-sub-hero{min-height:252px!important}
body.x-subpage .x-sub-hero-inner{min-height:252px!important}
body.x-subpage .x-sub-hero-inner>img{width:118px!important;height:118px!important}
body.x-subpage .x-sub-hero-inner span{color:#9fe4ff!important;letter-spacing:.14em!important}
body.x-subpage .x-sub-hero-inner p{color:#c9e5f5!important}

/* Global content rhythm */
body.x-subpage .x-sub-content{padding-top:34px!important}
body.x-subpage .x-sub-content :is(p,li,td,label,small,.muted,.desc,[class*="desc"],[class*="meta"]){font-family:"Segoe UI",Arial,sans-serif!important;color:var(--tlh-muted)!important}
body.x-subpage .x-sub-content :is(h1,h2,h3,h4,.title,.section-title,[class*="title"]){color:#f4fbff!important;text-shadow:none!important}
body.x-subpage .x-sub-content :is(.content-card,.panel,.card,.section-card,.download-hero-card,.download-main-panel,.download-side-card,.guide-card,.news-card,.event-card,.info-card,.form-card,.account-card,.tournament-card,.gift-card,.donate-card,.faq-card,.contact-card,[class*="-panel"],[class*="-card"]){
  border:1px solid var(--tlh-line)!important;
  border-radius:var(--tlh-radius)!important;
  background:linear-gradient(180deg,rgba(9,34,72,.96),rgba(3,17,42,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),var(--tlh-shadow)!important;
}
body.x-subpage .x-sub-content :is(.content-card,.panel,.card,.section-card,[class*="-panel"],[class*="-card"])::before{border-color:rgba(112,205,255,.12)!important}

/* Remove remaining orange/gold accents */
body.x-subpage .x-sub-content :is(.guide-kicker,.download-hero-kicker,.event-kicker,.contact-kicker,.topup-chip,.tag,.badge,[class*="tag"],[class*="badge"]){
  border-color:rgba(135,219,255,.52)!important;
  background:linear-gradient(90deg,rgba(13,99,191,.9),rgba(24,163,238,.84))!important;
  color:#f7fdff!important;
  box-shadow:none!important;
}
body.x-subpage .x-sub-content :is(.guide-section-title,.download-section-title,.event-section-title,.contact-section-title,.ui-panel h3,.guide-body th,.dark-table th,.info-box label,.form-field label,.qr-mini small,[class*="title"]){color:#dff6ff!important}
body.x-subpage .x-sub-content :is(.guide-intro-card b,.guide-step-list b,.qr-steps b,.number-badge,[class*="step"] b){
  border-color:rgba(148,222,255,.56)!important;
  background:linear-gradient(180deg,#47bfff,#087ce2)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(12,124,220,.22)!important;
}

/* Buttons and links */
body.x-subpage .x-sub-content :is(a.button,button,.btn,[class*="-btn"],input[type="submit"],input[type="button"]),
body.x-subpage .tltd-support-toggle,body.x-subpage .tltd-support-submit,body.x-subpage .tltd-support-login{
  min-height:42px!important;
  border:1px solid var(--tlh-line-strong)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#50c7ff 0%,#118de9 56%,#0867bd 100%)!important;
  color:#fff!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-decoration:none!important;
  box-shadow:0 9px 24px rgba(10,117,220,.22)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
body.x-subpage .x-sub-content :is(a.button,button,.btn,[class*="-btn"],input[type="submit"],input[type="button"]):hover,
body.x-subpage .tltd-support-toggle:hover,body.x-subpage .tltd-support-submit:hover,body.x-subpage .tltd-support-login:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 12px 30px rgba(10,117,220,.3)!important;
}
body.x-subpage .x-sub-content :is(a.button,button,.btn,[class*="-btn"],input[type="submit"],input[type="button"]):focus-visible,
body.x-subpage a:focus-visible,body.x-subpage input:focus-visible,body.x-subpage select:focus-visible,body.x-subpage textarea:focus-visible{
  outline:3px solid rgba(104,216,255,.32)!important;
  outline-offset:2px!important;
}
body.x-subpage .x-sub-content a:not(.btn):not([class*="-btn"]){color:#8ddcff}
body.x-subpage .x-sub-content a:not(.btn):not([class*="-btn"]):hover{color:#dff7ff}

/* Forms */
body.x-subpage .x-sub-content :is(input,select,textarea){
  border:1px solid rgba(111,202,255,.38)!important;
  border-radius:9px!important;
  background:#04132b!important;
  color:#f7fcff!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
}
body.x-subpage .x-sub-content :is(input,textarea)::placeholder{color:#7fa9c0!important;opacity:1}
body.x-subpage .x-sub-content :is(input,select,textarea):focus{border-color:#68d8ff!important;box-shadow:0 0 0 3px rgba(33,154,255,.14)!important}

/* Lists, sidebars and rows */
body.x-subpage .x-sub-content :is(.guide-sidebar-card,.event-sidebar-card,.news-sidebar-card,.download-side-card,.contact-side-card){position:sticky;top:96px}
body.x-subpage .x-sub-content :is(.guide-nav-list a,.quick-link-list a,.category-list a,.sidebar-list a,[class*="nav-list"] a,[class*="quick"] a){
  border-color:rgba(111,202,255,.24)!important;
  background:rgba(3,15,37,.72)!important;
  color:#d8edf8!important;
  border-radius:8px!important;
}
body.x-subpage .x-sub-content :is(.guide-nav-list a,.quick-link-list a,.category-list a,.sidebar-list a,[class*="nav-list"] a,[class*="quick"] a):hover{
  border-color:rgba(111,202,255,.55)!important;
  background:rgba(15,103,190,.26)!important;
  color:#fff!important;
}
body.x-subpage .x-sub-content :is(.guide-intro-card,.guide-check-item,.guide-detail-section,.guide-note-box,.event-item,.news-item,.download-row-v2,.contact-info-item){
  border-color:rgba(111,202,255,.24)!important;
  background:linear-gradient(180deg,rgba(7,28,59,.78),rgba(3,15,37,.78))!important;
  border-radius:11px!important;
}

/* Tables */
body.x-subpage .x-sub-content table{border:1px solid var(--tlh-line)!important;border-radius:10px!important;overflow:hidden!important}
body.x-subpage .x-sub-content th{background:linear-gradient(180deg,#0d447f,#092f5e)!important;color:#eefaff!important;font-weight:800!important}
body.x-subpage .x-sub-content td{background:rgba(4,20,45,.74)!important;color:#d7ebf7!important}
body.x-subpage .x-sub-content tr:nth-child(even) td{background:rgba(8,40,78,.56)!important}

/* Support widget */
body.x-subpage .tltd-support-box,body.x-subpage .tltd-support-box *{font-family:"Segoe UI",Arial,sans-serif!important}
body.x-subpage .tltd-support-box{border-color:var(--tlh-line-strong)!important;background:linear-gradient(180deg,#071d3d,#020b1b)!important}
body.x-subpage .tltd-support-head{background:linear-gradient(180deg,#0f5fae,#07366d)!important;border-color:var(--tlh-line)!important}
body.x-subpage .tltd-support-head strong,body.x-subpage .tltd-support-msg b{color:#dff7ff!important}
body.x-subpage .tltd-support-close{border-color:var(--tlh-line)!important;background:#06172f!important;color:#dff7ff!important;border-radius:7px!important}
body.x-subpage .tltd-support-msg{border-color:rgba(111,202,255,.2)!important;background:rgba(4,18,39,.8)!important;color:#d7ebf7!important}
body.x-subpage .tltd-support-msg.admin{background:rgba(13,75,142,.52)!important}

/* Footer */
body.x-subpage .x-footer{background:linear-gradient(180deg,#031027,#010611)!important;border-color:var(--tlh-line)!important}
body.x-subpage .x-footer p,body.x-subpage .x-footer small{color:#a9c9dc!important}
body.x-subpage .x-footer a{color:#bfe7fb!important}

/* Responsive */
@media(max-width:980px){
  body.x-subpage .x-sub-content :is(.guide-page-v3,.event-page-v3,.news-page-v3,.contact-page-v3,.download-page-v2){grid-template-columns:1fr!important}
  body.x-subpage .x-sub-content :is(.guide-sidebar-card,.event-sidebar-card,.news-sidebar-card,.download-side-card,.contact-side-card){position:static!important}
}
@media(max-width:640px){
  body.x-subpage{font-size:14px}
  body.x-subpage .x-sub-hero{min-height:210px!important}
  body.x-subpage .x-sub-hero-inner{min-height:210px!important;padding:24px 0!important}
  body.x-subpage .x-sub-hero-inner h1{font-size:32px!important}
  body.x-subpage .x-sub-content :is(.guide-intro-grid,.guide-checklist,.download-grid,.contact-grid){grid-template-columns:1fr!important}
  body.x-subpage .x-sub-content :is(a.button,button,.btn,[class*="-btn"],input[type="submit"]){width:100%;justify-content:center}
}

/* Homepage typography and control sync */
body.x-home,body.x-home button,body.x-home input,body.x-home select,body.x-home textarea{font-family:"Segoe UI",Arial,"Helvetica Neue",sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.x-home h1,body.x-home h2,body.x-home h3,body.x-home h4,body.x-home strong{font-family:"Segoe UI",Arial,sans-serif!important}
body.x-home .x-nav a,body.x-home .x-btn,body.x-home .x-cta,body.x-home .x-tabs button{font-family:"Segoe UI",Arial,sans-serif!important;font-weight:800!important;letter-spacing:.01em!important}
body.x-home .x-btn,body.x-home .x-cta{border-radius:9px!important;text-transform:none!important}
body.x-home .x-btn-red,body.x-home .x-cta.primary{border-color:rgba(151,224,255,.72)!important;background:linear-gradient(180deg,#52c7ff,#0c82e8)!important;color:#fff!important;box-shadow:0 8px 22px rgba(10,117,220,.28)!important}
body.x-home .x-btn-ghost,body.x-home .x-cta.secondary{border-color:rgba(128,216,255,.44)!important;background:rgba(5,30,62,.8)!important;color:#eaf9ff!important}
body.x-home .x-card{border-color:rgba(119,205,255,.26)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(9,34,72,.96),rgba(3,17,42,.98))!important}
body.x-home .x-card-head h3,body.x-home .x-tabs button.active{color:#eefaff!important}
body.x-home a:focus-visible,body.x-home button:focus-visible{outline:3px solid rgba(104,216,255,.32)!important;outline-offset:2px!important}

/* V6 - Trang chủ: đồng bộ màu chữ với nền xanh băng */
body.x-home{
  color:#eaf7ff;
  background:linear-gradient(180deg,#eaf6ff 0%,#f8fcff 38%,#e8f5ff 100%);
  font-family:"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;
}
body.x-home .x-card{
  background:linear-gradient(180deg,#0b2a55 0%,#061b3a 100%);
  border:1px solid rgba(91,188,255,.38);
  box-shadow:0 16px 36px rgba(3,34,73,.18);
  color:#eaf7ff;
  border-radius:0 0 14px 14px;
  overflow:hidden;
}
body.x-home .x-card-head{
  background:linear-gradient(180deg,#fafdff 0%,#edf8ff 100%);
  border-bottom:1px solid rgba(38,139,222,.28);
}
body.x-home .x-card-head h3,
body.x-home .x-tabs button{
  color:#315f86;
  text-shadow:none;
}
body.x-home .x-tabs button.active{
  color:#087ee8;
  border-color:#168fff;
}
body.x-home .x-card-head>a{
  color:#087ee8;
}
body.x-home .x-feature-news h2,
body.x-home .x-feature-news h2 a,
body.x-home .x-list a,
body.x-home .x-event-list a,
body.x-home .x-ranking li span,
body.x-home .x-schedule strong{
  color:#f3fbff!important;
  text-shadow:none!important;
}
body.x-home .x-feature-news p,
body.x-home .x-list time,
body.x-home .x-event-list time,
body.x-home .x-ranking li em,
body.x-home .x-schedule em{
  color:#a9cae1!important;
}
body.x-home .x-list li,
body.x-home .x-event-list li,
body.x-home .x-ranking li,
body.x-home .x-schedule li{
  border-bottom-color:rgba(171,221,255,.45)!important;
}
body.x-home .x-feature-news{
  border-bottom-color:rgba(171,221,255,.35);
}
body.x-home .x-feature-news span,
body.x-home .x-event-banner span,
body.x-home .x-rank-tabs .active{
  background:linear-gradient(180deg,#55c7ff,#087ee8);
  color:#fff;
}
body.x-home .x-event-banner strong,
body.x-home .x-event-banner small{
  color:#fff!important;
}
body.x-home .x-event-list a span,
body.x-home .x-schedule span{
  color:#57c8ff!important;
}
body.x-home .x-rank-tabs{
  border-bottom-color:rgba(171,221,255,.32);
}
body.x-home .x-rank-tabs span{
  color:#91b6d2;
}
body.x-home .x-ranking li b{
  background:#e9f7ff;
  color:#0a5fa8;
}
body.x-home .x-ranking li:first-child b{
  background:linear-gradient(180deg,#ffe38c,#d4a93d);
  color:#fff;
}
body.x-home .x-quick-grid strong{
  color:#082c52;
}
body.x-home .x-quick-grid small{
  color:#6d8ca5;
}
body.x-home .x-community,
body.x-home .x-community h2,
body.x-home .x-community p,
body.x-home .x-community a{
  color:#fff;
}
body.x-home .x-footer,
body.x-home .x-footer a{
  color:#dff4ff;
}
@media(max-width:800px){
  body.x-home .x-card{border-radius:12px}
}