.menu-ngang {
            list-style: none; /* Bỏ dấu chấm đầu dòng [cite: 422] */
            background-color: aquamarine; /* Màu nền gốc [cite: 418] */
            display: flex; /* Đưa các thẻ li lên cùng hàng  */
            padding: 0;
            min-height: 40px;
        }

        .menu-ngang li {
            line-height: 40px;
            margin-left: 20px;
            padding: 0 15px;
            /* Yêu cầu Bài 1: 4 góc bo cong 5px, chữ đậm  */
            border-radius: 5px;
            font-weight: bold;
            transition: 0.3s;
        }

        .menu-ngang li a {
            text-decoration: none; /* Bỏ gạch chân [cite: 501] */
            color: black;
        }

        /* Yêu cầu Bài 1: Rê chuột vào đổi màu nền vàng  */
        .menu-ngang li:hover {
            background-color: yellow;
        }

        /* --- PHẦN 2: MENU DỌC --- */
        .menu-doc {
            list-style: none; /* Bỏ dấu chấm đầu dòng [cite: 534] */
            background-color: aquamarine; /* Màu nền gốc [cite: 533] */
            width: 250px; /* Độ rộng menu dọc  */
            padding: 0;
            margin-top: 50px;
        }

        .menu-doc li {
            line-height: 40px;
            height: 40px;
            padding-left: 20px;
            border-bottom: 1px solid #ccc; /* Border ngăn cách [cite: 544] */
            /* Yêu cầu Bài 1: Chữ nghiêng  */
            font-style: italic;
            transition: 0.3s;
        }

        .menu-doc li a {
            text-decoration: none;
            color: black;
        }

        /* Yêu cầu Bài 1: Rê chuột vào làm sáng nền xanh dương 130%  */
        .menu-doc li:hover {
            background-color: blue;
            filter: brightness(1.3); /* Tăng độ sáng lên 130% */
        }
        
        .menu-doc li:hover a {
            color: white; /* Đổi màu chữ cho dễ đọc trên nền xanh */
        }