/* NHQN Design System v2.0 — trang chủ cũ và các chuyên đề cùng mẫu (/index.html, /kinh-nghiem/, /gia-xe/, /bat-dong-san/, /tin-tuc/).
   Chuyển từ nền tối có sao sang nền sáng có lưới 40px theo THIET_KE.md. Giữ làm khối navy có chủ đích: thanh trên, thẻ 3D, #bds-wrap, #phaply-hook, chân trang.
   Trang trung lập: dấu hiệu là biểu tượng Rạng đông của site. Gỡ để về giao diện cũ: bỏ dòng <link> khỏi trang. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
 --cream:#F4F7FC;--cream-dk:#EAF0F8;--black:#0A1526;--black-lt:#14286E;
 --navy:#14286E;--navy-2:#1E3A8A;--navy-deep:#0E1D52;--navy-deep-t:rgba(14,29,82,.92);--navy-t:rgba(20,40,110,.85);--navy-2-t:rgba(30,58,138,.8);
 --accent:#F37021;--accent-dk:#C4540D;--accent-lt:#FFF4EC;--accent-bg:#FFF4EC;--accent-dark:#C4540D;
 --wg:#617189;--wm:#3D4F68;--wl:#8A97AB;
 --bd:#D6E2F2;--bdd:#B9CBE4;
 --serif:'Space Grotesk','Segoe UI',system-ui,sans-serif;--sans:'Inter','Segoe UI',system-ui,sans-serif;--mono:'JetBrains Mono',Consolas,monospace;
 --r:12px;--rsm:8px;--rlg:16px;
 --sh:0 6px 18px -12px rgba(20,40,110,.35);--shl:0 18px 40px -22px rgba(20,40,110,.45);
 --ink:#0A1526;--ink-90:#0A1526;--ink-70:#3D4F68;--ink-55:#617189;--ink-35:#8A97AB;--ink-08:#D6E2F2;
 --amber:#B5831F;--amber-bg:#FBF3E2;
}
html{background:#F4F7FC}
body{background:#F4F7FC;color:#0A1526}
#cosmic-bg{background-color:#F4F7FC!important;
 background-image:linear-gradient(#E3EBF6 1px,transparent 1px),linear-gradient(90deg,#E3EBF6 1px,transparent 1px),radial-gradient(900px 600px at 90% -8%,rgba(243,112,33,.10),transparent 70%)!important;
 background-size:40px 40px,40px 40px,auto!important}
#cosmic-bg *{display:none}

/* ----- thanh trên: navy + dấu Rạng đông + vạch gradient ----- */
nav{background:var(--navy);border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#F37021 0%,#FF9A3C 35%,#2B6FB8 100%) 1}
.dot{width:26px;height:26px;border-radius:6px;background:url(/assets/logo-rising-sun-favicon.svg) center/contain no-repeat}
.nav-logo{font-family:var(--serif);font-size:15px;letter-spacing:0;text-transform:none;font-weight:700}
.nav-links a{color:rgba(255,255,255,.75)}
.nav-links a:hover{color:#FF9A3C}
.nav-cta{border-radius:999px}

/* nhãn vàng */
.h-ey,.sec-ey{color:var(--amber)!important;font-weight:600}
.h-ey::before{background:var(--amber);width:34px;height:1.5px}

/* ----- hero ----- */
.hl{background:transparent}
.hl::after{background:radial-gradient(circle,rgba(243,112,33,.10) 0%,transparent 70%)}
.h-title{color:var(--navy);font-weight:700;letter-spacing:-.02em}
.h-title em{font-style:normal;background:linear-gradient(120deg,#F37021 0%,#FF9A3C 45%,#2B6FB8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h-desc{color:var(--ink-70)}
.h-stats{border-top-color:var(--bd)}
.h-stat{border-right-color:var(--bd)}
.h-slbl{color:var(--ink-55)}
.h-btn{border-radius:999px}
.h-btn.alt{color:var(--navy);border-color:var(--bdd);background:#fff}
.card3d{background:var(--navy);border-color:rgba(255,255,255,.18)}

/* thẻ tóm tắt dưới hero */
.hw-card{background:#fff;border:1px solid var(--bd);box-shadow:var(--sh);backdrop-filter:none}
.hw-title{color:var(--navy)}
.hw-row-label{color:var(--ink-70)}
.hw-row-val{color:var(--ink)}
.hw-card:hover .hw-report{background:var(--navy);box-shadow:0 4px 14px rgba(20,40,110,.3)}

/* ----- tiêu đề các khối (so sánh lãi suất, tin tức, giá xe, kinh nghiệm) ----- */
#ls-wrap .sec-title,#tt-wrap .sec-title,#xe-wrap .sec-title,#kn-wrap .sec-title{color:var(--navy)}
#ls-wrap .sec-hd,#tt-wrap .sec-hd,#xe-wrap .sec-hd,#kn-wrap .sec-hd{border-bottom-color:var(--bd)}
#ls-wrap .sec-meta,#tt-wrap .sec-meta,#xe-wrap .sec-meta,#kn-wrap .sec-meta{color:var(--ink-55)}
.ls-tab{background:#fff;border-color:var(--bdd);color:var(--navy);backdrop-filter:none;border-radius:999px}
.ls-hint,.ls-scroll-hint{color:var(--ink-55)}
#kn-wrap .loading,.tc-loading{color:var(--ink-55)}

/* bảng lãi suất: nền trắng, header navy */
table{background:#fff;color:var(--ink)}
.ls-thead{background:var(--navy)}
.ls-thead th{color:#fff;border-bottom-color:var(--navy)}
.ls-thead th:nth-child(2){background:var(--navy);box-shadow:2px 0 4px rgba(20,40,110,.18)}
.ls-tbody tr{border-bottom-color:var(--bd)}
.ls-tbody tr:nth-child(even){background:#FAFCFF}
.ls-tbody tr:hover{background:var(--accent-lt)}
.ls-tbody td:nth-child(2){background:#fff;box-shadow:2px 0 4px rgba(20,40,110,.08)}
.ls-tbody tr:nth-child(even) td:nth-child(2){background:#FAFCFF}
.td-rank{color:var(--ink-55)}
.bank-short{color:var(--ink)}
.bank-long{color:var(--ink-55)}
.rate-cell{color:var(--ink)}
.ls-note{color:var(--ink-55)}
.ls-note strong{color:var(--ink-70)}
.rate-chao-tip{background:var(--navy-deep)}

/* khối CTA dưới bảng */
.ls-cta-inner{background:#fff;border:1px solid var(--bd);backdrop-filter:none;box-shadow:var(--sh)}
.ls-cta-ttl{color:var(--navy)}
.ls-cta-sub{color:var(--ink-70)}
.ls-cta-btn{border-radius:999px}
.ls-cta-btn.alt{color:var(--navy);border-color:var(--bdd)}
.ls-cta-btn.alt:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* trích dẫn */
.forbes-quote{background:#fff;border:1px solid var(--bd);backdrop-filter:none;border-radius:12px;box-shadow:var(--sh)}
.forbes-quote-lbl{background:#fff;color:var(--amber)}
.forbes-quote-text{color:var(--navy)}
.forbes-quote-attr{color:var(--ink-70)}

/* giá xe */
.xe-intro{color:var(--ink-70)}
.xe-brand-card{background:#fff;border:1px solid var(--bd);backdrop-filter:none;box-shadow:var(--sh)}
.xe-model-tab.active,.xe-cta-btn{background:var(--navy);border-color:var(--navy)}

/* tin tức, kinh nghiệm */
.kn-card{background:#fff;border-color:var(--bd);backdrop-filter:none;box-shadow:var(--sh)}
.kn-cat{border-color:var(--bdd);color:var(--ink-70)}
.kn-cat.active,.kn-cat:hover{color:#fff}

/* vay tín chấp */
.tinchap-section{border-top-color:var(--bd)}
.tc-title{color:var(--navy);font-family:var(--serif)!important;font-weight:700}
.tc-sub{color:var(--ink-70)}
.tc-tab.active{background:var(--navy)}
.tc-bank-card{background:#fff;border-color:var(--bd);backdrop-filter:none;box-shadow:var(--sh)}
.tc-bank-name,.tc-rate{color:var(--ink)}
.tc-product-name{color:var(--ink-70)}
.tc-bank-note,.tc-han-muc{color:var(--ink-55)}
.tc-cta-banner{background:var(--navy);border-radius:20px}
.tc-cta-btn{border-radius:999px}
.tc-warn-body{color:var(--ink)}

/* form tư vấn */
.f-title{color:var(--navy)}
.f-sub{color:var(--ink-70)}
#tuvan-wrap .field label{color:var(--ink-55)}
#tuvan-wrap .field input,#tuvan-wrap .field select{color:var(--ink);border-bottom-color:var(--bdd)}
.btn-sub{background:var(--accent);border-radius:999px}
.btn-sub:hover{background:var(--accent-dk)}

/* ----- khối navy có chủ đích: BĐS nổi bật, Pháp lý AI, chân trang ----- */
#bds-wrap,#phaply-hook,footer{background:linear-gradient(180deg,var(--navy-deep) 0%,#0A1230 100%)}
#bds-wrap{border-radius:24px;margin:24px auto;max-width:1280px}
#phaply-hook{border:none;border-radius:24px;margin:24px auto;max-width:1280px}
#bds-wrap .sec-title,#bds-wrap .sec-hd .sec-title{color:#fff}
#bds-wrap .sec-ey{color:#FF9A3C!important}
footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,#F37021 0%,#FF9A3C 35%,#2B6FB8 100%) 1}

/* lớp phủ hộp thoại */
.overlay,#rep-overlay{background:rgba(10,21,38,.72)!important}
#rep-viewer{background:rgba(10,21,38,.96)!important}
.m-top{background:var(--navy)}
.toast{background:var(--navy)}

/* ----- khối viết style thẳng trong HTML (chữ trắng trên nền tối cũ) ----- */
#shb-sosanh-wrap h2.sec-title{color:var(--navy)!important}
#shb-sosanh-wrap div[style*="rgba(255,255,255,.06)"]{background:#fff!important;border:1px solid var(--bd)!important;box-shadow:var(--sh)}
#shb-sosanh-wrap div[style*="color:#fff"]{color:var(--ink)!important}
#shb-sosanh-wrap div[style*="var(--wl)"]{color:var(--ink-70)!important}
#shb-sosanh-wrap div[style*="var(--accent)"]{color:var(--accent-dk)!important}
#shb-sosanh-wrap a[style*="color:#fff"]{color:var(--navy)!important}
#shb-sosanh-wrap button[data-track]{border-radius:999px!important}
#hub-teasers-wrap .sec-ey{color:var(--amber)!important}
#hub-teasers-wrap h2.sec-title{color:var(--navy)!important}
#hub-teasers-wrap a[style*="rgba(255,255,255"]{background:#fff!important;border:1px solid var(--bd)!important;box-shadow:var(--sh)}
#hub-teasers-wrap a[style*="rgba(255,255,255"]:hover{border-color:var(--accent)!important}
#hub-teasers-wrap div[style*="color:#fff"]{color:var(--navy)!important}
#hub-teasers-wrap div[style*="rgba(255,255,255,.55)"]{color:var(--ink-70)!important}
#hub-teasers-wrap div[style*="var(--accent)"]{color:var(--accent-dk)!important}
#tuvan-wrap div[style*="rgba(255,255,255,.07)"]{background:#fff!important;border:1px solid var(--bd)!important;box-shadow:var(--shl)}

/* chân trang navy: chữ rõ hơn trên nền tối */
.fb-desc,.fb-con p,.fc-t{color:rgba(255,255,255,.62)}
.fb-con strong{color:#fff}
.fl a{color:rgba(255,255,255,.75)}.fl a:hover{color:#FF9A3C}
.fb-bot p{color:rgba(255,255,255,.5)}
#bds-wrap [style*="rgba(255,255,255,.2)"]{color:rgba(255,255,255,.55)!important}