{"id":2,"date":"2026-11-04T01:19:13","date_gmt":"2026-11-04T01:19:13","guid":{"rendered":"http:\/\/photochallenge.s4h.edu.vn\/?page_id=2"},"modified":"2026-11-04T03:59:28","modified_gmt":"2026-11-04T03:59:28","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/photochallenge.s4h.edu.vn\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n    <style>\n        .lens-hero {\n            background: #FDF8F3;\n            padding: 80px 20px;\n            position: relative;\n            overflow: hidden;\n        }\n        .lens-hero-bg-text {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: 160px;\n            font-weight: 800;\n            color: rgba(30, 58, 95, 0.04);\n            white-space: nowrap;\n            z-index: 0;\n            pointer-events: none;\n        }\n        .lens-hero-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            gap: 30px;\n            position: relative;\n            z-index: 1;\n        }\n        .lens-card {\n            background: #ffffff;\n            border-radius: 24px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.06);\n            padding: 40px 36px;\n        }\n        .lens-card-left { flex: 1.15; }\n        .lens-card-right { flex: 0.85; }\n\n        .lens-badge {\n            display: inline-block;\n            background: #F8F1E9;\n            color: #9B1B3A;\n            font-size: 13px;\n            font-weight: 600;\n            padding: 6px 14px;\n            border-radius: 50px;\n            margin-bottom: 20px;\n        }\n        .lens-title {\n            font-size: 42px;\n            font-weight: 800;\n            color: #1E3A5F;\n            line-height: 1.15;\n            margin: 0 0 8px;\n        }\n        .lens-title span { color: #9B1B3A; }\n        .lens-subtitle {\n            font-size: 20px;\n            font-weight: 700;\n            color: #9B1B3A;\n            margin-bottom: 16px;\n        }\n        .lens-desc {\n            font-size: 15px;\n            color: #4B5563;\n            line-height: 1.6;\n            margin-bottom: 20px;\n        }\n        .lens-tags {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 28px;\n            flex-wrap: wrap;\n        }\n        .lens-tag {\n            background: #F3F4F6;\n            color: #374151;\n            font-size: 13px;\n            padding: 6px 12px;\n            border-radius: 50px;\n        }\n        .lens-info-row {\n            display: flex;\n            gap: 12px;\n        }\n        .lens-info-box {\n            flex: 1;\n            background: #F8F1E9;\n            border-radius: 16px;\n            padding: 16px;\n        }\n        .lens-info-box.pink { background: #FDF2F4; }\n        .lens-info-box.blue { background: #F0F7FF; }\n        .lens-info-label {\n            font-size: 12px;\n            color: #6B7280;\n            margin-bottom: 4px;\n        }\n        .lens-info-value {\n            font-size: 18px;\n            font-weight: 700;\n            color: #1E3A5F;\n        }\n        .lens-info-sub {\n            font-size: 12px;\n            color: #9B1B3A;\n            margin-top: 2px;\n        }\n        .lens-logos {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 16px;\n            margin-bottom: 24px;\n            padding: 12px;\n            background: #F9FAFB;\n            border-radius: 16px;\n            font-weight: 600;\n        }\n        .lens-countdown-label {\n            text-align: center;\n            font-size: 13px;\n            font-weight: 600;\n            color: #9B1B3A;\n            margin-bottom: 16px;\n        }\n        .lens-countdown {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 24px;\n        }\n        .lens-count-box {\n            flex: 1;\n            background: #F9FAFB;\n            border-radius: 14px;\n            padding: 14px 8px;\n            text-align: center;\n        }\n        .lens-count-number {\n            font-size: 28px;\n            font-weight: 800;\n            color: #1E3A5F;\n        }\n        .lens-count-text {\n            font-size: 11px;\n            color: #6B7280;\n            margin-top: 4px;\n            text-transform: uppercase;\n        }\n        .lens-cta {\n            display: block;\n            width: 100%;\n            background: #8B1E3F;\n            color: #fff !important;\n            text-align: center;\n            padding: 16px 24px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 16px;\n            text-decoration: none;\n            margin-bottom: 12px;\n            transition: 0.25s;\n        }\n        .lens-cta:hover {\n            background: #6F1832;\n            transform: translateY(-2px);\n        }\n        .lens-date {\n            text-align: center;\n            font-size: 13px;\n            color: #6B7280;\n            background: #F3F4F6;\n            padding: 8px 16px;\n            border-radius: 50px;\n        }\n        @media (max-width: 992px) {\n            .lens-hero-container { flex-direction: column; }\n            .lens-title { font-size: 32px; }\n            .lens-hero-bg-text { font-size: 90px; }\n        }\n        @media (max-width: 576px) {\n            .lens-info-row { flex-direction: column; }\n            .lens-card { padding: 28px 22px; }\n        }\n    <\/style>\n\n    <section class=\"lens-hero\">\n        <div class=\"lens-hero-bg-text\">THE LENS STORY<\/div>\n        <div class=\"lens-hero-container\">\n            <div class=\"lens-card lens-card-left\">\n                <div class=\"lens-badge\">THE LENS STORY 2026 \u2022 DI S\u1ea2N \u0110\u1ed2NG NAI<\/div>\n                <h1 class=\"lens-title\">THE LENS STORY <span>2026<\/span><\/h1>\n                <div class=\"lens-subtitle\">DI S\u1ea2N \u0110\u1ed2NG NAI QUA \u1ed0NG K\u00cdNH<\/div>\n                <p class=\"lens-desc\">\n                    Cu\u1ed9c thi nhi\u1ebfp \u1ea3nh s\u00e1ng t\u1ea1o d\u00e0nh cho sinh vi\u00ean \n                    <strong>Truy\u1ec1n th\u00f4ng \u0110a ph\u01b0\u01a1ng ti\u1ec7n LHU<\/strong> \n                    v\u00e0 sinh vi\u00ean to\u00e0n tr\u01b0\u1eddng L\u1ea1c H\u1ed3ng.\n                <\/p>\n                <div class=\"lens-tags\">\n                    <span class=\"lens-tag\">\u1ea2nh \u0110\u01a1n (C\u00e1 Nh\u00e2n) & B\u1ed9 \u1ea2nh (Nh\u00f3m)<\/span>\n                    <span class=\"lens-tag\">Chu\u1ed7i 03 Workshop K\u1ef9 thu\u1eadt<\/span>\n                <\/div>\n                <div class=\"lens-info-row\">\n                    <div class=\"lens-info-box\">\n                        <div class=\"lens-info-label\">T\u1ed4NG GI\u1ea2I TH\u01af\u1edeNG L\u00caN \u0110\u1ebeN<\/div>\n                        <div class=\"lens-info-value\">12 Tri\u1ec7u VN\u0110<\/div>\n                        <div class=\"lens-info-sub\">T\u00e0i tr\u1ee3 \u0111\u1ed9c quy\u1ec1n CANON<\/div>\n                    <\/div>\n                    <div class=\"lens-info-box pink\">\n                        <div class=\"lens-info-label\">WORKSHOP B\u1ed4 TR\u1ee2<\/div>\n                        <div class=\"lens-info-value\">03 Bu\u1ed5i<\/div>\n                        <div class=\"lens-info-sub\">Canon Vietnam \u0111\u1ed3ng h\u00e0nh<\/div>\n                    <\/div>\n                    <div class=\"lens-info-box blue\">\n                        <div class=\"lens-info-label\">02 H\u1ea0NG M\u1ee4C THI<\/div>\n                        <div class=\"lens-info-value\">C\u00e1 nh\u00e2n & Nh\u00f3m<\/div>\n                        <div class=\"lens-info-sub\">\u1ea2nh \u0111\u01a1n & B\u1ed9 \u1ea3nh nh\u00f3m<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lens-card lens-card-right\">\n                <div class=\"lens-logos\">\n                    <span>LHU<\/span>\n                    <span style=\"color:#9CA3AF;font-size:20px;\">\u00d7<\/span>\n                    <span>Canon<\/span>\n                <\/div>\n                <div class=\"lens-countdown-label\">H\u1ea0N CH\u00d3T TI\u1ebeP NH\u1eacN T\u00c1C PH\u1ea8M D\u1ef0 THI K\u1ebeT TH\u00daC TRONG<\/div>\n                <div class=\"lens-countdown\" id=\"lens-countdown\">\n                    <div class=\"lens-count-box\">\n                        <div class=\"lens-count-number\" id=\"days\">00<\/div>\n                        <div class=\"lens-count-text\">Ng\u00e0y<\/div>\n                    <\/div>\n                    <div class=\"lens-count-box\">\n                        <div class=\"lens-count-number\" id=\"hours\">00<\/div>\n                        <div class=\"lens-count-text\">Gi\u1edd<\/div>\n                    <\/div>\n                    <div class=\"lens-count-box\">\n                        <div class=\"lens-count-number\" id=\"minutes\">00<\/div>\n                        <div class=\"lens-count-text\">Ph\u00fat<\/div>\n                    <\/div>\n                    <div class=\"lens-count-box\">\n                        <div class=\"lens-count-number\" id=\"seconds\">00<\/div>\n                        <div class=\"lens-count-text\">Gi\u00e2y<\/div>\n                    <\/div>\n                <\/div>\n                <a href=\"#\" class=\"lens-cta\">N\u1ed8P S\u1ea2N PH\u1ea8M D\u1ef0 THI \u2192<\/a>\n                <div class=\"lens-date\">Th\u1eddi gian ti\u1ebfp nh\u1eadn: 20\/11 \u2013 30\/11\/2026<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n    (function() {\n        const endDate = new Date(2026, 10, 30, 23, 59, 59).getTime();\n        function updateCountdown() {\n            const now = new Date().getTime();\n            const distance = endDate - now;\n            if (distance < 0) {\n                document.getElementById(\"days\").innerText = \"00\";\n                document.getElementById(\"hours\").innerText = \"00\";\n                document.getElementById(\"minutes\").innerText = \"00\";\n                document.getElementById(\"seconds\").innerText = \"00\";\n                return;\n            }\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n            document.getElementById(\"days\").innerText = String(days).padStart(2, \"0\");\n            document.getElementById(\"hours\").innerText = String(hours).padStart(2, \"0\");\n            document.getElementById(\"minutes\").innerText = String(minutes).padStart(2, \"0\");\n            document.getElementById(\"seconds\").innerText = String(seconds).padStart(2, \"0\");\n        }\n        updateCountdown();\n        setInterval(updateCountdown, 1000);\n    })();\n    <\/script>\n    \n\n\n    <style>\n        .qc-wrapper {\n            background-color: #f7f3eb;\n            padding: 50px 20px;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n            color: #1a202c;\n        }\n        .qc-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n        .qc-badge-top {\n            background-color: #f4d3d3;\n            color: #8b263e;\n            padding: 4px 16px;\n            border-radius: 20px;\n            font-size: 13px;\n            font-weight: 600;\n            text-transform: uppercase;\n            display: inline-block;\n            margin-bottom: 15px;\n            letter-spacing: 0.5px;\n        }\n        .qc-title {\n            font-size: 32px;\n            font-weight: 800;\n            color: #0d2342;\n            margin: 0 0 10px 0;\n        }\n        .qc-title span {\n            color: #9e2a2b;\n        }\n        .qc-subtitle {\n            color: #5a6b82;\n            font-size: 15px;\n            margin: 0;\n        }\n        .qc-grid {\n            display: flex;\n            gap: 24px;\n            max-width: 1080px;\n            margin: 0 auto;\n            flex-wrap: wrap;\n        }\n        .qc-card {\n            flex: 1;\n            min-width: 320px;\n            background: #ffffff;\n            border-radius: 16px;\n            padding: 24px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n            position: relative;\n            box-sizing: border-box;\n        }\n        \/* G\u00f3c bo m\u00e0u s\u1eafc trang tr\u00ed *\/\n        .qc-card::before, .qc-card::after {\n            content: \"\";\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            border-color: #3b82f6;\n            border-style: solid;\n        }\n        .qc-card-1::before { top: 12px; left: 12px; border-width: 2px 0 0 2px; border-color: #d97706; }\n        .qc-card-1::after { bottom: 12px; right: 12px; border-width: 0 2px 2px 0; border-color: #d97706; }\n        .qc-card-2::before { top: 12px; left: 12px; border-width: 2px 0 0 2px; border-color: #d97706; }\n        .qc-card-2::after { bottom: 12px; right: 12px; border-width: 0 2px 2px 0; border-color: #d97706; }\n\n        .qc-card-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n        .qc-icon-box {\n            width: 42px;\n            height: 42px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 18px;\n        }\n        .qc-icon-blue { background-color: #dbeafe; color: #2563eb; }\n        .qc-icon-pink { background-color: #fce7f3; color: #db2777; }\n\n        .qc-tag {\n            padding: 4px 12px;\n            border-radius: 15px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n        }\n        .qc-tag-blue { background-color: #e0f2fe; color: #0284c7; }\n        .qc-tag-pink { background-color: #fce7f3; color: #9d174d; }\n\n        .qc-card-title {\n            font-size: 20px;\n            font-weight: 700;\n            color: #0d2342;\n            margin: 0 0 8px 0;\n        }\n        .qc-card-desc {\n            font-size: 14px;\n            color: #64748b;\n            margin: 0 0 20px 0;\n            line-height: 1.5;\n            min-height: 42px;\n        }\n        .qc-list {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n        .qc-item {\n            background-color: #f8fafc;\n            border-radius: 8px;\n            padding: 10px 14px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 13.5px;\n        }\n        .qc-label {\n            color: #64748b;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .qc-label i {\n            width: 16px;\n            color: #d97706;\n        }\n        .qc-value {\n            font-weight: 700;\n            color: #0f172a;\n            text-align: right;\n        }\n        \n        @media (max-width: 768px) {\n            .qc-grid { flex-direction: column; }\n            .qc-card-desc { min-height: auto; }\n        }\n    <\/style>\n\n    <div class=\"qc-wrapper\">\n        <div class=\"qc-header\">\n            <span class=\"qc-badge-top\">Quy c\u00e1ch<\/span>\n            <h2 class=\"qc-title\">Di S\u1ea3n \u0110\u1ed3ng Nai <span>Qua \u1ed0ng K\u00ednh<\/span><\/h2>\n            <p class=\"qc-subtitle\">Kh\u00e1m ph\u00e1 v\u00e0 t\u00f4n vinh v\u1ebb \u0111\u1eb9p di t\u00edch, v\u0103n h\u00f3a, l\u00e0ng ngh\u1ec1 v\u00e0 con ng\u01b0\u1eddi \u0110\u1ed3ng Nai.<\/p>\n        <\/div>\n\n        <div class=\"qc-grid\">\n            <!-- H\u1ea1ng m\u1ee5c 01 -->\n            <div class=\"qc-card qc-card-1\">\n                <div class=\"qc-card-header\">\n                    <div class=\"qc-icon-box qc-icon-blue\">\n                        <i class=\"fa-regular fa-user\"><\/i>\n                    <\/div>\n                    <span class=\"qc-tag qc-tag-blue\">H\u1ea1ng m\u1ee5c 01 \u2022 C\u00e1 nh\u00e2n<\/span>\n                <\/div>\n                <h3 class=\"qc-card-title\">\u1ea2nh \u0110\u01a1n (C\u00e1 Nh\u00e2n)<\/h3>\n                <p class=\"qc-card-desc\">T\u00e1c ph\u1ea9m \u0111\u1ed9c b\u1ea3n ghi l\u1ea1i v\u1ebb \u0111\u1eb9p di s\u1ea3n, v\u0103n h\u00f3a, ki\u1ebfn tr\u00fac ho\u1eb7c con ng\u01b0\u1eddi \u0110\u1ed3ng Nai.<\/p>\n                \n                <div class=\"qc-list\">\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-bullseye\"><\/i> \u0110\u1ed1i t\u01b0\u1ee3ng d\u1ef1 thi:<\/span>\n                        <span class=\"qc-value\">C\u00e1 nh\u00e2n sinh vi\u00ean to\u00e0n tr\u01b0\u1eddng<\/span>\n                    <\/div>\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-camera\"><\/i> S\u1ed1 l\u01b0\u1ee3ng b\u00e0i n\u1ed9p:<\/span>\n                        <span class=\"qc-value\">T\u1ed1i \u0111a 02 \u1ea3nh \u0111\u1ed9c l\u1eadp<\/span>\n                    <\/div>\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-ruler-combined\"><\/i> Quy c\u00e1ch c\u1ea1nh d\u00e0i:<\/span>\n                        <span class=\"qc-value\">\u2265 3.000 px \u2022 K\u00e8m ch\u00fa th\u00edch<\/span>\n                    <\/div>\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-lock\"><\/i> Li\u00eam ch\u00ednh \u1ea3nh:<\/span>\n                        <span class=\"qc-value\">Kh\u00f4ng AI \u2022 N\u1ed9p file g\u1ed1c<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- H\u1ea1ng m\u1ee5c 02 -->\n            <div class=\"qc-card qc-card-2\">\n                <div class=\"qc-card-header\">\n                    <div class=\"qc-icon-box qc-icon-pink\">\n                        <i class=\"fa-solid fa-user-group\"><\/i>\n                    <\/div>\n                    <span class=\"qc-tag qc-tag-pink\">H\u1ea1ng m\u1ee5c 02 \u2022 Nh\u00f3m 3-5 b\u1ea1n<\/span>\n                <\/div>\n                <h3 class=\"qc-card-title\">B\u1ed9 \u1ea2nh (Nh\u00f3m 3\u20135 B\u1ea1n)<\/h3>\n                <p class=\"qc-card-desc\">Ch\u00f9m ph\u00f3ng s\u1ef1 \u1ea3nh c\u00f3 m\u1ea1ch truy\u1ec7n k\u1ebft n\u1ed1i di s\u1ea3n \u0110\u1ed3ng Nai v\u1edbi nh\u1ecbp s\u1ed1ng \u0111\u01b0\u01a1ng \u0111\u1ea1i.<\/p>\n                \n                <div class=\"qc-list\">\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-bullseye\"><\/i> \u0110\u1ed1i t\u01b0\u1ee3ng d\u1ef1 thi:<\/span>\n                        <span class=\"qc-value\">Nh\u00f3m t\u1eeb 3 \u2013 5 sinh vi\u00ean<\/span>\n                    <\/div>\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-camera\"><\/i> S\u1ed1 l\u01b0\u1ee3ng t\u00e1c ph\u1ea9m:<\/span>\n                        <span class=\"qc-value\">05 \u2013 08 t\u00e1c ph\u1ea9m \/ b\u1ed9<\/span>\n                    <\/div>\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-ruler-combined\"><\/i> Quy c\u00e1ch c\u1ea1nh d\u00e0i:<\/span>\n                        <span class=\"qc-value\">\u2265 2.500 px \u2022 K\u00e8m ch\u00fa th\u00edch<\/span>\n                    <\/div>\n                    <div class=\"qc-item\">\n                        <span class=\"qc-label\"><i class=\"fa-solid fa-lock\"><\/i> Li\u00eam ch\u00ednh \u1ea3nh:<\/span>\n                        <span class=\"qc-value\">Kh\u00f4ng AI \u2022 N\u1ed9p file g\u1ed1c<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n\n    <style>\n        \/* L\u1edbp n\u1ec1n d\u00f9ng chung cho to\u00e0n b\u1ed9 c\u00e1c section *\/\n        .di-san-section {\n            background-color: #f7f3eb;\n            padding: 50px 20px;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n            color: #1a202c;\n        }\n\n        \/* Header Section *\/\n        .gt-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n        .gt-badge-top {\n            background-color: #fef3c7;\n            color: #b45309;\n            border: 1px solid #fde68a;\n            padding: 4px 16px;\n            border-radius: 20px;\n            font-size: 13px;\n            font-weight: 700;\n            text-transform: uppercase;\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            margin-bottom: 15px;\n            letter-spacing: 0.5px;\n        }\n        .gt-title {\n            font-size: 32px;\n            font-weight: 800;\n            color: #0d2342;\n            margin: 0 0 10px 0;\n            line-height: 1.2;\n        }\n        .gt-title span {\n            color: #9e2a2b;\n            display: block;\n        }\n        .gt-subtitle {\n            color: #0d2342;\n            font-size: 15px;\n            font-weight: 700;\n            margin: 0 0 6px 0;\n        }\n        .gt-subtext {\n            color: #64748b;\n            font-size: 14px;\n            margin: 0;\n        }\n        .gt-subtext span {\n            color: #475569;\n            font-weight: 600;\n        }\n\n        \/* Khung ch\u1ee9a c\u00e1c c\u1ed9t ch\u00ednh *\/\n        .gt-container {\n            max-width: 1080px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n        .gt-grid-2col {\n            display: flex;\n            gap: 24px;\n            flex-wrap: wrap;\n        }\n        .gt-card-col {\n            flex: 1;\n            min-width: 320px;\n            background: #ffffff;\n            border-radius: 16px;\n            padding: 24px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n            box-sizing: border-box;\n        }\n        .gt-col-header {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 15px;\n            font-weight: 800;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            letter-spacing: 0.3px;\n        }\n        .gt-col-blue { color: #2563eb; }\n        .gt-col-pink { color: #9d174d; }\n\n        \/* Danh s\u00e1ch gi\u1ea3i th\u01b0\u1edfng ch\u00ednh *\/\n        .gt-prize-list {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n        .gt-prize-item {\n            border-radius: 10px;\n            padding: 12px 16px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-weight: 700;\n            font-size: 15px;\n            background-color: #f8fafc;\n            border: 1px solid transparent;\n        }\n        .gt-prize-first {\n            background-color: #fffbeb;\n            border-color: #fde68a;\n            color: #d97706;\n        }\n        .gt-prize-second {\n            background-color: #f1f5f9;\n            color: #475569;\n        }\n        .gt-prize-third {\n            background-color: #f1f5f9;\n            color: #b45309;\n        }\n        .gt-prize-cons {\n            background-color: #f1f5f9;\n            color: #1e293b;\n        }\n\n        \/* Banner t\u1ea5t c\u1ea3 th\u00ed sinh *\/\n        .gt-banner-cert {\n            background: #ffffff;\n            border-radius: 12px;\n            padding: 16px 24px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 15px;\n            color: #0f172a;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n        }\n        .gt-banner-cert i {\n            color: #10b981;\n            font-size: 20px;\n        }\n\n        \/* H\u00e0ng gi\u1ea3i ph\u1ee5 3 c\u1ed9t *\/\n        .gt-grid-3col {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n        .gt-sub-card {\n            flex: 1;\n            min-width: 250px;\n            background: #ffffff;\n            border-radius: 12px;\n            padding: 18px 20px;\n            display: flex;\n            align-items: flex-start;\n            gap: 14px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n            box-sizing: border-box;\n        }\n        .gt-sub-icon {\n            font-size: 20px;\n            color: #ef4444;\n            margin-top: 2px;\n        }\n        .gt-sub-content-title {\n            font-size: 15px;\n            font-weight: 800;\n            color: #0d2342;\n            margin-bottom: 2px;\n        }\n        .gt-sub-content-desc {\n            font-size: 13px;\n            color: #64748b;\n            margin: 0;\n            line-height: 1.4;\n        }\n\n        @media (max-width: 768px) {\n            .gt-grid-2col, .gt-grid-3col { flex-direction: column; }\n        }\n    <\/style>\n\n    <div class=\"di-san-section\">\n        <!-- Header -->\n        <div class=\"gt-header\">\n            <div class=\"gt-badge-top\">\n                <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> T\u00c0I TR\u1ee2 B\u1edeI CANON\n            <\/div>\n            <h2 class=\"gt-title\">C\u01a1 C\u1ea5u Gi\u1ea3i Th\u01b0\u1edfng <span>T\u00e1ch Bi\u1ec7t 02 H\u1ea1ng M\u1ee5c<\/span><\/h2>\n            <p class=\"gt-subtitle\">H\u1ea1ng m\u1ee5c C\u00e1 nh\u00e2n (\u1ea2nh \u0111\u01a1n) \u2014 H\u1ea1ng m\u1ee5c Nh\u00f3m (B\u1ed9 \u1ea3nh 3 - 5 b\u1ea1n)<\/p>\n            <p class=\"gt-subtext\">Gi\u1ea3i th\u01b0\u1edfng: <span>hi\u1ec7n kim & gi\u1ea5y khen vinh danh<\/span><\/p>\n        <\/div>\n\n        <div class=\"gt-container\">\n            <!-- 2 C\u1ed9t Gi\u1ea3i Ch\u00ednh -->\n            <div class=\"gt-grid-2col\">\n                <!-- H\u1ea1ng m\u1ee5c C\u00e1 nh\u00e2n -->\n                <div class=\"gt-card-col\">\n                    <div class=\"gt-col-header gt-col-blue\">\n                        <i class=\"fa-regular fa-user\"><\/i> H\u1ea0NG M\u1ee4C C\u00c1 NH\u00c2N (\u1ea2NH \u0110\u01a0N)\n                    <\/div>\n                    <div class=\"gt-prize-list\">\n                        <div class=\"gt-prize-item gt-prize-first\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 01 Gi\u1ea3i Nh\u1ea5t\n                        <\/div>\n                        <div class=\"gt-prize-item gt-prize-second\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 01 Gi\u1ea3i Nh\u00ec\n                        <\/div>\n                        <div class=\"gt-prize-item gt-prize-third\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 01 Gi\u1ea3i Ba\n                        <\/div>\n                        <div class=\"gt-prize-item gt-prize-cons\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 03 Gi\u1ea3i Khuy\u1ebfn Kh\u00edch\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- H\u1ea1ng m\u1ee5c Nh\u00f3m -->\n                <div class=\"gt-card-col\">\n                    <div class=\"gt-col-header gt-col-pink\">\n                        <i class=\"fa-solid fa-user-group\"><\/i> H\u1ea0NG M\u1ee4C NH\u00d3M (B\u1ed8 \u1ea2NH 3 \u2013 5 B\u1ea0N)\n                    <\/div>\n                    <div class=\"gt-prize-list\">\n                        <div class=\"gt-prize-item gt-prize-first\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 01 Gi\u1ea3i Nh\u1ea5t\n                        <\/div>\n                        <div class=\"gt-prize-item gt-prize-second\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 01 Gi\u1ea3i Nh\u00ec\n                        <\/div>\n                        <div class=\"gt-prize-item gt-prize-third\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 01 Gi\u1ea3i Ba\n                        <\/div>\n                        <div class=\"gt-prize-item gt-prize-cons\">\n                            <i class=\"fa-solid fa-medal\"><\/i> 03 Gi\u1ea3i Khuy\u1ebfn Kh\u00edch\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Banner Gi\u1ea5y Ch\u1ee9ng Nh\u1eadn -->\n            <div class=\"gt-banner-cert\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>T\u1ea5t c\u1ea3 c\u00e1c th\u00ed sinh qua v\u00f2ng lo\u1ea1i \u0111\u1ec1u \u0111\u01b0\u1ee3c nh\u1eadn <strong>Gi\u1ea5y ch\u1ee9ng nh\u1eadn<\/strong><\/span>\n            <\/div>\n\n            <!-- H\u00e0ng 3 Gi\u1ea3i Ph\u1ee5 -->\n            <div class=\"gt-grid-3col\">\n                <div class=\"gt-sub-card\">\n                    <div class=\"gt-sub-icon\"><i class=\"fa-solid fa-fire\"><\/i><\/div>\n                    <div>\n                        <div class=\"gt-sub-content-title\">01 Gi\u1ea3i B\u00ecnh Ch\u1ecdn Tr\u1ef1c Tuy\u1ebfn<\/div>\n                        <p class=\"gt-sub-content-desc\">T\u00e1c ph\u1ea9m c\u00f3 l\u01b0\u1ee3t b\u00ecnh ch\u1ecdn & t\u01b0\u01a1ng t\u00e1c cao nh\u1ea5t<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gt-sub-card\">\n                    <div class=\"gt-sub-icon\" style=\"color: #d97706;\"><i class=\"fa-solid fa-ribbon\"><\/i><\/div>\n                    <div>\n                        <div class=\"gt-sub-content-title\">01 Gi\u1ea3i \"\u0110\u1ea1i S\u1ee9 Di S\u1ea3n Tr\u1ebb \u0110\u1ed3ng Nai\"<\/div>\n                        <p class=\"gt-sub-content-desc\">T\u00e1c ph\u1ea9m k\u1ebft n\u1ed1i di s\u1ea3n v\u0103n h\u00f3a s\u00e2u s\u1eafc nh\u1ea5t<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gt-sub-card\">\n                    <div class=\"gt-sub-icon\" style=\"color: #dc2626;\"><i class=\"fa-solid fa-award\"><\/i><\/div>\n                    <div>\n                        <div class=\"gt-sub-content-title\">Canon's Choice Award<\/div>\n                        <p class=\"gt-sub-content-desc\">Do Canon b\u00ecnh ch\u1ecdn.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n\n    <style>\n        .di-san-section {\n            --lt-blue: #3949ab;\n            --lt-blue-light: #eef0ff;\n            background: #fff;\n            padding: 34px 18px 28px;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n            color: #20243a;\n        }\n\n        .di-san-section * { box-sizing: border-box; }\n\n        .lt-header {\n            text-align: center;\n            margin: 0 auto 30px;\n        }\n\n        .lt-badge-top {\n            display: inline-block;\n            margin-bottom: 8px;\n            padding: 4px 13px;\n            border-radius: 20px;\n            background: #f0f1ff;\n            color: var(--lt-blue);\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n        }\n\n        .lt-title {\n            margin: 0 0 7px;\n            color: var(--lt-blue);\n            font-size: clamp(25px, 3vw, 32px);\n            line-height: 1.2;\n            font-weight: 800;\n            text-transform: uppercase;\n        }\n\n        .lt-title span { color: var(--lt-blue); }\n\n        .lt-subtitle {\n            margin: 0;\n            color: #68708a;\n            font-size: 13px;\n        }\n\n        .lt-container-slim {\n            width: 100%;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        \/* M\u1ed7i ch\u1eb7ng l\u00e0 m\u1ed9t h\u00e0ng g\u1ed3m th\u1eddi gian b\u00ean tr\u00e1i v\u00e0 n\u1ed9i dung b\u00ean ph\u1ea3i *\/\n        .lt-stage {\n            display: grid;\n            grid-template-columns: minmax(145px, 190px) minmax(0, 1fr);\n            column-gap: 28px;\n            align-items: stretch;\n            padding: 0 0 30px;\n        }\n\n        .lt-stage:last-child { padding-bottom: 0; }\n\n        .lt-date-column {\n            position: relative;\n            padding: 3px 0 0 17px;\n            color: var(--lt-blue);\n        }\n\n        .lt-date-column::before {\n            content: \"\";\n            position: absolute;\n            left: 3px;\n            top: 5px;\n            bottom: 5px;\n            width: 2px;\n            background: #c8cdf4;\n        }\n\n        .lt-date-block {\n            position: relative;\n            margin-bottom: 14px;\n            line-height: 1.35;\n        }\n\n        .lt-date-block::before {\n            content: \"\";\n            position: absolute;\n            left: -18px;\n            top: 5px;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: var(--lt-blue);\n            box-shadow: 0 0 0 3px #e8eaff;\n        }\n\n        .lt-date-label {\n            display: block;\n            margin-bottom: 2px;\n            font-size: 13px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .2px;\n        }\n\n        .lt-date-value {\n            display: block;\n            font-size: 16px;\n            font-weight: 500;\n        }\n\n        .lt-stage-content { min-width: 0; }\n\n        .lt-stage-heading {\n            display: block;\n            width: 100%;\n            margin: 0 0 12px;\n            padding: 8px 12px;\n            border: 1px solid #9ba5ed;\n            border-radius: 5px;\n            color: var(--lt-blue);\n            background: #fff;\n            text-align: center;\n            font-size: 15px;\n            line-height: 1.25;\n            font-weight: 800;\n            text-transform: uppercase;\n        }\n\n        .lt-timeline {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            gap: 13px;\n            padding: 0 0 0 13px;\n        }\n\n        .lt-moc-node {\n            position: relative;\n            padding-left: 0;\n        }\n\n        .lt-moc-node::before {\n            content: \"\";\n            position: absolute;\n            left: -13px;\n            top: 5px;\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: var(--lt-blue);\n        }\n\n        .lt-c2 .lt-moc-node::before { background: #db2777; }\n        .lt-c3 .lt-moc-node::before { background: #d97706; }\n\n        .lt-moc-head-line {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: baseline;\n            gap: 5px 8px;\n            margin-bottom: 4px;\n        }\n\n        .lt-moc-tag {\n            color: var(--lt-blue);\n            font-size: 11px;\n            font-weight: 800;\n            white-space: nowrap;\n        }\n\n        .lt-c2 .lt-moc-tag { color: #db2777; }\n        .lt-c3 .lt-moc-tag { color: #d97706; }\n\n        .lt-moc-title {\n            color: #20243a;\n            font-size: 13.5px;\n            line-height: 1.4;\n            font-weight: 750;\n        }\n\n        .lt-moc-meta-tag {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 5px 13px;\n            margin: 3px 0 5px;\n            color: #596078;\n            font-size: 11.5px;\n            line-height: 1.5;\n        }\n\n        .lt-moc-meta-tag i {\n            margin-right: 4px;\n            color: #6874c5;\n        }\n\n        .lt-moc-desc-text {\n            margin: 0;\n            color: #535b70;\n            font-size: 12px;\n            line-height: 1.55;\n        }\n\n        .lt-btn-wrap {\n            margin: 25px auto 0;\n            text-align: center;\n        }\n\n        .lt-btn-slim {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 7px;\n            padding: 9px 17px;\n            border: 1px solid var(--lt-blue);\n            border-radius: 5px;\n            background: var(--lt-blue);\n            color: #fff;\n            font-size: 12px;\n            font-weight: 700;\n            text-decoration: none;\n            transition: background .2s ease, transform .2s ease;\n        }\n\n        .lt-btn-slim:hover {\n            background: #283593;\n            color: #fff;\n            transform: translateY(-1px);\n        }\n\n        @media (max-width: 620px) {\n            .di-san-section { padding: 28px 14px 24px; }\n            .lt-header { margin-bottom: 24px; }\n            .lt-stage {\n                grid-template-columns: 1fr;\n                row-gap: 12px;\n                padding-bottom: 25px;\n            }\n            .lt-date-column {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 8px 18px;\n                padding: 0 0 0 15px;\n            }\n            .lt-date-column::before {\n                top: 3px;\n                bottom: 3px;\n            }\n            .lt-date-block { margin: 0; }\n            .lt-date-label { font-size: 11px; }\n            .lt-date-value { font-size: 14px; }\n            .lt-stage-heading { font-size: 14px; }\n        }\n    <\/style>\n\n    <section class=\"di-san-section\">\n        <div class=\"lt-header\">\n            <span class=\"lt-badge-top\">K\u1ebf ho\u1ea1ch s\u1ed1 26160\/KH-CNTT<\/span>\n            <h2 class=\"lt-title\">L\u1ed9 Tr\u00ecnh <span>03 Ch\u1eb7ng D\u1ea5u \u1ea4n<\/span><\/h2>\n            <p class=\"lt-subtitle\">Nh\u1ea5n v\u00e0o t\u1eebng ch\u1eb7ng \u0111\u1ec3 xem chi ti\u1ebft c\u00e1c m\u1ed1c m\u1ed1c th\u1eddi gian<\/p>\n        <\/div>\n\n        <div class=\"lt-container-slim\">\n            <!-- Ch\u1eb7ng 1 -->\n            <section class=\"lt-stage lt-c1\">\n                <div class=\"lt-date-column\">\n                    <div class=\"lt-date-block\">\n                        <span class=\"lt-date-label\">T\u1eeb ng\u00e0y<\/span>\n                        <span class=\"lt-date-value\">23\/10\/2026<\/span>\n                    <\/div>\n                    <div class=\"lt-date-block\">\n                        <span class=\"lt-date-label\">\u0110\u1ebfn h\u1ebft ng\u00e0y<\/span>\n                        <span class=\"lt-date-value\">17\/11\/2026<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lt-stage-content\">\n                    <h3 class=\"lt-stage-heading\">Ch\u1eb7ng 01 \u2013 Kh\u1edfi \u0110\u1ed9ng &amp; Workshop<\/h3>\n                    <div class=\"lt-timeline\">\n                        <div class=\"lt-moc-node\">\n                            <div class=\"lt-moc-head-line\">\n                                <span class=\"lt-moc-tag\">M\u1ed0C #01<\/span>\n                                <span class=\"lt-moc-title\">Ph\u00e1t \u0110\u1ed9ng Cu\u1ed9c Thi &amp; Workshop 1<\/span>\n                            <\/div>\n                            <div class=\"lt-moc-meta-tag\">\n                                <span><i class=\"fa-regular fa-clock\"><\/i>13h00, 23\/10\/2026<\/span>\n                                <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                            <\/div>\n                            <p class=\"lt-moc-desc-text\">Seminar: \"Kh\u01a1i ngu\u1ed3n di s\u1ea3n\". Workshop 1: \"Frame the Vision\" \u2013 B\u1ed1 c\u1ee5c &amp; g\u00f3c nh\u00ecn.<\/p>\n                        <\/div>\n\n                        <div class=\"lt-moc-node\">\n                            <div class=\"lt-moc-head-line\">\n                                <span class=\"lt-moc-tag\">M\u1ed0C #02<\/span>\n                                <span class=\"lt-moc-title\">Workshop 2: \u201cLight &amp; Color Mood\u201d<\/span>\n                            <\/div>\n                            <div class=\"lt-moc-meta-tag\">\n                                <span><i class=\"fa-regular fa-clock\"><\/i>08h00, 06\/11\/2026<\/span>\n                                <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                            <\/div>\n                            <p class=\"lt-moc-desc-text\">Ch\u1ee7 \u0111\u1ec1: \u00c1nh s\u00e1ng v\u00e0 m\u00e0u s\u1eafc trong \u1ea3nh di s\u1ea3n.<\/p>\n                        <\/div>\n\n                        <div class=\"lt-moc-node\">\n                            <div class=\"lt-moc-head-line\">\n                                <span class=\"lt-moc-tag\">M\u1ed0C #03<\/span>\n                                <span class=\"lt-moc-title\">Workshop 3: \u201cStory Through the Lens\u201d<\/span>\n                            <\/div>\n                            <div class=\"lt-moc-meta-tag\">\n                                <span><i class=\"fa-regular fa-clock\"><\/i>13h00, 17\/11\/2026<\/span>\n                                <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                            <\/div>\n                            <p class=\"lt-moc-desc-text\">Ch\u1ee7 \u0111\u1ec1: K\u1ec3 chuy\u1ec7n b\u1eb1ng h\u00ecnh \u1ea3nh g\u1eafn li\u1ec1n di s\u1ea3n.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Ch\u1eb7ng 2 -->\n            <section class=\"lt-stage lt-c2\">\n                <div class=\"lt-date-column\">\n                    <div class=\"lt-date-block\">\n                        <span class=\"lt-date-label\">T\u1eeb ng\u00e0y<\/span>\n                        <span class=\"lt-date-value\">20\/11\/2026<\/span>\n                    <\/div>\n                    <div class=\"lt-date-block\">\n                        <span class=\"lt-date-label\">\u0110\u1ebfn h\u1ebft ng\u00e0y<\/span>\n                        <span class=\"lt-date-value\">05\/12\/2026<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lt-stage-content\">\n                    <h3 class=\"lt-stage-heading\">Ch\u1eb7ng 02 \u2013 N\u1ed9p B\u00e0i &amp; Ch\u1ea5m S\u01a1 Kh\u1ea3o<\/h3>\n                    <div class=\"lt-timeline\">\n                        <div class=\"lt-moc-node\">\n                            <div class=\"lt-moc-head-line\">\n                                <span class=\"lt-moc-tag\">M\u1ed0C #04<\/span>\n                                <span class=\"lt-moc-title\">Ti\u1ebfp Nh\u1eadn T\u00e1c Ph\u1ea9m D\u1ef1 Thi<\/span>\n                            <\/div>\n                            <div class=\"lt-moc-meta-tag\">\n                                <span><i class=\"fa-regular fa-clock\"><\/i>20\/11 \u2013 30\/11\/2026<\/span>\n                                <span><i class=\"fa-solid fa-globe\"><\/i>Tr\u1ef1c tuy\u1ebfn<\/span>\n                            <\/div>\n                            <p class=\"lt-moc-desc-text\">Th\u00ed sinh n\u1ed9p t\u00e1c ph\u1ea9m tr\u1ef1c tuy\u1ebfn qua c\u1ed5ng h\u1ec7 th\u1ed1ng.<\/p>\n                        <\/div>\n\n                        <div class=\"lt-moc-node\">\n                            <div class=\"lt-moc-head-line\">\n                                <span class=\"lt-moc-tag\">M\u1ed0C #05<\/span>\n                                <span class=\"lt-moc-title\">Ch\u1ea5m Thi S\u01a1 Kh\u1ea3o<\/span>\n                            <\/div>\n                            <div class=\"lt-moc-meta-tag\">\n                                <span><i class=\"fa-regular fa-clock\"><\/i>02\/12 \u2013 05\/12\/2026<\/span>\n                                <span><i class=\"fa-solid fa-user-check\"><\/i>Ban Gi\u00e1m Kh\u1ea3o<\/span>\n                            <\/div>\n                            <p class=\"lt-moc-desc-text\">Ban Gi\u00e1m kh\u1ea3o \u0111\u00e1nh gi\u00e1 b\u00e0i thi theo thang \u0111i\u1ec3m 10 ti\u00eau chu\u1ea9n.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Ch\u1eb7ng 3 -->\n            <section class=\"lt-stage lt-c3\">\n                <div class=\"lt-date-column\">\n                    <div class=\"lt-date-block\">\n                        <span class=\"lt-date-label\">T\u1eeb ng\u00e0y<\/span>\n                        <span class=\"lt-date-value\">07\/12\/2026<\/span>\n                    <\/div>\n                    <div class=\"lt-date-block\">\n                        <span class=\"lt-date-label\">\u0110\u1ebfn h\u1ebft ng\u00e0y<\/span>\n                        <span class=\"lt-date-value\">19\/12\/2026<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lt-stage-content\">\n                    <h3 class=\"lt-stage-heading\">Ch\u1eb7ng 03 \u2013 B\u00ecnh Ch\u1ecdn &amp; Gala Trao Gi\u1ea3i<\/h3>\n                    <div class=\"lt-timeline\">\n                        <div class=\"lt-moc-node\">\n                            <div class=\"lt-moc-head-line\">\n                                <span class=\"lt-moc-tag\">M\u1ed0C #06<\/span>\n                                <span class=\"lt-moc-title\">B\u00ecnh Ch\u1ecdn Tr\u1ef1c Tuy\u1ebfn<\/span>\n                            <\/div>\n                            <div class=\"lt-moc-meta-tag\">\n                                <span><i class=\"fa-regular fa-clock\"><\/i>07\/12 \u2013 15\/12\/2026<\/span>\n                                <span><i class=\"fa-solid fa-globe\"><\/i>Tr\u1ef1c tuy\u1ebfn<\/span>\n                            <\/div>\n                            <p class=\"lt-moc-desc-text\">M\u1edf c\u1ed5ng b\u00ecnh ch\u1ecdn c\u00f4ng khai \u0111\u1ec3 ch\u1ecdn ra t\u00e1c ph\u1ea9m \u0111\u01b0\u1ee3c y\u00eau th\u00edch nh\u1ea5t.<\/p>\n                        <\/div>\n\n                        <div class=\"lt-moc-node\">\n                            <div class=\"lt-moc-head-line\">\n                                <span class=\"lt-moc-tag\">M\u1ed0C #07<\/span>\n                                <span class=\"lt-moc-title\">Tri\u1ec3n L\u00e3m &amp; Gala Trao Gi\u1ea3i<\/span>\n                            <\/div>\n                            <div class=\"lt-moc-meta-tag\">\n                                <span><i class=\"fa-regular fa-clock\"><\/i>09h00, 19\/12\/2026<\/span>\n                                <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                            <\/div>\n                            <p class=\"lt-moc-desc-text\">Tri\u1ec3n l\u00e3m t\u00e1c ph\u1ea9m \u0111\u1ea1t gi\u1ea3i v\u00e0 t\u1ed5 ch\u1ee9c L\u1ec5 c\u00f4ng b\u1ed1 &amp; trao gi\u1ea3i.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n        <div class=\"lt-btn-wrap\">\n            <button type=\"button\" class=\"lt-btn-slim\" data-lt-open>\n                <i class=\"fa-regular fa-file-pdf\"><\/i>\n                Xem K\u1ebf Ho\u1ea1ch 26160\/KH-CNTT Chi Ti\u1ebft\n                <i class=\"fa-solid fa-arrow-up-right-from-square\" style=\"font-size:11px;\"><\/i>\n            <\/button>\n        <\/div>\n\t\t        <style>\n            \/* ===== Modal K\u1ebf ho\u1ea1ch 26160\/KH-CNTT ===== *\/\n            button.lt-btn-slim { font-family: inherit; cursor: pointer; }\n\n            .lt-modal[hidden] { display: none !important; }\n            .lt-modal {\n                position: fixed;\n                inset: 0;\n                z-index: 99999;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 24px 16px;\n            }\n            .lt-modal-overlay {\n                position: absolute;\n                inset: 0;\n                background: rgba(17, 24, 39, 0.62);\n                backdrop-filter: blur(2px);\n            }\n            .lt-modal-dialog {\n                position: relative;\n                width: min(920px, 100%);\n                height: min(680px, 90vh);\n                max-height: 90vh;\n                display: flex;\n                flex-direction: column;\n                background: #fff;\n                border-radius: 18px;\n                overflow: hidden;\n                box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);\n                animation: lt-modal-pop .22s ease;\n            }\n            @keyframes lt-modal-pop {\n                from { opacity: 0; transform: translateY(14px) scale(.985); }\n                to   { opacity: 1; transform: none; }\n            }\n\n            .lt-modal-head {\n                position: relative;\n                padding: 18px 22px 14px;\n                background: linear-gradient(180deg, #FBF6EC 0%, #F7F0E1 100%);\n            }\n            .lt-modal-x {\n                position: absolute;\n                top: 16px;\n                right: 18px;\n                width: 36px;\n                height: 36px;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                border: 1px solid #E4DAC7;\n                border-radius: 50%;\n                background: #F2EDE3;\n                color: #55617A;\n                font-size: 20px;\n                line-height: 1;\n                cursor: pointer;\n                transition: .2s;\n            }\n            .lt-modal-x:hover { background: #E7DFCF; color: #16335B; }\n            .lt-modal-eyebrow {\n                display: flex;\n                align-items: center;\n                flex-wrap: wrap;\n                gap: 10px;\n                padding-right: 50px;\n                margin-bottom: 6px;\n            }\n            .lt-modal-kh {\n                display: inline-block;\n                padding: 3px 9px;\n                border: 1px solid #E3CF9C;\n                border-radius: 5px;\n                background: #F7EACA;\n                color: #A97C10;\n                font-size: 11.5px;\n                font-weight: 800;\n                letter-spacing: .3px;\n                text-transform: uppercase;\n            }\n            .lt-modal-unit {\n                color: #9AA1AE;\n                font-size: 10.5px;\n                font-weight: 700;\n                letter-spacing: .6px;\n                text-transform: uppercase;\n            }\n            .lt-modal-title {\n                margin: 0 0 14px;\n                color: #16335B;\n                font-size: 22px;\n                font-weight: 800;\n                line-height: 1.2;\n            }\n            .lt-modal-tabs {\n                display: flex;\n                gap: 6px;\n                overflow-x: auto;\n                scrollbar-width: none;\n                padding-bottom: 2px;\n            }\n            .lt-modal-tabs::-webkit-scrollbar { display: none; }\n            .lt-modal-tab {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                flex: none;\n                padding: 9px 15px;\n                border: 1px solid transparent;\n                border-radius: 999px;\n                background: transparent;\n                color: #45516B;\n                font-family: inherit;\n                font-size: 13.5px;\n                font-weight: 600;\n                white-space: nowrap;\n                cursor: pointer;\n                transition: .18s;\n            }\n            .lt-modal-tab:hover { background: rgba(22, 51, 91, .07); color: #16335B; }\n            .lt-modal-tab.is-active {\n                background: #1B3A66;\n                color: #fff;\n                box-shadow: 0 8px 18px rgba(27, 58, 102, .26);\n            }\n            .lt-modal-tab i { font-size: 13px; }\n\n            .lt-modal-body {\n                flex: 1;\n                overflow-y: auto;\n                padding: 24px 26px 28px;\n                background: #fff;\n                overscroll-behavior: contain;\n            }\n            .lt-modal-body::-webkit-scrollbar { width: 8px; }\n            .lt-modal-body::-webkit-scrollbar-thumb { background: #DCD3C2; border-radius: 8px; }\n            .lt-modal-panel { display: none; }\n            .lt-modal-panel.is-active { display: block; }\n\n            .lt-modal-foot {\n                padding: 14px 22px;\n                background: #F7F0E1;\n                border-top: 1px solid #EADFC9;\n            }\n            .lt-modal-close {\n                padding: 9px 22px;\n                border: 1px solid #E3D9C6;\n                border-radius: 999px;\n                background: #fff;\n                color: #16335B;\n                font-family: inherit;\n                font-size: 13.5px;\n                font-weight: 700;\n                cursor: pointer;\n                box-shadow: 0 2px 6px rgba(0, 0, 0, .06);\n                transition: .2s;\n            }\n            .lt-modal-close:hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0, 0, 0, .1); }\n            body.lt-modal-lock { overflow: hidden; }\n\n            \/* Tab 1 \u2013 M\u1ed1c ti\u1ebfn \u0111\u1ed9 *\/\n            .lt-modal-moc {\n                padding: 13px 16px 14px;\n                margin-bottom: 12px;\n                border: 1px solid #ECE4D5;\n                border-radius: 10px;\n                background: #fff;\n                transition: .2s;\n            }\n            .lt-modal-moc:last-child { margin-bottom: 0; }\n            .lt-modal-moc.is-next { border-color: #E9CFA0; background: #FFFBF2; }\n            .lt-modal-moc-head {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n                gap: 10px 14px;\n            }\n            .lt-modal-moc-titles {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                min-width: 0;\n            }\n            .lt-modal-moc-no {\n                flex: none;\n                padding: 3px 8px;\n                border-radius: 4px;\n                background: #B98A22;\n                color: #fff;\n                font-size: 10.5px;\n                font-weight: 800;\n                letter-spacing: .3px;\n            }\n            .lt-modal-moc.is-next .lt-modal-moc-no { background: #C39A2E; }\n            .lt-modal-moc-title {\n                margin: 0;\n                color: #16335B;\n                font-size: 15px;\n                font-weight: 800;\n                line-height: 1.35;\n            }\n            .lt-modal-status {\n                flex: none;\n                padding: 4px 11px;\n                border: 1px solid #E2DACA;\n                border-radius: 999px;\n                background: #F6F2EA;\n                color: #7A8090;\n                font-size: 11.5px;\n                font-weight: 700;\n                white-space: nowrap;\n            }\n            .lt-modal-moc.is-done .lt-modal-status {\n                border-color: #BFE6CF;\n                background: #E9F7EF;\n                color: #178055;\n            }\n            .lt-modal-moc.is-soon .lt-modal-status {\n                border-color: #F0D8AF;\n                background: #FDF3E1;\n                color: #A9761B;\n            }\n            .lt-modal-moc.is-live .lt-modal-status {\n                border-color: #BFD8F7;\n                background: #E9F2FF;\n                color: #1B5FB0;\n            }\n            .lt-modal-moc-meta {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 6px 16px;\n                margin: 7px 0;\n                color: #5A6478;\n                font-size: 12.5px;\n            }\n            .lt-modal-moc-meta i { margin-right: 5px; color: #A08B63; }\n            .lt-modal-moc-desc {\n                margin: 0;\n                color: #5A6478;\n                font-size: 13px;\n                line-height: 1.55;\n            }\n\n            \/* Tab 2 \u2013 H\u1ed3 s\u01a1 n\u1ed9p b\u00e0i *\/\n            .lt-modal-intro {\n                margin: 0 0 16px;\n                color: #16335B;\n                font-size: 14.5px;\n                font-weight: 800;\n            }\n            .lt-modal-profile {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 14px;\n            }\n            .lt-modal-profile-item {\n                display: flex;\n                align-items: flex-start;\n                gap: 12px;\n                padding: 13px 15px;\n                border: 1px solid #ECE4D5;\n                border-radius: 10px;\n                background: #fff;\n            }\n            .lt-modal-profile-no {\n                flex: none;\n                padding: 3px 6px;\n                border: 1px solid #E3CF9C;\n                border-radius: 5px;\n                background: #FBF3E0;\n                color: #A97C10;\n                font-size: 11px;\n                font-weight: 800;\n            }\n            .lt-modal-profile-title {\n                margin: 0 0 3px;\n                color: #16335B;\n                font-size: 13.5px;\n                font-weight: 800;\n            }\n            .lt-modal-profile-desc {\n                margin: 0;\n                color: #6B7280;\n                font-size: 12.5px;\n                line-height: 1.5;\n            }\n\n            \/* Tab 3 \u2013 Th\u1ec3 l\u1ec7 d\u1ef1 thi *\/\n            .lt-modal-theme {\n                padding: 15px 17px;\n                margin-bottom: 22px;\n                border: 1px solid #F3DED6;\n                border-radius: 10px;\n                background: #FDF7F4;\n            }\n            .lt-modal-theme-title {\n                margin: 0 0 8px;\n                color: #16335B;\n                font-size: 13.5px;\n                font-weight: 800;\n                letter-spacing: .2px;\n                text-transform: uppercase;\n            }\n            .lt-modal-theme p {\n                margin: 0 0 10px;\n                color: #4A5568;\n                font-size: 13px;\n                line-height: 1.6;\n            }\n            .lt-modal-theme p:last-child { margin-bottom: 0; }\n            .lt-modal-theme em {\n                color: #8A6A2F;\n                font-size: 12.5px;\n                line-height: 1.6;\n            }\n            .lt-modal-subtitle {\n                margin: 0 0 12px;\n                color: #16335B;\n                font-size: 14px;\n                font-weight: 800;\n            }\n            .lt-modal-cols {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 16px;\n            }\n            .lt-modal-box {\n                padding: 14px 16px;\n                border: 1px solid #E5E7EB;\n                border-radius: 10px;\n            }\n            .lt-modal-box-title {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                margin: 0 0 8px;\n                font-size: 13.5px;\n                font-weight: 800;\n            }\n            .lt-modal-box ul { margin: 0; padding-left: 18px; }\n            .lt-modal-box li {\n                color: #43506A;\n                font-size: 12.8px;\n                line-height: 1.7;\n            }\n            .lt-modal-box--blue { background: #F3F8FE; border-color: #CFE2F7; }\n            .lt-modal-box--blue .lt-modal-box-title { color: #2E6BB8; }\n            .lt-modal-box--pink { background: #FDF3F5; border-color: #F5D3DC; }\n            .lt-modal-box--pink .lt-modal-box-title { color: #C0392B; }\n            .lt-modal-box--green { background: #EFF9F3; border-color: #C9E9D6; }\n            .lt-modal-box--green .lt-modal-box-title { color: #1E8E5A; }\n            .lt-modal-box--red { background: #FDF2F2; border-color: #F5D3D3; }\n            .lt-modal-box--red .lt-modal-box-title { color: #C0392B; }\n\n            \/* Tab 4 \u2013 Quy \u0111\u1ecbnh AI & file g\u1ed1c *\/\n            .lt-modal-alert {\n                display: flex;\n                align-items: flex-start;\n                gap: 12px;\n                padding: 15px 17px;\n                margin-bottom: 18px;\n                border: 1px solid #F2D5D1;\n                border-radius: 10px;\n                background: #FDF2F1;\n            }\n            .lt-modal-alert > i {\n                margin-top: 2px;\n                color: #C0392B;\n                font-size: 20px;\n            }\n            .lt-modal-alert-title {\n                margin: 0 0 6px;\n                color: #B03A2E;\n                font-size: 13px;\n                font-weight: 800;\n                letter-spacing: .2px;\n                text-transform: uppercase;\n            }\n            .lt-modal-alert p {\n                margin: 0;\n                color: #4A5568;\n                font-size: 13px;\n                line-height: 1.6;\n            }\n            .lt-modal-note { margin-top: 20px; }\n            .lt-modal-note-title {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                margin: 0 0 6px;\n                color: #B8860B;\n                font-size: 12.5px;\n                font-weight: 800;\n                letter-spacing: .2px;\n                text-transform: uppercase;\n            }\n            .lt-modal-note p {\n                margin: 0;\n                color: #4A5568;\n                font-size: 13px;\n                line-height: 1.6;\n            }\n\n            @media (max-width: 700px) {\n                .lt-modal { padding: 12px 10px; }\n                .lt-modal-dialog { height: auto; max-height: 94vh; border-radius: 14px; }\n                .lt-modal-head { padding: 15px 15px 12px; }\n                .lt-modal-title { font-size: 18px; }\n                .lt-modal-body { padding: 18px 15px 22px; }\n                .lt-modal-profile,\n                .lt-modal-cols { grid-template-columns: 1fr; }\n                .lt-modal-foot { padding: 12px 15px; }\n                .lt-modal-moc-title { font-size: 14px; }\n            }\n        <\/style>\n\n        \n        <div class=\"lt-modal\" hidden>\n            <div class=\"lt-modal-overlay\" data-lt-close><\/div>\n\n            <div class=\"lt-modal-dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Chi ti\u1ebft cu\u1ed9c thi The Lens Story 2026\">\n                <header class=\"lt-modal-head\">\n                    <button type=\"button\" class=\"lt-modal-x\" data-lt-close aria-label=\"\u0110\u00f3ng\">&times;<\/button>\n\n                    <div class=\"lt-modal-eyebrow\">\n                        <span class=\"lt-modal-kh\">K\u1ebf ho\u1ea1ch s\u1ed1 26160\/KH-CNTT<\/span>\n                        <span class=\"lt-modal-unit\">\u0110\u1ea1i h\u1ecdc L\u1ea1c H\u1ed3ng \u2022 Khoa CNTT<\/span>\n                    <\/div>\n                    <h3 class=\"lt-modal-title\">Chi Ti\u1ebft Cu\u1ed9c Thi<\/h3>\n\n                    <div class=\"lt-modal-tabs\" role=\"tablist\" aria-label=\"N\u1ed9i dung k\u1ebf ho\u1ea1ch\">\n                        <button type=\"button\" class=\"lt-modal-tab is-active\" role=\"tab\" aria-selected=\"true\" data-lt-tab=\"moc\">\n                            <i class=\"fa-solid fa-calendar-days\"><\/i> 07 M\u1ed1c Ti\u1ebfn \u0110\u1ed9\n                        <\/button>\n                        <button type=\"button\" class=\"lt-modal-tab\" role=\"tab\" aria-selected=\"false\" data-lt-tab=\"hoso\">\n                            <i class=\"fa-solid fa-file-lines\"><\/i> H\u1ed3 S\u01a1 N\u1ed9p B\u00e0i\n                        <\/button>\n                        <button type=\"button\" class=\"lt-modal-tab\" role=\"tab\" aria-selected=\"false\" data-lt-tab=\"thele\">\n                            <i class=\"fa-solid fa-scale-balanced\"><\/i> Th\u1ec3 L\u1ec7 D\u1ef1 Thi\n                        <\/button>\n                        <button type=\"button\" class=\"lt-modal-tab\" role=\"tab\" aria-selected=\"false\" data-lt-tab=\"quydinh\">\n                            <i class=\"fa-solid fa-shield-halved\"><\/i> Quy \u0110\u1ecbnh AI &amp; File G\u1ed1c\n                        <\/button>\n                    <\/div>\n                <\/header>\n\n                <div class=\"lt-modal-body\">\n                    <!-- TAB 1: M\u1ed1c ti\u1ebfn \u0111\u1ed9 -->\n                    <div class=\"lt-modal-panel is-active\" role=\"tabpanel\" data-lt-panel=\"moc\">\n                                                    <article class=\"lt-modal-moc\"\n                                     data-lt-start=\"2026-10-23T13:00:00\"\n                                     data-lt-end=\"2026-10-23T16:30:00\">\n                                <div class=\"lt-modal-moc-head\">\n                                    <div class=\"lt-modal-moc-titles\">\n                                        <span class=\"lt-modal-moc-no\">#01<\/span>\n                                        <h4 class=\"lt-modal-moc-title\">Ph\u00e1t \u0110\u1ed9ng Cu\u1ed9c Thi &amp; Workshop 1<\/h4>\n                                    <\/div>\n                                    <span class=\"lt-modal-status\">\u0110ang c\u1eadp nh\u1eadt<\/span>\n                                <\/div>\n                                <div class=\"lt-modal-moc-meta\">\n                                    <span><i class=\"fa-regular fa-clock\"><\/i>13h00, 23\/10\/2026 (Th\u1ee9 6)<\/span>\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                                <\/div>\n                                <p class=\"lt-modal-moc-desc\">Seminar: \u201cKh\u01a1i ngu\u1ed3n di s\u1ea3n \u2013 L\u1eddi m\u1edf cho g\u00f3c nh\u00ecn ngh\u1ec7 thu\u1eadt\u201d. Workshop 1: \u201cFrame the Vision\u201d \u2013 B\u1ed1 c\u1ee5c v\u00e0 g\u00f3c nh\u00ecn. C\u00f4ng b\u1ed1 v\u00e0 ph\u00e1t \u0111\u1ed9ng Cu\u1ed9c thi.<\/p>\n                            <\/article>\n                                                    <article class=\"lt-modal-moc\"\n                                     data-lt-start=\"2026-11-06T08:00:00\"\n                                     data-lt-end=\"2026-11-06T11:30:00\">\n                                <div class=\"lt-modal-moc-head\">\n                                    <div class=\"lt-modal-moc-titles\">\n                                        <span class=\"lt-modal-moc-no\">#02<\/span>\n                                        <h4 class=\"lt-modal-moc-title\">Workshop 2: \u201cLight &amp; Color Mood\u201d<\/h4>\n                                    <\/div>\n                                    <span class=\"lt-modal-status\">\u0110ang c\u1eadp nh\u1eadt<\/span>\n                                <\/div>\n                                <div class=\"lt-modal-moc-meta\">\n                                    <span><i class=\"fa-regular fa-clock\"><\/i>08h00, 06\/11\/2026 (Th\u1ee9 6)<\/span>\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                                <\/div>\n                                <p class=\"lt-modal-moc-desc\">Workshop 2: \u201cLight &amp; Color Mood\u201d \u2013 \u00c1nh s\u00e1ng v\u00e0 m\u00e0u s\u1eafc.<\/p>\n                            <\/article>\n                                                    <article class=\"lt-modal-moc\"\n                                     data-lt-start=\"2026-11-17T13:00:00\"\n                                     data-lt-end=\"2026-11-17T16:30:00\">\n                                <div class=\"lt-modal-moc-head\">\n                                    <div class=\"lt-modal-moc-titles\">\n                                        <span class=\"lt-modal-moc-no\">#03<\/span>\n                                        <h4 class=\"lt-modal-moc-title\">Workshop 3: \u201cStory Through the Lens\u201d<\/h4>\n                                    <\/div>\n                                    <span class=\"lt-modal-status\">\u0110ang c\u1eadp nh\u1eadt<\/span>\n                                <\/div>\n                                <div class=\"lt-modal-moc-meta\">\n                                    <span><i class=\"fa-regular fa-clock\"><\/i>13h00, 17\/11\/2026 (Th\u1ee9 3)<\/span>\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                                <\/div>\n                                <p class=\"lt-modal-moc-desc\">Workshop 3: \u201cStory Through the Lens\u201d \u2013 K\u1ec3 chuy\u1ec7n b\u1eb1ng h\u00ecnh \u1ea3nh g\u1eafn li\u1ec1n di s\u1ea3n.<\/p>\n                            <\/article>\n                                                    <article class=\"lt-modal-moc\"\n                                     data-lt-start=\"2026-11-20T00:00:00\"\n                                     data-lt-end=\"2026-11-30T23:59:59\">\n                                <div class=\"lt-modal-moc-head\">\n                                    <div class=\"lt-modal-moc-titles\">\n                                        <span class=\"lt-modal-moc-no\">#04<\/span>\n                                        <h4 class=\"lt-modal-moc-title\">Ti\u1ebfp Nh\u1eadn T\u00e1c Ph\u1ea9m D\u1ef1 Thi<\/h4>\n                                    <\/div>\n                                    <span class=\"lt-modal-status\">\u0110ang c\u1eadp nh\u1eadt<\/span>\n                                <\/div>\n                                <div class=\"lt-modal-moc-meta\">\n                                    <span><i class=\"fa-regular fa-clock\"><\/i>20\/11 \u2013 30\/11\/2026<\/span>\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i>Tr\u1ef1c tuy\u1ebfn<\/span>\n                                <\/div>\n                                <p class=\"lt-modal-moc-desc\">Ti\u1ebfp nh\u1eadn t\u00e1c ph\u1ea9m d\u1ef1 thi tr\u1ef1c tuy\u1ebfn qua c\u1ed5ng h\u1ec7 th\u1ed1ng.<\/p>\n                            <\/article>\n                                                    <article class=\"lt-modal-moc\"\n                                     data-lt-start=\"2026-12-02T00:00:00\"\n                                     data-lt-end=\"2026-12-05T23:59:59\">\n                                <div class=\"lt-modal-moc-head\">\n                                    <div class=\"lt-modal-moc-titles\">\n                                        <span class=\"lt-modal-moc-no\">#05<\/span>\n                                        <h4 class=\"lt-modal-moc-title\">Ch\u1ea5m Thi S\u01a1 Kh\u1ea3o<\/h4>\n                                    <\/div>\n                                    <span class=\"lt-modal-status\">\u0110ang c\u1eadp nh\u1eadt<\/span>\n                                <\/div>\n                                <div class=\"lt-modal-moc-meta\">\n                                    <span><i class=\"fa-regular fa-clock\"><\/i>02\/12 \u2013 05\/12\/2026<\/span>\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i>Ban Gi\u00e1m Kh\u1ea3o<\/span>\n                                <\/div>\n                                <p class=\"lt-modal-moc-desc\">Ban Gi\u00e1m kh\u1ea3o ch\u1ea5m s\u01a1 kh\u1ea3o theo thang \u0111i\u1ec3m 10 ti\u00eau chu\u1ea9n.<\/p>\n                            <\/article>\n                                                    <article class=\"lt-modal-moc\"\n                                     data-lt-start=\"2026-12-07T00:00:00\"\n                                     data-lt-end=\"2026-12-15T23:59:59\">\n                                <div class=\"lt-modal-moc-head\">\n                                    <div class=\"lt-modal-moc-titles\">\n                                        <span class=\"lt-modal-moc-no\">#06<\/span>\n                                        <h4 class=\"lt-modal-moc-title\">B\u00ecnh Ch\u1ecdn Tr\u1ef1c Tuy\u1ebfn<\/h4>\n                                    <\/div>\n                                    <span class=\"lt-modal-status\">\u0110ang c\u1eadp nh\u1eadt<\/span>\n                                <\/div>\n                                <div class=\"lt-modal-moc-meta\">\n                                    <span><i class=\"fa-regular fa-clock\"><\/i>07\/12 \u2013 15\/12\/2026<\/span>\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i>Tr\u1ef1c tuy\u1ebfn<\/span>\n                                <\/div>\n                                <p class=\"lt-modal-moc-desc\">B\u00ecnh ch\u1ecdn tr\u1ef1c tuy\u1ebfn c\u00f4ng khai \u0111\u1ec3 ch\u1ecdn ra t\u00e1c ph\u1ea9m \u0111\u01b0\u1ee3c y\u00eau th\u00edch nh\u1ea5t.<\/p>\n                            <\/article>\n                                                    <article class=\"lt-modal-moc\"\n                                     data-lt-start=\"2026-12-19T09:00:00\"\n                                     data-lt-end=\"2026-12-19T11:30:00\">\n                                <div class=\"lt-modal-moc-head\">\n                                    <div class=\"lt-modal-moc-titles\">\n                                        <span class=\"lt-modal-moc-no\">#07<\/span>\n                                        <h4 class=\"lt-modal-moc-title\">Tri\u1ec3n L\u00e3m &amp; Gala Trao Gi\u1ea3i<\/h4>\n                                    <\/div>\n                                    <span class=\"lt-modal-status\">\u0110ang c\u1eadp nh\u1eadt<\/span>\n                                <\/div>\n                                <div class=\"lt-modal-moc-meta\">\n                                    <span><i class=\"fa-regular fa-clock\"><\/i>09h00, 19\/12\/2026 (Th\u1ee9 7)<\/span>\n                                    <span><i class=\"fa-solid fa-location-dot\"><\/i>H\u1ed9i tr\u01b0\u1eddng A301<\/span>\n                                <\/div>\n                                <p class=\"lt-modal-moc-desc\">Tri\u1ec3n l\u00e3m t\u00e1c ph\u1ea9m; L\u1ec5 c\u00f4ng b\u1ed1 v\u00e0 trao gi\u1ea3i.<\/p>\n                            <\/article>\n                                            <\/div>\n\n                    <!-- TAB 2: H\u1ed3 s\u01a1 n\u1ed9p b\u00e0i -->\n                    <div class=\"lt-modal-panel\" role=\"tabpanel\" data-lt-panel=\"hoso\">\n                        <p class=\"lt-modal-intro\">Th\u00ed sinh tham gia Cu\u1ed9c thi cung c\u1ea5p \u0111\u1ea7y \u0111\u1ee7 10 th\u00f4ng tin sau:<\/p>\n\n                        <div class=\"lt-modal-profile\">\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#01<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">H\u1ecd v\u00e0 t\u00ean<\/p>\n                                    <p class=\"lt-modal-profile-desc\">H\u1ecd v\u00e0 t\u00ean th\u00ed sinh \/ \u0111\u1ea1i di\u1ec7n nh\u00f3m<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#02<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">M\u00e3 sinh vi\u00ean<\/p>\n                                    <p class=\"lt-modal-profile-desc\">M\u00e3 s\u1ed1 sinh vi\u00ean (MSSV) Tr\u01b0\u1eddng \u0110\u1ea1i h\u1ecdc L\u1ea1c H\u1ed3ng<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#03<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">Kh\u00f3a<\/p>\n                                    <p class=\"lt-modal-profile-desc\">Kh\u00f3a h\u1ecdc ch\u00ednh th\u1ee9c (K22, K23, K24, K25...)<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#04<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">Khoa\/ng\u00e0nh<\/p>\n                                    <p class=\"lt-modal-profile-desc\">Khoa ho\u1eb7c ng\u00e0nh \u0111ang theo h\u1ecdc t\u1ea1i tr\u01b0\u1eddng<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#05<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">Th\u00f4ng tin li\u00ean h\u1ec7<\/p>\n                                    <p class=\"lt-modal-profile-desc\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i Zalo &amp; Email nh\u1eadn bi\u00ean nh\u1eadn n\u1ed9p b\u00e0i<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#06<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">H\u1ea1ng m\u1ee5c d\u1ef1 thi<\/p>\n                                    <p class=\"lt-modal-profile-desc\">\u1ea2nh \u0111\u01a1n (C\u00e1 nh\u00e2n) ho\u1eb7c B\u1ed9 \u1ea3nh (Nh\u00f3m 3\u20135 b\u1ea1n)<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#07<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">T\u00ean t\u00e1c ph\u1ea9m<\/p>\n                                    <p class=\"lt-modal-profile-desc\">T\u00ean t\u00e1c ph\u1ea9m nhi\u1ebfp \u1ea3nh ngh\u1ec7 thu\u1eadt d\u1ef1 thi<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#08<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">T\u00ean v\u00e0 \u0111\u1ecba \u0111i\u1ec3m di t\u00edch<\/p>\n                                    <p class=\"lt-modal-profile-desc\">T\u00ean v\u00e0 \u0111\u1ecba \u0111i\u1ec3m di t\u00edch l\u1ecbch s\u1eed, v\u0103n h\u00f3a t\u1ea1i \u0110\u1ed3ng Nai<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#09<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">Ch\u00fa th\u00edch t\u00e1c ph\u1ea9m<\/p>\n                                    <p class=\"lt-modal-profile-desc\">\u00dd ngh\u0129a, th\u00f4ng \u0111i\u1ec7p ngh\u1ec7 thu\u1eadt ho\u1eb7c c\u00e2u chuy\u1ec7n.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"lt-modal-profile-item\">\n                                <span class=\"lt-modal-profile-no\">#10<\/span>\n                                <div>\n                                    <p class=\"lt-modal-profile-title\">Danh s\u00e1ch th\u00e0nh vi\u00ean (n\u1ebfu c\u00f3)<\/p>\n                                    <p class=\"lt-modal-profile-desc\">Th\u00f4ng tin c\u1ea7n c\u00f3: H\u1ecd v\u00e0 t\u00ean, MSSV, Kh\u00f3a, Ng\u00e0nh.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- TAB 3: Th\u1ec3 l\u1ec7 d\u1ef1 thi -->\n                    <div class=\"lt-modal-panel\" role=\"tabpanel\" data-lt-panel=\"thele\">\n                        <div class=\"lt-modal-theme\">\n                            <h4 class=\"lt-modal-theme-title\">Ch\u1ee7 \u0111\u1ec1 cu\u1ed9c thi: Di s\u1ea3n \u0110\u1ed3ng Nai qua \u1ed1ng k\u00ednh<\/h4>\n                            <p>Ph\u1ea3n \u00e1nh v\u1ebb \u0111\u1eb9p v\u00e0 gi\u00e1 tr\u1ecb di s\u1ea3n v\u0103n h\u00f3a, l\u1ecbch s\u1eed, ki\u1ebfn tr\u00fac, danh th\u1eafng, l\u00e0ng ngh\u1ec1 truy\u1ec1n th\u1ed1ng, l\u1ec5 h\u1ed9i, ngh\u1ec7 nh\u00e2n ho\u1eb7c \u0111\u1eddi s\u1ed1ng c\u1ed9ng \u0111\u1ed3ng g\u1eafn v\u1edbi di s\u1ea3n t\u1ea1i \u0110\u1ed3ng Nai.<\/p>\n                            <p><em>\u2605 Khuy\u1ebfn kh\u00edch: C\u00e1c g\u00f3c nh\u00ecn m\u1edbi m\u1ebb, s\u00e1ng t\u1ea1o, gi\u00e0u c\u1ea3m x\u00fac v\u00e0 th\u1ec3 hi\u1ec7n \u0111\u01b0\u1ee3c c\u00e2u chuy\u1ec7n, s\u1ef1 k\u1ebft n\u1ed1i gi\u1eefa di s\u1ea3n v\u1edbi \u0111\u1eddi s\u1ed1ng \u0111\u01b0\u01a1ng \u0111\u1ea1i.<\/em><\/p>\n                        <\/div>\n\n                        <h4 class=\"lt-modal-subtitle\">Quy \u0110\u1ecbnh 02 H\u1ea1ng M\u1ee5c D\u1ef1 Thi:<\/h4>\n\n                        <div class=\"lt-modal-cols\">\n                            <div class=\"lt-modal-box lt-modal-box--blue\">\n                                <div class=\"lt-modal-box-title\">\n                                    <i class=\"fa-regular fa-user\"><\/i> H\u1ea1ng M\u1ee5c 01: \u1ea2nh \u0110\u01a1n (C\u00e1 Nh\u00e2n)\n                                <\/div>\n                                <ul>\n                                    <li>D\u00e0nh cho c\u00e1 nh\u00e2n.<\/li>\n                                    <li>T\u1ed1i \u0111a 2 t\u00e1c ph\u1ea9m \u0111\u1ed9c l\u1eadp.<\/li>\n                                    <li>File \u1ea3nh \u0111\u00e3 x\u1eed l\u00fd, c\u1ea1nh d\u00e0i t\u1ed1i thi\u1ec3u \u2265 3.000 pixel.<\/li>\n                                    <li>B\u1eaft bu\u1ed9c n\u1ed9p file Exif \u0111\u1ec3 \u0111\u1ed1i chi\u1ebfu b\u1ea3n quy\u1ec1n.<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <div class=\"lt-modal-box lt-modal-box--pink\">\n                                <div class=\"lt-modal-box-title\">\n                                    <i class=\"fa-solid fa-user-group\"><\/i> H\u1ea1ng M\u1ee5c 02: B\u1ed9 \u1ea2nh (Nh\u00f3m 3\u20135 B\u1ea1n)\n                                <\/div>\n                                <ul>\n                                    <li>D\u00e0nh cho nh\u00f3m t\u1eeb 03 \u0111\u1ebfn 05 th\u00e0nh vi\u00ean.<\/li>\n                                    <li>M\u1ed7i b\u1ed9 \u1ea3nh g\u1ed3m t\u1ed1i thi\u1ec3u 05 t\u00e1c ph\u1ea9m.<\/li>\n                                    <li>File \u1ea3nh \u0111\u00e3 x\u1eed l\u00fd, c\u1ea1nh d\u00e0i t\u1ed1i thi\u1ec3u \u2265 2.500 pixel.<\/li>\n                                    <li>B\u1eaft bu\u1ed9c n\u1ed9p file Exif \u0111\u1ec3 \u0111\u1ed1i chi\u1ebfu b\u1ea3n quy\u1ec1n.<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- TAB 4: Quy \u0111\u1ecbnh AI & file g\u1ed1c -->\n                    <div class=\"lt-modal-panel\" role=\"tabpanel\" data-lt-panel=\"quydinh\">\n                        <div class=\"lt-modal-alert\">\n                            <i class=\"fa-solid fa-shield-halved\"><\/i>\n                            <div>\n                                <h4 class=\"lt-modal-alert-title\">Nghi\u00eam c\u1ea5m t\u00e1c ph\u1ea9m t\u1ea1o sinh b\u1eb1ng c\u00f4ng c\u1ee5 AI<\/h4>\n                                <p>Kh\u00f4ng s\u1eed d\u1ee5ng h\u00ecnh \u1ea3nh \u0111\u01b0\u1ee3c t\u1ea1o ho\u00e0n to\u00e0n ho\u1eb7c m\u1ed9t ph\u1ea7n b\u1eb1ng b\u1ea5t k\u1ef3 c\u00f4ng c\u1ee5 tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o (AI) n\u00e0o (nh\u01b0 Midjourney, Stable Diffusion, DALL\u00b7E, Photoshop Generative Fill...). T\u00e1c ph\u1ea9m ph\u00e1t hi\u1ec7n s\u1eed d\u1ee5ng AI s\u1ebd b\u1ecb lo\u1ea1i ngay l\u1eadp t\u1ee9c.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lt-modal-cols\">\n                            <div class=\"lt-modal-box lt-modal-box--green\">\n                                <div class=\"lt-modal-box-title\">\n                                    <i class=\"fa-solid fa-circle-check\"><\/i> \u0110\u01af\u1ee2C PH\u00c9P H\u1eacU K\u1ef2\n                                <\/div>\n                                <ul>\n                                    <li>C\u0103n ch\u1ec9nh \u00e1nh s\u00e1ng, \u0111\u1ed9 ph\u01a1i s\u00e1ng, t\u01b0\u01a1ng ph\u1ea3n.<\/li>\n                                    <li>C\u0103n ch\u1ec9nh m\u00e0u s\u1eafc, c\u00e2n b\u1eb1ng tr\u1eafng (White Balance).<\/li>\n                                    <li>Crop \u1ea3nh, c\u0103n ch\u1ec9nh g\u00f3c nghi\u00eang \u0111\u01b0\u1eddng ch\u00e2n tr\u1eddi.<\/li>\n                                    <li>T\u0103ng \u0111\u1ed9 s\u1eafc n\u00e9t v\u00e0 gi\u1ea3m nhi\u1ec5u h\u1ea1t c\u01a1 b\u1ea3n.<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <div class=\"lt-modal-box lt-modal-box--red\">\n                                <div class=\"lt-modal-box-title\">\n                                    <i class=\"fa-solid fa-triangle-exclamation\"><\/i> NGHI\u00caM C\u1ea4M\n                                <\/div>\n                                <ul>\n                                    <li>Gh\u00e9p th\u00eam\/x\u00f3a b\u1edbt v\u1eadt th\u1ec3 l\u00e0m sai l\u1ec7ch di t\u00edch.<\/li>\n                                    <li>Thay \u0111\u1ed5i k\u1ebft c\u1ea5u ki\u1ebfn tr\u00fac, hi\u1ec7n v\u1eadt di s\u1ea3n.<\/li>\n                                    <li>Ch\u00e8n ch\u1eef k\u00fd, watermark, logo c\u00e1 nh\u00e2n l\u00ean \u1ea3nh.<\/li>\n                                    <li>Vi ph\u1ea1m thu\u1ea7n phong m\u1ef9 t\u1ee5c ho\u1eb7c xuy\u00ean t\u1ea1c l\u1ecbch s\u1eed.<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lt-modal-note\">\n                            <h4 class=\"lt-modal-note-title\">\n                                <i class=\"fa-solid fa-shield-halved\"><\/i> B\u1ea3o l\u01b0u file g\u1ed1c nguy\u00ean b\u1ea3n (EXIF)\n                            <\/h4>\n                            <p>Th\u00ed sinh <strong>b\u1eaft bu\u1ed9c<\/strong> ph\u1ea3i l\u01b0u gi\u1eef file g\u1ed1c m\u00e1y \u1ea3nh\/\u0111i\u1ec7n tho\u1ea1i (ch\u1ee9a \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng s\u1ed1 Exif: model m\u00e1y, kh\u1ea9u \u0111\u1ed9, t\u1ed1c \u0111\u1ed9, ISO, ng\u00e0y gi\u1edd ch\u1ee5p) \u0111\u1ec3 Ban Gi\u00e1m kh\u1ea3o \u0111\u1ed1i chi\u1ebfu khi b\u01b0\u1edbc v\u00e0o V\u00f2ng Chung K\u1ebft v\u00e0 in \u1ea3nh tri\u1ec3n l\u00e3m.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <footer class=\"lt-modal-foot\">\n                    <button type=\"button\" class=\"lt-modal-close\" data-lt-close>\u0110\u00f3ng L\u1ea1i<\/button>\n                <\/footer>\n            <\/div>\n        <\/div>\n\n        <script>\n        (function () {\n            var buttons = document.querySelectorAll('[data-lt-open]');\n            if (!buttons.length) { return; }\n\n            function pad(n) {\n                return String(n).padStart(2, '0');\n            }\n\n            buttons.forEach(function (btn) {\n                var section = btn.closest('.di-san-section');\n                var modal = section ? section.querySelector('.lt-modal') : null;\n                if (!modal) { return; }\n\n                var timer = null;\n                var lastFocus = null;\n\n                function refreshStatus() {\n                    var now = Date.now();\n                    var nextMarked = false;\n\n                    modal.querySelectorAll('.lt-modal-moc').forEach(function (card) {\n                        var start = new Date(card.getAttribute('data-lt-start')).getTime();\n                        var endRaw = card.getAttribute('data-lt-end');\n                        var end = endRaw ? new Date(endRaw).getTime() : start;\n                        var chip = card.querySelector('.lt-modal-status');\n                        if (!chip || isNaN(start)) { return; }\n\n                        card.classList.remove('is-done', 'is-live', 'is-soon', 'is-next');\n\n                        if (now > end) {\n                            chip.textContent = '\u0110\u00e3 ho\u00e0n th\u00e0nh';\n                            card.classList.add('is-done');\n                        } else if (now >= start) {\n                            chip.textContent = '\u0110ang di\u1ec5n ra';\n                            card.classList.add('is-live');\n                        } else {\n                            var diff = start - now;\n                            var d = Math.floor(diff \/ 86400000);\n                            var h = Math.floor((diff % 86400000) \/ 3600000);\n                            var m = Math.floor((diff % 3600000) \/ 60000);\n                            chip.textContent = 'S\u1eafp di\u1ec5n ra (C\u00f2n ' + (d > 0 ? d + ' ng\u00e0y ' : '') + h + 'h ' + pad(m) + 'p)';\n                            card.classList.add('is-soon');\n\n                            if (!nextMarked) {\n                                card.classList.add('is-next');\n                                nextMarked = true;\n                            }\n                        }\n                    });\n                }\n\n                function openModal() {\n                    lastFocus = document.activeElement;\n                    refreshStatus();\n                    modal.hidden = false;\n                    document.body.classList.add('lt-modal-lock');\n                    var closeBtn = modal.querySelector('.lt-modal-x');\n                    if (closeBtn) { closeBtn.focus(); }\n                    clearInterval(timer);\n                    timer = setInterval(refreshStatus, 60000);\n                }\n\n                function closeModal() {\n                    modal.hidden = true;\n                    document.body.classList.remove('lt-modal-lock');\n                    clearInterval(timer);\n                    if (lastFocus && lastFocus.focus) { lastFocus.focus(); }\n                }\n\n                btn.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    openModal();\n                });\n\n                modal.querySelectorAll('[data-lt-close]').forEach(function (el) {\n                    el.addEventListener('click', closeModal);\n                });\n\n                modal.querySelectorAll('[data-lt-tab]').forEach(function (tab) {\n                    tab.addEventListener('click', function () {\n                        var key = tab.getAttribute('data-lt-tab');\n\n                        modal.querySelectorAll('[data-lt-tab]').forEach(function (t) {\n                            var on = (t === tab);\n                            t.classList.toggle('is-active', on);\n                            t.setAttribute('aria-selected', on ? 'true' : 'false');\n                        });\n\n                        modal.querySelectorAll('[data-lt-panel]').forEach(function (panel) {\n                            panel.classList.toggle('is-active', panel.getAttribute('data-lt-panel') === key);\n                        });\n\n                        var body = modal.querySelector('.lt-modal-body');\n                        if (body) { body.scrollTop = 0; }\n                    });\n                });\n\n                document.addEventListener('keydown', function (e) {\n                    if (modal.hidden) { return; }\n\n                    if (e.key === 'Escape') {\n                        closeModal();\n                        return;\n                    }\n\n                    if (e.key !== 'Tab') { return; }\n\n                    var focusables = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])');\n                    if (!focusables.length) { return; }\n\n                    var first = focusables[0];\n                    var last = focusables[focusables.length - 1];\n\n                    if (e.shiftKey && document.activeElement === first) {\n                        e.preventDefault();\n                        last.focus();\n                    } else if (!e.shiftKey && document.activeElement === last) {\n                        e.preventDefault();\n                        first.focus();\n                    }\n                });\n            });\n        })();\n        <\/script>\n    <\/section>\n    \n\n\n    <style>\n        .hdk-section {\n            position: relative;\n            padding: 72px 20px 78px;\n            background: radial-gradient(120% 90% at 50% 0%, #FBF6EB 0%, #F7F1E6 55%, #F4EEE2 100%);\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n            color: #16335B;\n            overflow: hidden;\n        }\n        .hdk-section * { box-sizing: border-box; }\n\n        .hdk-header {\n            max-width: 760px;\n            margin: 0 auto 40px;\n            text-align: center;\n        }\n        .hdk-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 7px;\n            padding: 5px 15px;\n            margin-bottom: 18px;\n            border: 1px solid #EFD2D6;\n            border-radius: 999px;\n            background: #FBEDEF;\n            color: #8B3A46;\n            font-size: 11.5px;\n            font-weight: 800;\n            letter-spacing: .6px;\n            text-transform: uppercase;\n        }\n        .hdk-badge i { font-size: 11px; }\n        .hdk-title {\n            margin: 0 0 12px;\n            color: #16335B;\n            font-size: clamp(30px, 4vw, 44px);\n            font-weight: 800;\n            line-height: 1.15;\n            letter-spacing: -.5px;\n        }\n        .hdk-title span { color: #B8860B; }\n        .hdk-subtitle {\n            margin: 0;\n            color: #5A6478;\n            font-size: 15px;\n            line-height: 1.6;\n        }\n\n        .hdk-grid {\n            display: grid;\n            grid-template-columns: repeat(5, minmax(0, 1fr));\n            gap: 22px;\n            max-width: 1160px;\n            margin: 0 auto;\n        }\n\n        .hdk-card {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 20px 16px 18px;\n            background: #fff;\n            border-radius: 14px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(122, 100, 58, .09);\n            transition: transform .25s ease, box-shadow .25s ease;\n        }\n        .hdk-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 18px 40px rgba(122, 100, 58, .16);\n        }\n        \/* G\u00f3c trang tr\u00ed *\/\n        .hdk-card::before,\n        .hdk-card::after {\n            content: \"\";\n            position: absolute;\n            width: 14px;\n            height: 14px;\n            border: 2px solid #D8A73E;\n            pointer-events: none;\n        }\n        .hdk-card::before {\n            top: 10px;\n            left: 10px;\n            border-right: 0;\n            border-bottom: 0;\n            border-top-left-radius: 4px;\n        }\n        .hdk-card::after {\n            right: 10px;\n            bottom: 10px;\n            border-top: 0;\n            border-left: 0;\n            border-bottom-right-radius: 4px;\n        }\n        .hdk-card--red {\n            box-shadow: 0 16px 38px rgba(160, 60, 70, .14);\n        }\n        .hdk-card--red:hover {\n            box-shadow: 0 22px 48px rgba(160, 60, 70, .2);\n        }\n        .hdk-card--red::before,\n        .hdk-card--red::after { border-color: #D98A95; }\n\n        .hdk-no {\n            position: absolute;\n            top: 14px;\n            right: 16px;\n            color: #3A4E77;\n            font-size: 12px;\n            font-weight: 800;\n            letter-spacing: .3px;\n        }\n        .hdk-card--red .hdk-no { color: #C0392B; }\n\n        .hdk-avatar {\n            width: 94px;\n            height: 94px;\n            margin: 4px 0 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            border: 2px solid #E7C68A;\n            border-radius: 50%;\n            background: radial-gradient(circle at 50% 35%, #FEFBF4 0%, #F9F0DE 100%);\n            color: #C99A2E;\n            font-size: 40px;\n            font-weight: 800;\n            line-height: 1;\n        }\n        .hdk-card--red .hdk-avatar {\n            border-color: #E7B2B8;\n            background: radial-gradient(circle at 50% 35%, #FEF7F8 0%, #FBE9EB 100%);\n            color: #C0392B;\n        }\n        .hdk-avatar img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .hdk-name {\n            margin: 0 0 9px;\n            color: #16335B;\n            font-size: 18px;\n            font-weight: 800;\n            letter-spacing: 1px;\n            line-height: 1.25;\n        }\n        .hdk-role {\n            display: inline-block;\n            padding: 4px 14px;\n            border-radius: 999px;\n            background: #EDF1F8;\n            color: #33456B;\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: .2px;\n        }\n        .hdk-card--red .hdk-role {\n            background: #FBEAEC;\n            color: #C0392B;\n        }\n        .hdk-note {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            margin-top: 9px;\n            color: #8A93A6;\n            font-size: 12px;\n        }\n        .hdk-note i { font-size: 11px; }\n\n        @media (max-width: 1100px) {\n            .hdk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n        }\n        @media (max-width: 720px) {\n            .hdk-section { padding: 56px 16px 60px; }\n            .hdk-header { margin-bottom: 30px; }\n            .hdk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }\n            .hdk-avatar { width: 78px; height: 78px; font-size: 34px; }\n            .hdk-name { font-size: 17px; }\n        }\n        @media (max-width: 460px) {\n            .hdk-grid { grid-template-columns: 1fr; max-width: 320px; }\n        }\n    <\/style>\n\n    <section class=\"hdk-section\">\n        <div class=\"hdk-header\">\n            <span class=\"hdk-badge\">\n                <i class=\"fa-solid fa-user-group\"><\/i> H\u1ed9i \u0111\u1ed3ng Ban Gi\u00e1m Kh\u1ea3o\n            <\/span>\n            <h2 class=\"hdk-title\">H\u1ed9i \u0110\u1ed3ng <span>Gi\u00e1m Kh\u1ea3o<\/span><\/h2>\n            <p class=\"hdk-subtitle\">H\u1ed9i \u0111\u1ed3ng chuy\u00ean m\u00f4n g\u1ed3m c\u00e1c chuy\u00ean gia nhi\u1ebfp \u1ea3nh ngh\u1ec7 thu\u1eadt v\u00e0 \u0111\u1ea1i di\u1ec7n Canon Vietnam.<\/p>\n        <\/div>\n\n        <div class=\"hdk-grid\">\n                            <article class=\"hdk-card\">\n                    <span class=\"hdk-no\">#01<\/span>\n\n                    <div class=\"hdk-avatar\">\n                                                    <span>?<\/span>\n                                            <\/div>\n\n                    <h3 class=\"hdk-name\">???<\/h3>\n                    <span class=\"hdk-role\">Gi\u00e1m Kh\u1ea3o<\/span>\n                    <span class=\"hdk-note\">\n                        <i class=\"fa-solid fa-lock\"><\/i>S\u1eafp b\u1eadt m\u00ed                    <\/span>\n                <\/article>\n                            <article class=\"hdk-card\">\n                    <span class=\"hdk-no\">#02<\/span>\n\n                    <div class=\"hdk-avatar\">\n                                                    <span>?<\/span>\n                                            <\/div>\n\n                    <h3 class=\"hdk-name\">???<\/h3>\n                    <span class=\"hdk-role\">Gi\u00e1m Kh\u1ea3o<\/span>\n                    <span class=\"hdk-note\">\n                        <i class=\"fa-solid fa-lock\"><\/i>S\u1eafp b\u1eadt m\u00ed                    <\/span>\n                <\/article>\n                            <article class=\"hdk-card\">\n                    <span class=\"hdk-no\">#03<\/span>\n\n                    <div class=\"hdk-avatar\">\n                                                    <span>?<\/span>\n                                            <\/div>\n\n                    <h3 class=\"hdk-name\">???<\/h3>\n                    <span class=\"hdk-role\">Gi\u00e1m Kh\u1ea3o<\/span>\n                    <span class=\"hdk-note\">\n                        <i class=\"fa-solid fa-lock\"><\/i>S\u1eafp b\u1eadt m\u00ed                    <\/span>\n                <\/article>\n                            <article class=\"hdk-card\">\n                    <span class=\"hdk-no\">#04<\/span>\n\n                    <div class=\"hdk-avatar\">\n                                                    <span>?<\/span>\n                                            <\/div>\n\n                    <h3 class=\"hdk-name\">???<\/h3>\n                    <span class=\"hdk-role\">Gi\u00e1m Kh\u1ea3o<\/span>\n                    <span class=\"hdk-note\">\n                        <i class=\"fa-solid fa-lock\"><\/i>S\u1eafp b\u1eadt m\u00ed                    <\/span>\n                <\/article>\n                            <article class=\"hdk-card hdk-card--red\">\n                    <span class=\"hdk-no\">#05<\/span>\n\n                    <div class=\"hdk-avatar\">\n                                                    <span>?<\/span>\n                                            <\/div>\n\n                    <h3 class=\"hdk-name\">???<\/h3>\n                    <span class=\"hdk-role\">Gi\u00e1m Kh\u1ea3o<\/span>\n                    <span class=\"hdk-note\">\n                        <i class=\"fa-solid fa-lock\"><\/i>S\u1eafp b\u1eadt m\u00ed                    <\/span>\n                <\/article>\n                    <\/div>\n    <\/section>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"photochallenge","author_link":"https:\/\/photochallenge.s4h.edu.vn\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":7,"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/photochallenge.s4h.edu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}