/* ============================================================
   GIAO DIỆN "TNUS" — Trường ĐH Khoa học (ĐH Thái Nguyên)
   Bảng màu chủ đạo: #1c72b9 (xanh khoa học) · #0e4570 (xanh đậm)
             · #2a8fd4 / #4a9fe3 (xanh sáng) · #f0a500 (vàng cam) · #ff6b00 (cam)
             · nền #f4f8fc · footer navy #0a1f30
   Cảm hứng: cổng thông tin tuyển sinh — header trắng, dải amber marquee,
   thẻ bo mềm viền mảnh, section xen kẽ dải xanh đậm.
   Mọi rule scope dưới html.th-tnus — chạy hoàn toàn bằng BIẾN của home.css/theme.css.
   ============================================================ */

html.th-tnus{
  --tn-blue:#1c72b9; --tn-blue-dk:#0e4570; --tn-blue-2:#2a8fd4; --tn-blue-3:#4a9fe3;
  --tn-amber:#f0a500; --tn-amber-dk:#d89100; --tn-orange:#ff6b00;
  --tn-navy:#0a1f30; --tn-soft:#e8f2fb; --tn-line:#dbe6f1; --tn-muted:#5a6b7e;
}
html.th-tnus h1, html.th-tnus h2, html.th-tnus h3{ letter-spacing:-.01em; }

/* ---------- TOKEN trang chủ (ghi đè cả 6 theme xoay + sáng/tối) ---------- */
html.th-tnus, html.th-tnus[data-theme], html.th-tnus[data-mode]{
  --navy:#0e4570; --star:#1c72b9;
  --red:#e23b3b; --gold:#f0a500; --green:#1aa260;
  --bg:#f4f8fc; --surface:#ffffff; --ink:#0f2438;
  --muted:#5a6b7e; --faint:#94a8bb; --line:#dbe6f1;
  --nav-bg:rgba(255,255,255,.92);
  --shadow:0 10px 30px rgba(15,36,56,.08);
  --g-accent:linear-gradient(120deg,#2a8fd4,#1c72b9);
  --g-cta:linear-gradient(135deg,#f0a500,#d89100);
  --s1:#1c72b9; --s2:#f0a500; --s3:#2a8fd4; --s4:#0e4570;
  --hero-blobs:
    radial-gradient(46% 40% at 92% 6%, rgba(28,114,185,.16), transparent 70%),
    radial-gradient(42% 38% at 6% 16%, rgba(240,165,0,.14), transparent 70%);
  /* khoa: xanh & cam xen kẽ — đồng nhất, "khoa học" */
  --k-quocte:#1c72b9; --k-cokhi:#f0a500; --k-oto:#ff6b00; --k-dientu:#2a8fd4;
  --k-dien:#1aa260; --k-kinhte:#e2683b; --k-cdt:#0e4570;
}
html.th-tnus body{background:var(--bg)}

/* nền trang chủ: vầng sáng xanh/cam nhẹ */
html.th-tnus{
  background:
    radial-gradient(60% 30% at 100% 0%, rgba(28,114,185,.05), transparent 60%),
    radial-gradient(50% 26% at 0% 6%, rgba(240,165,0,.05), transparent 60%);
}

/* NAV trang chủ: nền trắng, chữ xanh đậm, gạch xanh dưới + nút amber */
html.th-tnus nav{border-bottom:1px solid var(--tn-line);box-shadow:0 2px 10px rgba(15,36,56,.05)}
html.th-tnus nav .brand b{color:var(--tn-blue-dk)}
html.th-tnus nav .brand span{color:var(--tn-amber-dk)}
html.th-tnus nav a.btn-sm{background:linear-gradient(135deg,#f0a500,#d89100);color:#0f2438;border-radius:9px;font-weight:800}
html.th-tnus .navham span{background:var(--tn-blue-dk)}

/* ticker (marquee): nền AMBER, chữ mực, nhãn navy — đúng mẫu */
html.th-tnus .ticker{background:var(--tn-amber);color:#0f2438}
html.th-tnus .ticker .label{background:var(--tn-navy);color:var(--tn-amber)}
html.th-tnus .ticker .run b{color:var(--tn-blue-dk)}

/* HERO — KHUNG TỐI gradient xanh (riêng hẳn cho TNUS, như mẫu home.html) */
html.th-tnus .hero{background:linear-gradient(120deg,#0a1f30 0%,#0e4570 45%,#155a91 100%);padding:60px 0 54px;border-radius:0 0 26px 26px}
html.th-tnus .hero::before{background:radial-gradient(circle at 90% 8%,rgba(240,165,0,.20),transparent 42%),radial-gradient(circle at 6% 92%,rgba(42,143,212,.34),transparent 54%)}
html.th-tnus .hero::after{opacity:.5;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px}
html.th-tnus .hero .wrap{position:relative;z-index:2}
html.th-tnus .hero .hbadge{background:rgba(240,165,0,.15);border:1px solid rgba(240,165,0,.45);color:#ffd680}
html.th-tnus .hero .hbadge .d{background:#ffd680;box-shadow:0 0 0 4px rgba(240,165,0,.2)}
html.th-tnus .hero h1{color:#fff}
html.th-tnus .hero h1 .y{background:none;-webkit-background-clip:unset;background-clip:unset;color:#ffd680;-webkit-text-fill-color:#ffd680;box-shadow:none}
html.th-tnus .hero h1 em{background:none;-webkit-background-clip:unset;background-clip:unset;color:#ffd680;-webkit-text-fill-color:#ffd680}
html.th-tnus .hero .sub{color:#cfe2f3}
html.th-tnus .hero .sub b{color:#fff}
/* khối tìm kiếm AI ngay dưới hero: liền mạch, viền xanh nhẹ */
html.th-tnus .hblk-search .searchbox{border:1px solid #cfe2f3}

/* search + chip */
html.th-tnus .searchbox{border-radius:12px;box-shadow:0 6px 18px rgba(28,114,185,.12)}
html.th-tnus .searchbox button{background:linear-gradient(135deg,#f0a500,#d89100);color:#0f2438;border-radius:9px}
html.th-tnus .chip.on,html.th-tnus .dot-tab.on{background:var(--tn-blue);border-color:var(--tn-blue)}

/* 6 nút CTA tư vấn: thẻ trắng viền mảnh + dải xanh bên trái */
html.th-tnus .tuvan-ctas .tuvan-cta,
html.th-tnus .tuvan-ctas .tuvan-cta:nth-child(n){
  background:#fff!important;box-shadow:0 2px 8px rgba(28,114,185,.07)!important;
  border:1px solid var(--tn-line);border-left:4px solid var(--tn-blue);border-radius:12px;
}
html.th-tnus .tuvan-cta:hover{border-color:var(--tn-blue);border-left-color:var(--tn-amber);box-shadow:0 10px 24px rgba(28,114,185,.16)!important}
html.th-tnus .tuvan-cta .tx b{color:var(--tn-blue-dk)}
html.th-tnus .tuvan-cta .tx small{color:var(--tn-muted)}
html.th-tnus .tuvan-cta .go{color:var(--tn-blue)}
html.th-tnus .tuvan-cta .ic{color:var(--tn-blue)}
html.th-tnus .tuvan-cta .ic svg{filter:none}
/* "TƯ VẤN THEO ĐIỂM" → KHUNG banner card (như mục advisor mẫu): nền xanh nhạt, bo lớn, vầng sáng góc */
html.th-tnus #tuvan > .wrap{background:linear-gradient(135deg,#ffffff,#eaf2fb);border:1px solid #cfe2f3;border-radius:22px;padding:30px 28px;box-shadow:0 12px 32px rgba(15,36,56,.08);position:relative;overflow:hidden}
html.th-tnus #tuvan > .wrap::before{content:"";position:absolute;right:-70px;top:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(28,114,185,.14),transparent 70%);pointer-events:none}
html.th-tnus #tuvan .shead{position:relative;z-index:1}
html.th-tnus #tuvan .shead h2{color:#0e4570}
html.th-tnus #tuvan .tuvan-ctas{position:relative;z-index:1}

/* danh mục ngành: thẻ bo mềm, mã xanh */
html.th-tnus .card{border-radius:14px;border:1px solid var(--tn-line)}
html.th-tnus .card .badge-tt{color:var(--tn-amber-dk);background:#fff4d6;border-color:#f7e3a8}
html.th-tnus .group-h h3 svg{color:var(--tn-blue)}
html.th-tnus .hbadge{background:var(--tn-soft);border-color:#cfe2f3;border-radius:8px}

/* "TIN TỨC - SỰ KIỆN" → thẻ ĐẦU nổi bật (featured) + lưới, nhấn xanh (như mẫu news) */
html.th-tnus #thongbao .ncard{border-radius:16px}
html.th-tnus #thongbao .ncard .nbadge{background:var(--tn-soft);color:#1c72b9}
html.th-tnus #thongbao .ncard .read{color:#1c72b9}
html.th-tnus #thongbao .ncard.pin,html.th-tnus #thongbao .ncard:first-child{border-color:#bcd7ef}
html.th-tnus #thongbao .ncard:first-child{border-top:4px solid #1c72b9;background:linear-gradient(160deg,#f3f9fe,#ffffff)}
html.th-tnus #thongbao .ncard:first-child h4{font-size:20px;line-height:1.3}
html.th-tnus #thongbao .ncard:hover{box-shadow:0 18px 40px rgba(28,114,185,.16)}
html.th-tnus #thongbao .pinflag{background:#1c72b9}
@media(min-width:760px){
  html.th-tnus #thongbao .news{grid-template-columns:repeat(2,1fr)}
  html.th-tnus #thongbao .ncard:first-child{grid-column:1 / -1}
  html.th-tnus #thongbao .ncard:first-child h4{font-size:22px}
  html.th-tnus #thongbao .ncard:first-child p{font-size:14px}
}

/* phương thức + timeline */
html.th-tnus .method,html.th-tnus .method .mi{border-radius:12px}
html.th-tnus .timeline .tl .node{box-shadow:0 0 0 4px rgba(28,114,185,.15)}

/* các section "alt" (xen kẽ) → dải xanh đậm, chữ sáng (như mẫu testi) */
html.th-tnus section.alt{background:linear-gradient(160deg,#0e4570,#155a91);color:#eaf3fb}
html.th-tnus section.alt .shead h2{color:#fff}
html.th-tnus section.alt .shead .kicker{color:#ffd680}
html.th-tnus section.alt .shead p{color:#c8def0}
html.th-tnus section.alt .method{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
html.th-tnus section.alt .method .mi{background:rgba(240,165,0,.18);color:#ffd680}
html.th-tnus section.alt .method b{color:#fff}
html.th-tnus section.alt .method p,
html.th-tnus section.alt .method .m-desc{color:#d6eafa}
html.th-tnus section.alt .wcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
html.th-tnus section.alt .wcard b{color:#fff}
html.th-tnus section.alt .wcard p,
html.th-tnus section.alt .wcard .w-desc{color:#d6eafa}
html.th-tnus section.alt .wcard .e{
  display:inline-flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;
  background:rgba(240,165,0,.18);color:#ffd680
}
html.th-tnus section.alt .tl b{color:#fff}
html.th-tnus section.alt .tl span{color:#c8def0}
/* chữ nhấn trên nền xanh → vàng sáng dễ đọc */
html.th-tnus section.alt{--red:#ffd680}
html.th-tnus section.alt em{color:#ffd680!important;font-style:normal;font-weight:700}
html.th-tnus section.alt .method p [style*="color"],
html.th-tnus section.alt .method b [style*="color"],
html.th-tnus section.alt .tl [style*="color"]{color:#ffd680!important}

/* khối CTA đăng ký: xanh sang + nút amber */
html.th-tnus .cta{background:linear-gradient(135deg,#155a91,#0e4570);box-shadow:0 14px 36px rgba(14,69,112,.3);border:0;border-radius:16px;border-top:3px solid var(--tn-amber)}
html.th-tnus .cta .a1{background:linear-gradient(135deg,#f0a500,#d89100);color:#0f2438;border-radius:10px;font-weight:800}
html.th-tnus .cta .a1:hover{filter:brightness(1.06)}
html.th-tnus .cta .a2{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.55);border-radius:10px}

/* form liên hệ */
html.th-tnus .lh-btn{background:linear-gradient(135deg,#1c72b9,#0e4570);box-shadow:0 6px 16px rgba(28,114,185,.3)}
html.th-tnus .lh-form input:focus,html.th-tnus .lh-form textarea:focus{border-color:var(--tn-blue);box-shadow:0 0 0 3px var(--tn-soft)}

/* footer navy đậm */
html.th-tnus footer{background:var(--tn-navy);color:#a8bccd}
html.th-tnus footer .fb{color:#fff}

/* khối cảm nhận: dải xanh đậm, thẻ trắng mờ */
html.th-tnus .cn-sec{background:linear-gradient(160deg,#0e4570,#155a91)}
html.th-tnus .cn-sec .shead h2{color:#fff}
html.th-tnus .cn-sec .shead .kicker{color:#ffd680}
html.th-tnus .cn-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);box-shadow:none}
html.th-tnus .cn-card blockquote{color:#eaf3fb}
html.th-tnus .cn-quote{color:var(--tn-amber);opacity:.5}
html.th-tnus .cn-card figcaption{border-top-color:rgba(255,255,255,.16)}
html.th-tnus .cn-who b{color:#fff}
html.th-tnus .cn-who small{color:#c8def0}
html.th-tnus .cn-ava{background:linear-gradient(135deg,#f0a500,#d89100);color:#0f2438}

/* slide */
html.th-tnus .sl-cap b{color:#fff}

/* skin cố định → ẩn thanh đổi màu/sáng-tối của bản tươi trẻ */
html.th-tnus .themebar{display:none!important}

/* ============================================================
   TNUS áp cho CÁC TRANG KHÁC
   • Thông báo: dùng home.css → đã ăn theme ở trên.
   • Ngành: dùng theme.css (token --acc/--txt/--bg2…). Mặc định SÁNG; nút sáng/tối
     trên trang ngành chuyển sang biến thể TỐI (data-mode="dark").
   • Tư vấn: dùng tuvan.css (token --brand/--grad/--card…).
   ============================================================ */
/* Cấu trúc (nền phụ/chữ/viền) — áp mọi trang TNUS (light mặc định) */
html.th-tnus, html.th-tnus[data-mode], html.th-tnus[data-topic]{
  --txt:#0f1a30; --bg2:#eaf1fa; --surface2:#f8faff; --dim:#8b9bbd;
  --soft:#f1f5fc; --soft2:#eef3fa;
  --careers-bg:linear-gradient(160deg,#ffffff,#eaf1fa);
  --motif-fill:#ffffff;
  --card:#fff;   /* tuvan.css */
}
/* Màu nhấn xanh & cam — áp cho MỌI ngành TRỪ ngành bật "màu chủ đề riêng" (.th-acc-topic) */
html.th-tnus:not(.th-acc-topic), html.th-tnus:not(.th-acc-topic)[data-mode], html.th-tnus:not(.th-acc-topic)[data-topic]{
  --acc:#1c72b9; --acc2:#0e4570; --acc3:#f0a500;
  --title-grad:linear-gradient(150deg,#0f1a30 20%,#1c72b9 95%);
  --g-acc:linear-gradient(120deg,#2a8fd4,#1c72b9);
  --brand:#1d73ba; --brand2:#0cbddc;            /* tuvan.css — HUD-TNUS xanh→cyan */
  --grad:linear-gradient(135deg,#1d73ba,#0cbddc);
}

/* ===== Thanh điều hướng dùng chung _TopNav (.tn-bar) trang ngành/thông báo — dải xanh đậm ===== */
html.th-tnus nav,html.th-tnus .tv-top{-webkit-backdrop-filter:none;backdrop-filter:none}
html.th-tnus .tv-top{background:#0e4570;border-bottom-color:rgba(255,255,255,.12)}
html.th-tnus .tv-top .brand .t b{color:#fff}
html.th-tnus .tv-top .brand .t span{color:#c8def0}
html.th-tnus .tv-top .back{color:var(--tn-amber)}
html.th-tnus .tn-bar{background:#0e4570;border-bottom:3px solid var(--tn-amber)}
html.th-tnus .tn-ham span{background:#fff}
html.th-tnus .tn-brand .t b{color:#fff}
html.th-tnus .tn-brand .t span{color:#c8def0}
html.th-tnus .tn-links a{color:#e8f2fb;border-color:rgba(255,255,255,.25)}
html.th-tnus .tn-links a:hover{border-color:var(--tn-amber);color:#fff}
html.th-tnus .tn-reg{background:linear-gradient(135deg,#f0a500,#d89100);color:#0f2438}

/* ===== Menu trượt (mobile) — .drawer (home) + .tn-dw (_TopNav): nền xanh đậm, nút amber ===== */
html.th-tnus .drawer,html.th-tnus .tn-dw{background:#0e4570}
html.th-tnus .drawer-top,html.th-tnus .tn-dw-top{background:#0a3357;border-bottom-color:rgba(255,255,255,.12)}
html.th-tnus .drawer-top span,html.th-tnus .tn-dw-top span{color:#fff}
html.th-tnus .drawer-nav a,html.th-tnus .tn-dw-nav a{color:#e8f2fb}
html.th-tnus .drawer-nav a:active,html.th-tnus .tn-dw-nav a:active{background:rgba(255,255,255,.08)}
html.th-tnus .drawer-x,html.th-tnus .tn-dw-x{background:rgba(255,255,255,.12);color:#fff}
html.th-tnus .drawer-cta,html.th-tnus .tn-dw-cta{background:linear-gradient(135deg,#f0a500,#d89100);color:#0f2438}

/* ============================================================
   TNUS — BIẾN THỂ TỐI (trang ngành đặt Sáng/tối = "Luôn TỐI").
   Khớp khi data-mode="dark". Nền xanh-đen + nhấn xanh sáng & cam — đúng mẫu trungquochoc.html.
   Đặt CUỐI file để thắng các block sáng cùng specificity.
   ============================================================ */
html.th-tnus[data-mode="dark"]{
  --bg:#070b14; --bg2:#0c1322; --surface:#11192b; --surface2:#16213a;
  --line:rgba(255,255,255,.08); --txt:#f4f7fc; --muted:#8b9bbd; --dim:#5a6a8a;
  --nav-bg:rgba(7,11,20,.78); --card:#11192b;
  --soft:rgba(255,255,255,.03); --soft2:rgba(255,255,255,.02);
  --careers-bg:linear-gradient(160deg,#0d1526,#070b14); --motif-fill:#11192b;
  --title-grad:linear-gradient(150deg,#fff 30%,#a6c5ee 90%);
}
html.th-tnus[data-mode="dark"]:not(.th-acc-topic){
  --acc:#4a9fe3; --acc2:#1c72b9; --acc3:#ff9a3c;            /* xanh sáng + cam sáng */
  --g-acc:linear-gradient(120deg,#1c72b9,#4a9fe3);
}
html.th-tnus[data-mode="dark"] body{background:var(--bg)}
html.th-tnus[data-mode="dark"] .tv-top,html.th-tnus[data-mode="dark"] .tn-bar{background:#070b14}