/* --- KHỐI NỀN TRẮNG GHIM DÍNH CHẶT ĐẦU TRANG --- */
        .brand-top-zone {
            background: #ffffff !important;
            padding: 12px 20px 8px !important; /* Độ mỏng viền trắng trên dưới mặc định */
            border-bottom: 1px solid #e2e8f0 !important;
            
            /* Ép buộc khóa chặt vị trí cố định trên cùng màn hình khi cuộn */
            position: sticky !important;
            top: 0 !important;
            z-index: 1001 !important; /* Luôn nổi cao hơn thanh menu tối */
            width: 100% !important;
            
            /* Cấu hình hệ thống Flexbox căn giữa lõi dọc */
            display: flex !important;
            justify-content: center !important;
            align-items: center !important; /* Cố định cân bằng tuyệt đối theo hàng dọc */
            
            /* Thiết lập thời gian chuyển động tịnh tiến dài 0.5s từ từ và mượt mà */
            transition: padding 0.5s ease, box-shadow 0.5s ease !important;
        }

        /* --- KHUNG ANCHOR LINK BAO BỌC LOGO --- */
        .logo-anchor-link {
            text-decoration: none !important;
            display: inline-block !important;
            width: 100% !important;
            max-width: 1050px !important; /* Cân bằng lề trái chuẩn theo lưới subject-card */
            text-align: center !important;
            transition: text-align 0.5s ease !important; /* Từ từ trượt lướt sang trái */
        }
        .logo-anchor-link:hover {
            transform: scale(1.015);
        }

        /* Khung chứa các phần tử con nằm hàng ngang tăm tắp */
        .logo-ultra-container {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            vertical-align: middle !important; /* Ép icon sách và chữ thẳng hàng ngang */
        }

        /* --- ĐỊNH DẠNG KHỐI BIỂU TƯỢNG CHỒNG SÁCH PHÁT SÁNG --- */
        .logo-books-glow {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            position: relative !important;
            transform-origin: center !important;
            transition: transform 0.5s ease !important; /* Thu nhỏ từ từ */
        }
        .glow-aura { 
            position: absolute !important; width: 35px !important; height: 35px !important; 
            background: rgba(0, 114, 255, 0.25) !important; filter: blur(8px) !important; 
            border-radius: 50% !important; top: -2px !important; z-index: 1 !important; 
        }
        .book-top { font-size: 22px !important; color: #0072ff !important; margin-bottom: -4px !important; z-index: 3 !important; }
        .book-layer { height: 4px !important; border-radius: 1px !important; z-index: 2 !important; }
        .layer-1 { background: #ef4444 !important; width: 26px !important; margin-bottom: 2px !important; }
        .layer-2 { background: #0072ff !important; width: 22px !important; margin-bottom: 2px !important; }
        .layer-3 { background: #f59e0b !important; width: 28px !important; margin-bottom: 2px !important; }
        .layer-4 { background: #10b981 !important; width: 20px !important; }

        /* --- ĐỊNH DẠNG CHỮ THƯƠNG HIỆU IN NGHIÊNG 3D PREMIUM --- */
        .logo-text-premium { 
            text-align: left !important; 
            display: flex !important; 
            flex-direction: column !important; 
            justify-content: center !important; 
        }
        .brand-title-3d {
            font-family: 'Arial Black', Impact, sans-serif !important; 
            font-size: 22px !important; 
            font-weight: 900 !important; 
            font-style: italic !important;
            background: linear-gradient(135deg, #1e40af, #0072ff) !important; 
            -webkit-background-clip: text !important; 
            background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            color: transparent !important; /* Chuẩn hóa xóa vệt gạch chân đỏ trong VS Code */
            letter-spacing: -0.5px !important; 
            filter: drop-shadow(1px 2px 4px rgba(0, 114, 255, 0.12)) !important;
            
            /* Ép cứng dòng chữ loại bỏ khoảng trống thừa kéo tụt lề dọc */
            line-height: 1 !important; 
            margin: 0 !important;
            padding: 0 !important;
            transition: font-size 0.5s ease !important; /* Chữ thu nhỏ từ từ */
        }

        /* --- ĐỊNH DẠNG KHỐI SLOGAN VÀ VỆT GẠCH CHÂN SANG TRỌNG --- */
        .brand-divider-luxury { 
            display: flex !important; width: 100% !important; height: 3px !important; 
            margin: 3px 0 !important; border-radius: 10px !important; overflow: hidden !important; 
            transition: opacity 0.4s ease, transform 0.4s ease !important; 
        }
        .segment-gold { background: linear-gradient(90deg, #ffd700, #ffa500) !important; flex: 6.5 !important; }
        .segment-bronze { background: linear-gradient(90deg, #875204, #5c3501) !important; flex: 3.5 !important; }
        .brand-slogan-premium { 
            font-family: 'Georgia', serif !important; font-size: 10.5px !important; font-style: italic !important; 
            font-weight: bold !important; color: #1e40af !important; 
            transition: opacity 0.4s ease, transform 0.4s ease !important; 
        }

        /* --- TRẠNG THÁI SCROLLED: TỰ ĐỘNG BIẾN HÌNH KHI SINH VIÊN CUỘN CHUỘT XUỐNG DƯỚI > 40PX --- */
        .brand-top-zone.scrolled {
            padding: 5px 20px 5px !important; /* Ép viền trắng trên dưới co mỏng dính tuyệt đối và đều nhau */
            box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
        }

        /* Kích hoạt từ từ đẩy toàn bộ khối logo chạy dạt hẳn sang lề lề bên tay trái */
        .brand-top-zone.scrolled .logo-anchor-link {
            text-align: left !important; 
        }

        /* Chồng sách biểu tượng tự động co nhỏ tỷ lệ đều mượt mà */
        .brand-top-zone.scrolled .logo-books-glow {
            transform: scale(0.78) !important; 
            margin: 0 !important;
        }

        /* Chữ thương hiệu chính thu nhỏ mượt mà từ cỡ 22px xuống 16.5px cực kỳ thanh thoát */
        .brand-top-zone.scrolled .brand-title-3d {
            font-size: 16.5px !important;
            line-height: 1 !important;
        }

        /* Cưỡng ép dải phân cách và dòng slogan mờ mịn rồi co hẹp chiều cao về 0 để không chiếm diện tích dọc */
        .brand-top-zone.scrolled .brand-divider-luxury,
        .brand-top-zone.scrolled .brand-slogan-premium {
            opacity: 0 !important;
            transform: scaleY(0) !important; 
            height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            pointer-events: none !important; /* Loại bỏ hoàn toàn vùng chạm loạn */
        }
         /* Ép bảng kết quả tìm kiếm mặc định ẩn biến mất 100% khi vừa tải trang */
        .search-results-dropdown {
            position: absolute !important;
            top: 45px !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            
            /* Định độ rộng bảng gợi ý dạng hình chữ nhật to rõ ràng */
            width: calc(100% - 14px) !important;
            max-width: 450px !important;
            max-height: 380px !important;
            
            /* 🛠️ QUAN TRỌNG: Khóa nền trắng đục dày dặn để che sạch nội dung xanh đỏ lỗi phía sau */
            background-color: #ffffff !important;
            border: 1px solid #cbd5e1 !important;
            border-radius: 12px !important;
            box-shadow: 0 15px 45px rgba(15, 23, 42, 0.25) !important;
            overflow-y: auto !important;
            z-index: 999999 !important;
            padding: 10px !important;
            
            /* 🛠️ QUAN TRỌNG: Ép bộ điều hướng Flexbox xếp theo hàng dọc tăm tắp từ trên xuống dưới */
            display: none !important; 
            flex-direction: column !important;
            flex-wrap: nowrap !important;
            gap: 6px !important;
        }

        /* Khi sinh viên gõ chữ thực tế, file script sẽ tự chèn class active này để mở bung bảng trắng */
        .search-results-dropdown.active {
            display: flex !important;
        }

        /* Ép từng dòng kết quả môn học trải rộng 100% hàng ngang đọc cực thoáng */
        .search-result-item {
            display: flex !important;
            flex-direction: row !important; /* Biểu tượng và chữ luôn nằm ngang nhau */
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 14px !important;
            padding: 10px 14px !important;
            text-decoration: none !important;
            border-radius: 8px !important;
            background-color: #f8fafc !important; /* Khối nền xám nhẹ sang trọng phân tách nền trắng */
            
            width: 100% !important;
            min-width: 100% !important;
            transition: all 0.2s ease !important;
            border-left: 4px solid #cbd5e1 !important;
            margin-bottom: 4px !important;
        }

        .search-result-item:hover {
            background-color: #f0f7ff !important;
            border-left-color: #0072ff !important;
            transform: translateX(3px) !important;
        }

        /* Khóa cứng chữ tiêu đề hiển thị màu đen xám, không bị biến thành chữ xanh chữ đỏ lòm */
        .res-title {
            font-family: 'Segoe UI', -apple-system, sans-serif !important;
            font-size: 0.88rem !important;
            font-weight: 700 !important;
            color: #1e293b !important; /* Màu đen thẫm cao cấp */
            margin: 0 !important;
            line-height: 1.4 !important;
            white-space: normal !important;
            text-align: left !important;
            text-transform: none !important;
        }

        .res-tag {
            font-size: 0.7rem !important;
            color: #ffffff !important;
            background-color: #0072ff !important; /* Tag vị trí thư mục màu xanh dương */
            padding: 2px 8px !important;
            border-radius: 4px !important;
            font-weight: bold !important;
            display: inline-block !important;
            margin-top: 4px !important;
            text-align: left !important;
        }

        .no-result-text {
            padding: 20px !important;
            color: #64748b !important;
            font-size: 0.88rem !important;
            font-style: italic !important;
            text-align: center !important;
        }