\u0110\u00ecnh Mi\u1ec5u Cao \u0110\u00e0i \u2013 B\u1ea3o T\u00e0ng S\u1ed1<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ===== CSS VARIABLES ===== *\/\n :root {\n --cream: #F5EFE0;\n --cream-light: #FAF6ED;\n --beige: #E8DCC8;\n --amber: #C8922A;\n --amber-light: #E8B84B;\n --amber-dark: #9A6F1E;\n --brown: #5C3D1E;\n --brown-dark: #3A2410;\n --brown-light: #8B5E3C;\n --stone: #A89880;\n --text-main: #2C1A0E;\n --text-body: #4A3420;\n --text-light: #7A6050;\n --overlay: rgba(44,26,14,0.65);\n --overlay-dark: rgba(44,26,14,0.82);\n --shadow: 0 8px 40px rgba(92,61,30,0.18);\n --shadow-sm: 0 2px 12px rgba(92,61,30,0.12);\n }\n \n \/* ===== RESET & BASE ===== *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Inter', sans-serif !important;\n background: var(--cream-light);\n color: var(--text-main);\n line-height: 1.75;\n overflow-x: hidden;\n }\n img { max-width: 100%; display: block; }\n a { color: inherit !important; text-decoration: none !important; }\n \n \/* ===== TYPOGRAPHY ===== *\/\n h1, h2, h3, h4 { font-family: 'Playfair Display', serif !important; margin: 0 !important; padding: 0 !important; }\n h1 { font-size: clamp(3rem, 8vw, 5.5rem) !important; font-weight: 700 !important; letter-spacing: 0.04em !important; }\n h2 { font-size: clamp(2rem, 4vw, 2.9rem) !important; font-weight: 600 !important; }\n h3 { font-size: clamp(1.45rem, 3vw, 2rem) !important; font-weight: 600 !important; }\n h4 { font-size: 1.35rem !important; font-weight: 600 !important; }\n p { font-size: 1.12rem !important; color: var(--text-body) !important; line-height: 1.88 !important; }\n \n \/* ===== SCROLL FADE-IN ===== *\/\n .fade-in { opacity: 0; transform: translateY(36px); transition: opacity 0.85s cubic-bezier(.22,.61,.36,1), transform 0.85s cubic-bezier(.22,.61,.36,1); }\n .fade-in.visible { opacity: 1; transform: translateY(0); }\n .fade-in-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.85s cubic-bezier(.22,.61,.36,1), transform 0.85s cubic-bezier(.22,.61,.36,1); }\n .fade-in-left.visible { opacity: 1; transform: translateX(0); }\n .fade-in-right { opacity: 0; transform: translateX(40px); transition: opacity 0.85s cubic-bezier(.22,.61,.36,1), transform 0.85s cubic-bezier(.22,.61,.36,1); }\n .fade-in-right.visible { opacity: 1; transform: translateX(0); }\n \n \/* ===== STICKY NAV ===== *\/\n nav {\n position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;\n background: rgba(44,26,14,0.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n border-bottom: 1px solid rgba(200,146,42,0.25); padding: 0 24px; height: 58px;\n display: flex; align-items: center; justify-content: space-between; transition: background 0.3s;\n }\n .nav-logo { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 700; color: var(--amber-light); letter-spacing: 0.1em; white-space: nowrap; }\n .nav-links { display: flex; gap: 28px; list-style: none; align-items: center; }\n .nav-links a { font-size: 0.82rem; font-weight: 500; color: rgba(255,255,255,0.82); letter-spacing: 0.06em; text-transform: uppercase; transition: color 0.2s; white-space: nowrap; }\n .nav-links a:hover { color: var(--amber-light); }\n .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }\n .hamburger span { width: 24px; height: 2px; background: var(--amber-light); border-radius: 2px; transition: all 0.3s; display: block; }\n .mobile-nav { display: none; position: fixed; top: 58px; left: 0; width: 100%; background: rgba(44,26,14,0.97); padding: 20px 24px; z-index: 999; }\n .mobile-nav.open { display: block; }\n .mobile-nav ul { list-style: none; }\n .mobile-nav li { padding: 12px 0; border-bottom: 1px solid rgba(200,146,42,0.15); }\n .mobile-nav a { font-size: 1rem; color: rgba(255,255,255,0.88); font-weight: 500; letter-spacing: 0.04em; }\n \n \/* ===== HERO ===== *\/\n #hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; background: #2a1a06; overflow: hidden; }\n .hero-bg {\n position: absolute; inset: 0;\n background-image: url('https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khong-gian-toan-canh-dinh-Cao-Dai.jpg');\n background-size: cover; background-position: center center; transform: scale(1.04); transition: transform 8s ease-out; filter: brightness(0.8) contrast(1.1) saturate(1.1);\n }\n .hero-bg.loaded { transform: scale(1); }\n .hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,5,0,0.3) 0%, rgba(10,5,0,0.5) 40%, rgba(10,5,0,0.7) 75%, rgba(10,5,0,0.85) 100%); }\n .hero-content { position: relative; z-index: 2; max-width: 900px; padding: 110px 28px 72px; width: 100%; }\n .hero-badge { display: inline-block; border: 1px solid rgba(232,184,75,0.7); color: var(--amber-light); font-size: 0.84rem; letter-spacing: 0.18em; text-transform: uppercase; padding: 8px 22px; border-radius: 2px; margin-bottom: 24px; font-family: 'Inter', sans-serif; font-weight: 600; background: rgba(200,146,42,0.12); }\n h1.hero-title { color: #FFFFFF !important; text-shadow: 0 2px 24px rgba(0,0,0,0.8), 0 0 50px rgba(200,146,42,0.35) !important; margin-bottom: 14px !important; line-height: 1.06 !important; }\n .hero-subtitle { font-size: clamp(0.92rem, 2.2vw, 1.1rem) !important; color: rgba(240,228,208,0.98) !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin-bottom: 32px !important; text-shadow: 0 1px 8px rgba(0,0,0,0.6) !important; }\n .hero-divider { width: 72px; height: 1.5px; background: linear-gradient(to right, transparent, var(--amber-light), transparent); margin: 0 auto 28px; }\n .hero-quote { font-family: 'Playfair Display', serif !important; font-style: italic !important; font-size: clamp(1.15rem, 2.8vw, 1.45rem) !important; color: rgba(255,255,255,0.97) !important; line-height: 1.88 !important; max-width: 780px !important; margin: 0 auto 14px !important; text-shadow: 0 1px 14px rgba(0,0,0,0.65) !important; }\n .hero-quote-attr { font-size: 0.96rem !important; color: #E8B84B !important; letter-spacing: 0.1em !important; text-shadow: 0 1px 6px rgba(0,0,0,0.5) !important; }\n .hero-scroll { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 6px; color: rgba(255,255,255,0.65); font-size: 0.74rem; letter-spacing: 0.14em; text-transform: uppercase; animation: bounce 2.2s infinite; }\n .hero-scroll svg { width: 22px; height: 22px; stroke: var(--amber-light); }\n @keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }\n \n \/* ===== SECTION LAYOUT ===== *\/\n section { padding: 72px 0; }\n .container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }\n .section-header { text-align: center; margin-bottom: 48px; }\n .section-badge { display: inline-block; font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--amber); font-weight: 600; margin-bottom: 12px; font-family: 'Inter', sans-serif; }\n .section-title { color: var(--brown) !important; margin-bottom: 16px !important; }\n #history .section-title, #festival .section-title { color: var(--amber-light) !important; }\n .section-line { width: 56px; height: 2px; margin: 0 auto; background: linear-gradient(to right, var(--amber-dark), var(--amber-light)); border-radius: 2px; }\n .section-desc { max-width: 660px; margin: 18px auto 0; font-size: 1.1rem; color: var(--text-light); line-height: 1.82; }\n \n \/* ===== INTRO SECTION ===== *\/\n #intro { background: var(--cream-light); padding-top: 80px; }\n .intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\n .intro-image-wrap { position: relative; padding-bottom: 28px; }\n .intro-image-wrap img { width: 100%; border-radius: 3px; box-shadow: var(--shadow); aspect-ratio: 4\/3; object-fit: cover; }\n .intro-image-badge { position: absolute; bottom: -20px; right: -20px; background: var(--amber); color: #fff; padding: 16px 20px; font-family: 'Playfair Display', serif; font-size: 0.88rem; text-align: center; box-shadow: var(--shadow); border-radius: 2px; line-height: 1.5; }\n .intro-image-badge strong { display: block; font-size: 1.5rem; }\n .intro-text h3 { color: var(--brown) !important; margin-bottom: 16px !important; }\n .intro-text p { color: var(--text-body) !important; margin-bottom: 14px !important; font-size: 1.15rem !important; line-height: 1.92 !important; }\n .intro-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }\n .meta-item { display: flex; align-items: center; gap: 8px; background: var(--beige); padding: 11px 16px; border-radius: 3px; font-size: 0.94rem; color: var(--brown); border-left: 3px solid var(--amber); }\n \n \/* ===== TIMELINE ===== *\/\n #history { background: var(--brown-dark); }\n #history .section-badge { color: var(--amber-light) !important; opacity: 1; }\n #history .section-desc { color: rgba(255,255,255,0.82) !important; }\n .timeline { position: relative; max-width: 860px; margin: 0 auto; }\n .timeline::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--amber-dark), var(--amber), var(--amber-dark)); transform: translateX(-50%); }\n .timeline-item { display: flex; width: 100%; margin-bottom: 36px; position: relative; }\n .timeline-item:nth-child(odd) { flex-direction: row-reverse; }\n .timeline-item:nth-child(odd) .tl-content { text-align: right; padding-right: 48px; padding-left: 0; }\n .timeline-item:nth-child(even) .tl-content { padding-left: 48px; }\n .tl-content { width: 45%; position: relative; padding: 28px; background: rgba(255,255,255,0.05); border: 1px solid rgba(200,146,42,0.2); border-radius: 4px; transition: background 0.3s; }\n .tl-content:hover { background: rgba(200,146,42,0.08); }\n .tl-dot { position: absolute; top: 28px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; background: var(--amber); border-radius: 50%; border: 3px solid var(--brown-dark); z-index: 1; }\n .tl-era { display: inline-block; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber-light); font-weight: 600; margin-bottom: 8px; }\n .tl-title { font-family: 'Playfair Display', serif !important; font-size: 1.35rem !important; color: #fff !important; font-weight: 600 !important; margin-bottom: 10px !important; }\n .tl-text { font-size: 1.02rem !important; color: rgba(255,255,255,0.85) !important; line-height: 1.85 !important; }\n \n .quiz-trigger { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; background: transparent; border: 1px solid var(--amber); color: var(--amber-light); padding: 9px 18px; border-radius: 2px; font-size: 0.86rem; letter-spacing: 0.06em; cursor: pointer; transition: all 0.25s; font-family: 'Inter', sans-serif; font-weight: 500; }\n .quiz-trigger:hover { background: var(--amber); color: var(--brown-dark); }\n .quiz-trigger svg { width: 14px; height: 14px; }\n \n \/* ===== VIRTUAL TOUR ===== *\/\n #tour { background: var(--cream); }\n .tour-tabs { display: flex; justify-content: center; gap: 0; margin-bottom: 48px; border: 1px solid var(--beige); border-radius: 4px; overflow: hidden; max-width: 660px; margin-left: auto; margin-right: auto; }\n .tab-btn { flex: 1; padding: 14px 20px; background: none; border: none; font-family: 'Playfair Display', serif; font-size: 1rem; cursor: pointer; color: var(--text-light); transition: all 0.25s; border-right: 1px solid var(--beige); white-space: nowrap; }\n .tab-btn.active { background: var(--amber); color: #fff; font-weight: 600; }\n .tab-btn:hover:not(.active) { background: var(--beige); color: var(--brown); }\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n .tour-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }\n .tour-image-main { width: 100%; aspect-ratio: 4\/3; object-fit: cover; border-radius: 3px; box-shadow: var(--shadow); cursor: zoom-in; transition: transform 0.35s; }\n .tour-image-main:hover { transform: scale(1.02); }\n .arch-features { list-style: none; margin-top: 18px; }\n .arch-features li { display: flex; align-items: flex-start; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--beige); font-size: 1rem; color: var(--text-body); }\n .arch-features li::before { content: ''; flex-shrink: 0; margin-top: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--amber); }\n \n \/* ===== TREASURES ===== *\/\n #treasures { background: var(--cream-light); }\n .treasures-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\n .treasure-card { background: #fff; border-radius: 4px; overflow: hidden; box-shadow: var(--shadow-sm); transition: transform 0.3s; border: 1px solid var(--beige); }\n .treasure-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }\n .treasure-card-img { width: 100%; aspect-ratio: 4\/3; object-fit: cover; }\n .treasure-card-body { padding: 22px 22px 26px; }\n .treasure-tag { font-size: 0.76rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber); font-weight: 600; margin-bottom: 8px; }\n .treasure-feature { grid-column: span 3; display: grid; grid-template-columns: 1.2fr 1fr; background: linear-gradient(135deg, var(--brown) 0%, var(--brown-dark) 100%); border-radius: 4px; overflow: hidden; box-shadow: var(--shadow); }\n .treasure-feature-img { width: 100%; height: 100%; object-fit: cover; min-height: 280px; }\n .treasure-feature-text { padding: 40px 36px; color: rgba(255,255,255,0.88); }\n .treasure-feature-text h3 { color: #fff !important; margin-bottom: 16px !important; }\n \n \/* ===== FESTIVAL\/VALUES ===== *\/\n #festival { background: var(--brown); }\n .festival-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 48px; }\n .festival-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(200,146,42,0.25); border-radius: 4px; padding: 32px; transition: background 0.3s; }\n .festival-card:hover { background: rgba(200,146,42,0.1); }\n .festival-icon { width: 48px; height: 48px; background: rgba(200,146,42,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }\n .festival-card h4 { color: #E8B84B !important; margin-bottom: 10px !important; font-size: 1.25rem !important; }\n .festival-card p { color: rgba(255,255,255,0.92) !important; font-size: 1rem; line-height: 1.85; }\n \n \/* ===== GALLERY ===== *\/\n #gallery { background: var(--cream-light); padding: 60px 0; }\n .gallery-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }\n .gallery-item { position: relative; overflow: hidden; border-radius: 3px; cursor: pointer; }\n .gallery-item img { width: 100%; aspect-ratio: 4\/3; object-fit: cover; transition: transform 0.5s; }\n .gallery-item:hover img { transform: scale(1.06); }\n .gallery-item-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(44,26,14,0.7) 0%, transparent 55%); display: flex; align-items: flex-end; padding: 16px; opacity: 0; transition: opacity 0.3s; }\n .gallery-item:hover .gallery-item-overlay { opacity: 1; }\n .gallery-item-label { font-size: 0.82rem; color: #fff; font-family: 'Playfair Display', serif; font-style: italic; }\n \n \/* ===== MODALS & UI ===== *\/\n footer { background: var(--brown-dark); padding: 40px 24px; text-align: center; }\n .footer-logo { font-family: 'Playfair Display', serif; font-size: 1.5rem; color: var(--amber-light); letter-spacing: 0.1em; margin-bottom: 10px; }\n .footer-line { width: 40px; height: 1px; background: var(--amber); margin: 16px auto; }\n \n .lightbox-overlay { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.93); align-items: center; justify-content: center; padding: 20px; }\n .lightbox-overlay.open { display: flex; }\n .lightbox-img { max-width: 90vw; max-height: 88vh; border-radius: 3px; box-shadow: 0 0 60px rgba(0,0,0,0.6); }\n .lightbox-close { position: fixed; top: 20px; right: 24px; background: none; border: none; color: #fff; font-size: 2.2rem; cursor: pointer; }\n \n .quiz-modal-overlay { display: none; position: fixed; inset: 0; z-index: 8888; background: rgba(30,15,5,0.88); align-items: center; justify-content: center; padding: 20px; }\n .quiz-modal-overlay.open { display: flex; }\n .quiz-modal { background: var(--cream-light); max-width: 520px; width: 100%; border-radius: 6px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.4); }\n .quiz-modal-header { background: linear-gradient(135deg, var(--brown) 0%, var(--brown-dark) 100%); padding: 24px 28px; display: flex; align-items: center; gap: 14px; }\n .quiz-modal-header h4 { color: var(--amber-light); font-size: 0.8rem; letter-spacing: 0.18em; text-transform: uppercase; }\n .quiz-modal-body { padding: 28px 28px 10px; }\n .quiz-question { font-family: 'Playfair Display', serif; font-size: 1.18rem; color: var(--brown); margin-bottom: 22px; line-height: 1.65; }\n .quiz-option { padding: 14px 18px; border: 2px solid var(--beige); border-radius: 4px; background: #fff; cursor: pointer; font-size: 1rem; color: var(--text-body); transition: all 0.2s; text-align: left; margin-bottom: 10px; }\n .quiz-option:hover { border-color: var(--amber); color: var(--brown); }\n .quiz-option.correct { border-color: #4CAF50; background: #f1fff2; color: #2e7d32; }\n .quiz-option.wrong { border-color: #ef5350; background: #fff5f5; color: #c62828; }\n .quiz-answer { display: none; background: linear-gradient(135deg, #f9f1e0, #fff8ed); border-left: 4px solid var(--amber); padding: 16px 18px; margin-bottom: 18px; }\n .quiz-answer.show { display: block; }\n .quiz-modal-footer { padding: 12px 28px 24px; display: flex; justify-content: flex-end; }\n .quiz-close-btn { background: var(--amber); color: #fff; border: none; padding: 10px 24px; border-radius: 3px; font-weight: 600; cursor: pointer; }\n .quiz-reset { background: none; border: none; color: var(--stone); cursor: pointer; margin-right: auto; }\n \n .reading-progress { position: fixed; top: 58px; left: 0; z-index: 999; width: 0%; height: 3px; background: linear-gradient(to right, var(--amber-dark), var(--amber-light)); }\n .back-top { position: fixed; bottom: 28px; right: 24px; z-index: 500; width: 44px; height: 44px; border-radius: 50%; background: var(--amber); color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: 0.3s; transform: translateY(10px); }\n .back-top.visible { opacity: 1; pointer-events: all; transform: translateY(0); }\n \n \/* RESPONSIVE *\/\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .intro-grid, .tour-layout, .festival-grid { grid-template-columns: 1fr; }\n .timeline::before { left: 20px; transform: none; }\n .timeline-item, .timeline-item:nth-child(odd) { flex-direction: column !important; }\n .tl-content, .timeline-item:nth-child(odd) .tl-content { width: 100% !important; padding: 22px 20px 22px 52px !important; text-align: left !important; }\n .tl-dot { left: 20px !important; }\n .treasures-grid { grid-template-columns: 1fr 1fr; }\n .treasure-feature { grid-column: span 2; grid-template-columns: 1fr; }\n .gallery-strip { grid-template-columns: 1fr 1fr; }\n .tour-tabs { flex-wrap: wrap; }\n .tab-btn { flex: 1 1 50%; }\n }\n @media (max-width: 600px) {\n html { font-size: 16px; }\n .treasures-grid { grid-template-columns: 1fr; }\n .treasure-feature { grid-column: span 1; }\n h1.hero-title { font-size: 2.6rem !important; }\n .tab-btn { flex: 1 1 100%; border-right: none !important; border-bottom: 1px solid var(--beige); }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"reading-progress\" id=\"readingProgress\"><\/div>\n\n<nav id=\"mainNav\">\n <div class=\"nav-logo\">\u0110\u00ccNH CAO \u0110\u00c0I<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#intro\">T\u1ed5ng quan<\/a><\/li>\n <li><a href=\"#history\">L\u1ecbch s\u1eed<\/a><\/li>\n <li><a href=\"#tour\">Ki\u1ebfn tr\u00fac<\/a><\/li>\n <li><a href=\"#treasures\">B\u00e1u v\u1eadt<\/a><\/li>\n <li><a href=\"#festival\">T\u01b0\u1edfng ni\u1ec7m<\/a><\/li>\n <li><a href=\"#gallery\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/a><\/li>\n <\/ul>\n <button class=\"hamburger\" id=\"hamburgerBtn\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\n<\/nav>\n\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <ul>\n <li><a href=\"#intro\" onclick=\"closeMobileNav()\">T\u1ed5ng quan<\/a><\/li>\n <li><a href=\"#history\" onclick=\"closeMobileNav()\">L\u1ecbch s\u1eed<\/a><\/li>\n <li><a href=\"#tour\" onclick=\"closeMobileNav()\">Ki\u1ebfn tr\u00fac<\/a><\/li>\n <li><a href=\"#treasures\" onclick=\"closeMobileNav()\">B\u00e1u v\u1eadt<\/a><\/li>\n <li><a href=\"#festival\" onclick=\"closeMobileNav()\">T\u01b0\u1edfng ni\u1ec7m<\/a><\/li>\n <li><a href=\"#gallery\" onclick=\"closeMobileNav()\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/a><\/li>\n <\/ul>\n<\/div>\n\n<section id=\"hero\">\n <div class=\"hero-bg\" id=\"heroBg\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge fade-in\">Di t\u00edch L\u1ecbch s\u1eed \u2013 V\u0103n h\u00f3a \u00b7 T\u1ec9nh Ninh B\u00ecnh<\/div>\n <h1 class=\"hero-title fade-in\" style=\"transition-delay:0.15s;\">\u0110\u00ccNH MI\u1ec4U CAO \u0110\u00c0I<\/h1>\n <p class=\"hero-subtitle fade-in\" style=\"transition-delay:0.25s;\">Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c \u00b7 T\u1ec9nh Ninh B\u00ecnh<\/p>\n <div class=\"hero-divider fade-in\" style=\"transition-delay:0.35s\"><\/div>\n <blockquote class=\"hero-quote fade-in\" style=\"transition-delay:0.45s;\">\n “Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i l\u00fac l\u00e0m t\u01b0\u1edbng v\u00f5, l\u00fac l\u00e0m t\u01b0\u1edbng v\u0103n, gi\u00fap v\u01b0\u01a1ng nghi\u1ec7p nh\u00e0 Tr\u1ea7n uy danh ngang v\u1edbi H\u01b0ng \u0110\u1ea1o \u0111\u1ea1i v\u01b0\u01a1ng.”\n <\/blockquote>\n <p class=\"hero-quote-attr fade-in\" style=\"transition-delay:0.55s\">\u2014 Vi\u1ec7t s\u1eed th\u00f4ng gi\u00e1m c\u01b0\u01a1ng m\u1ee5c<\/p>\n <\/div>\n <div class=\"hero-scroll\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n <span>Kh\u00e1m ph\u00e1<\/span>\n <\/div>\n<\/section>\n\n<section id=\"intro\">\n <div class=\"container\">\n <div class=\"intro-grid\">\n <div class=\"intro-image-wrap fade-in-left\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tuong-tho-Thuong-tuong-Thai-Su-Chieu-Minh-Dai-Vuong-Tran-Quang-Khai-va-Cong-chua-Phung-Duong.jpg\" alt=\"T\u01b0\u1ee3ng th\u1edd Th\u00e1i s\u01b0 v\u00e0 C\u00f4ng ch\u00faa\" onclick=\"openLightbox(this.src, 'T\u01b0\u1ee3ng th\u1edd Th\u01b0\u1ee3ng t\u01b0\u1edbng Th\u00e1i S\u01b0 Tr\u1ea7n Quang Kh\u1ea3i v\u00e0 C\u00f4ng ch\u00faa Ph\u1ee5ng D\u01b0\u01a1ng')\">\n <div class=\"intro-image-badge\">\n <strong>Th\u1ebf k\u1ef7 XIII<\/strong>\n Kh\u1edfi d\u1ef1ng Th\u00e1i \u1ea5p\n <\/div>\n <\/div>\n <div class=\"intro-text fade-in-right\">\n <span class=\"section-badge\">T\u1ed5ng quan di t\u00edch<\/span>\n <h3>N\u01a1i l\u01b0u gi\u1eef h\u1ed3n thi\u00eang nh\u00e0 Tr\u1ea7n<\/h3>\n <p>\u0110\u00ecnh Cao \u0110\u00e0i t\u1ecda l\u1ea1c t\u1ea1i T\u1ed5 d\u00e2n ph\u1ed1 Cao \u0110\u00e0i 1, ph\u01b0\u1eddng M\u1ef9 L\u1ed9c, t\u1ec9nh Ninh B\u00ecnh. V\u00e0o th\u1eddi Tr\u1ea7n (th\u1ebf k\u1ef7 XIII \u2013 XIV), n\u01a1i \u0111\u00e2y ch\u00ednh l\u00e0 th\u00e1i \u1ea5p c\u1ee7a Th\u01b0\u1ee3ng t\u01b0\u1edbng Th\u00e1i s\u01b0 Chi\u00eau Minh V\u01b0\u01a1ng <strong>Tr\u1ea7n Quang Kh\u1ea3i<\/strong> v\u00e0 v\u1ee3 l\u00e0 <strong>Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa<\/strong>.<\/p>\n <p>Sau khi chi\u1ebfn tranh k\u1ebft th\u00fac v\u00e0 hai v\u1ecb qua \u0111\u1eddi, khu th\u00e1i \u1ea5p n\u00e0y tr\u1edf th\u00e0nh n\u01a1i th\u1edd t\u1ef1 thi\u00eang li\u00eang. Ng\u00e0y nay, \u0111\u00ecnh Cao \u0110\u00e0i th\u1edd t\u1ef1 hai v\u1ee3 ch\u1ed3ng Th\u00e1i s\u01b0 c\u00f9ng n\u0103m v\u1ecb th\u1ea7n kh\u00e1c: Linh Lang, Nam H\u1ea3i, C\u00e2u Mang, \u1ea2 N\u01b0\u01a1ng c\u00f4ng ch\u00faa, v\u00e0 \u0110\u00f4 \u0111\u1ea7u nh\u1eef h\u1ea1.<\/p>\n <div class=\"intro-meta\">\n <div class=\"meta-item\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg> M\u1ef9 L\u1ed9c, Ninh B\u00ecnh<\/div>\n <div class=\"meta-item\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg> Di v\u1eadt t\u1eeb Th\u1ebf k\u1ef7 XIII<\/div>\n <div class=\"meta-item\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> Di t\u00edch c\u1ea5p Qu\u1ed1c gia<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"history\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">H\u00e0nh tr\u00ecnh l\u1ecbch s\u1eed<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">D\u00f2ng Ch\u1ea3y V\u01b0\u1ee3t Th\u1eddi Gian<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">Tr\u1ea3i qua bi\u1ebfn thi\u00ean c\u1ee7a l\u1ecbch s\u1eed, \u0110\u00ecnh Cao \u0110\u00e0i v\u1eabn l\u01b0u gi\u1eef nh\u1eefng d\u1ea5u \u1ea5n t\u1eeb th\u1eddi k\u1ef3 h\u00e0o h\u00f9ng c\u1ee7a qu\u00e2n d\u00e2n nh\u00e0 Tr\u1ea7n.<\/p>\n <\/div>\n\n <div class=\"timeline\">\n <div class=\"timeline-item fade-in\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">Th\u1ebf k\u1ef7 XIII – XIV<\/span>\n <div class=\"tl-title\">Th\u00e1i \u1ea4p H\u00e0o M\u00f4n<\/div>\n <p class=\"tl-text\">V\u00f9ng \u0111\u1ea5t n\u00e0y l\u00e0 th\u00e1i \u1ea5p c\u1ee7a Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i, do v\u1ee3 \u00f4ng – Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa tr\u1ef1c ti\u1ebfp qu\u1ea3n l\u00fd v\u00e0 ch\u0103m lo s\u1ea3n xu\u1ea5t, ph\u00e1t tri\u1ec3n th\u00e0nh m\u1ed9t c\u01a1 s\u1edf kinh t\u1ebf v\u00e0 c\u0103n c\u1ee9 quan tr\u1ecdng th\u1eddi chi\u1ebfn.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.12s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">N\u0103m 1291 & 1294<\/span>\n <div class=\"tl-title\">Tr\u1edf Th\u00e0nh N\u01a1i Th\u1edd T\u1ef1<\/div>\n <p class=\"tl-text\">Sau khi Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa m\u1ea5t (1291) v\u00e0 Th\u00e1i s\u01b0 t\u1eeb tr\u1ea7n (1294), ph\u1ea7n l\u1edbn gia n\u00f4 \u0111\u01b0\u1ee3c gi\u1ea3i ph\u00f3ng, \u0111\u1ea5t th\u00e1i \u1ea5p \u0111\u01b0\u1ee3c chia cho d\u00e2n, ch\u1ec9 gi\u1eef l\u1ea1i m\u1ed9t ph\u1ea7n \u0111\u1ec3 l\u1eadp \u0111\u1ec1n th\u1edd ph\u1ee5ng hai \u00f4ng b\u00e0.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.24s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">Th\u1ebf k\u1ef7 XVII – XVIII<\/span>\n <div class=\"tl-title\">Ki\u1ebfn Tr\u00fac H\u1eadu L\u00ea<\/div>\n <p class=\"tl-text\">Ng\u00f4i \u0111\u00ecnh tr\u1ea3i qua qu\u00e1 tr\u00ecnh tu t\u1ea1o l\u1edbn, v\u1edbi ki\u1ebfn tr\u00fac t\u00f2a \u0111\u1ec7 nh\u1ecb v\u00e0 h\u1eadu cung mang \u0111\u1eadm d\u1ea5u \u1ea5n ngh\u1ec7 thu\u1eadt th\u1eddi H\u1eadu L\u00ea. C\u1eeda cung \u0111\u01b0\u1ee3c ch\u1ea1m n\u1ed5i h\u00ecnh r\u1ed3ng ch\u1ea7u, chim mu\u00f4ng sinh \u0111\u1ed9ng.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.36s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">N\u0103m 1908 (Duy T\u00e2n th\u1ee9 2)<\/span>\n <div class=\"tl-title\">X\u00e2y D\u1ef1ng T\u00f2a B\u00e1i \u0110\u01b0\u1eddng<\/div>\n <p class=\"tl-text\">Ki\u1ebfn tr\u00fac T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian g\u1ed7 lim, l\u1ee3p ng\u00f3i c\u1ed5 \u0111\u01b0\u1ee3c t\u00f4n t\u1ea1o mang d\u00e1ng d\u1ea5p uy nghi, b\u1ec1 th\u1ebf c\u1ee7a th\u1eddi Nguy\u1ec5n, b\u1ed5 sung 4 c\u1ed9t \u0111\u1ed3ng tr\u1ee5 v\u00e0 s\u00e2n l\u00e1t g\u1ea1ch trang tr\u1ecdng.<\/p>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(0)\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> C\u00e2u h\u1ecfi t\u01b0\u01a1ng t\u00e1c\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.48s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">N\u0103m 1978<\/span>\n <div class=\"tl-title\">Kh\u1ea3o C\u1ed5 L\u0103ng M\u1ed9 C\u1ed5<\/div>\n <p class=\"tl-text\">Vi\u1ec7n Kh\u1ea3o c\u1ed5 h\u1ecdc Vi\u1ec7t Nam th\u00e1m s\u00e1t g\u00f2 m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa, x\u00e1c \u0111\u1ecbnh l\u1edbp \u0111\u1ea5t s\u00e9t v\u00e0 than c\u1ee7i \u2014 c\u1ea5u tr\u00fac b\u1ea3o v\u1ec7 \u0111\u1eb7c tr\u01b0ng c\u1ee7a m\u1ed9 th\u1eddi Tr\u1ea7n, kh\u1eb3ng \u0111\u1ecbnh gi\u00e1 tr\u1ecb to l\u1edbn c\u1ee7a di t\u00edch.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"tour\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">Tham quan kh\u00f4ng gian<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">Ki\u1ebfn Tr\u00fac & C\u1ea3nh Quan<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">Qu\u1ea7n th\u1ec3 di t\u00edch \u0110\u00ecnh Cao \u0110\u00e0i bao g\u1ed3m nhi\u1ec1u c\u00f4ng tr\u00ecnh mang \u0111\u1eadm d\u1ea5u \u1ea5n ngh\u1ec7 thu\u1eadt tr\u1ea3i d\u00e0i t\u1eeb th\u1eddi Tr\u1ea7n, H\u1eadu L\u00ea \u0111\u1ebfn th\u1eddi Nguy\u1ec5n.<\/p>\n <\/div>\n\n <div class=\"tour-tabs fade-in\">\n <button class=\"tab-btn active\" onclick=\"switchTab('tab-baiduong')\">\u26e9 T\u00f2a B\u00e1i \u0110\u01b0\u1eddng<\/button>\n <button class=\"tab-btn\" onclick=\"switchTab('tab-haucung')\">\ud83d\udd25 \u0110\u1ec7 Nh\u1ecb & H\u1eadu Cung<\/button>\n <button class=\"tab-btn\" onclick=\"switchTab('tab-langmo')\">\ud83c\udf33 L\u0103ng M\u1ed9 C\u00f4ng Ch\u00faa<\/button>\n <\/div>\n\n <div id=\"tab-baiduong\" class=\"tab-panel active fade-in\">\n <div class=\"tour-layout\">\n <div>\n <img decoding=\"async\" class=\"tour-image-main\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Toa-bai-duong-5-gian-Dinh-Mieu-Cao-dai.jpg\" alt=\"T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian\" onclick=\"openLightbox(this.src, 'T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian g\u1ed7 lim l\u1ee3p ng\u00f3i c\u1ed5')\">\n <\/div>\n <div class=\"tour-details\">\n <span class=\"section-badge\">Ki\u1ebfn tr\u00fac Nguy\u1ec5n<\/span>\n <h3>T\u00f2a B\u00e1i \u0110\u01b0\u1eddng Uy Nghi<\/h3>\n <p>\u0110\u01b0\u1ee3c t\u00f4n t\u1ea1o v\u00e0 x\u00e2y d\u1ef1ng l\u1ea1i v\u00e0o n\u0103m M\u1eadu Th\u00e2n (1908) d\u01b0\u1edbi tri\u1ec1u vua Duy T\u00e2n, T\u00f2a B\u00e1i \u0110\u01b0\u1eddng g\u1ed3m 5 gian l\u00e0m b\u1eb1ng g\u1ed7 lim ch\u1eafc ch\u1eafn v\u00e0 l\u1ee3p ng\u00f3i c\u1ed5.<\/p>\n <ul class=\"arch-features\">\n <li>C\u1ea5u tr\u00fac 5 gian g\u1ed7 lim b\u1ec1 th\u1ebf, uy nghi.<\/li>\n <li>Bao quanh c\u00f3 t\u01b0\u1eddng bao b\u1ea3o v\u1ec7.<\/li>\n <li>Ph\u00eda tr\u01b0\u1edbc c\u00f3 4 c\u1ed9t \u0111\u1ed3ng tr\u1ee5, hai c\u1ed9t gi\u1eefa c\u00f3 ngh\u00ea ch\u1ea7u uy d\u0169ng.<\/li>\n <li>S\u00e2n l\u00e1t g\u1ea1ch r\u1ed9ng, ph\u00eda tr\u01b0\u1edbc c\u00f3 hai c\u00e2y \u0111a c\u1ed5 th\u1ee5 xum xu\u00ea.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"tab-haucung\" class=\"tab-panel fade-in\">\n <div class=\"tour-layout\">\n <div>\n <img decoding=\"async\" class=\"tour-image-main\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Dinh-Mieu-Cao-Dai-Ben-trong-gian-tho-toa-bai-duong.jpg\" alt=\"B\u00ean trong gian th\u1edd\" onclick=\"openLightbox(this.src, 'B\u00ean trong gian th\u1edd v\u1edbi ngh\u1ec7 thu\u1eadt \u0111i\u00eau kh\u1eafc g\u1ed7 tinh x\u1ea3o')\">\n <\/div>\n <div class=\"tour-details\">\n <span class=\"section-badge\">Ngh\u1ec7 thu\u1eadt H\u1eadu L\u00ea<\/span>\n <h3>T\u00f2a \u0110\u1ec7 Nh\u1ecb & H\u1eadu Cung<\/h3>\n <p>C\u1ea5u tr\u00fac c\u1ee7a \u0111\u00ecnh thi\u1ebft k\u1ebf theo ki\u1ec3u “ti\u1ec1n nh\u1ea5t, h\u1eadu \u0111inh”. T\u00f2a \u0111\u1ec7 nh\u1ecb v\u00e0 h\u1eadu cung mang \u0111\u1eadm ngh\u1ec7 thu\u1eadt \u0111i\u00eau kh\u1eafc g\u1ed7 c\u1ee7a th\u1ebf k\u1ef7 XVII, XVIII.<\/p>\n <ul class=\"arch-features\">\n <li>M\u00e1i cong, l\u1ee3p ng\u00f3i m\u0169i h\u00e0i thanh tho\u00e1t.<\/li>\n <li>T\u01b0\u1eddng gh\u00e9p b\u1eb1ng g\u1ed7 v\u00e1n b\u1ee9c b\u00e0n truy\u1ec1n th\u1ed1ng.<\/li>\n <li>C\u1ed9t v\u00e0 b\u1ea1o c\u1eeda ch\u1ea1m n\u1ed5i r\u1ed3ng ch\u1ea7u, hoa sen, c\u00fac, chim mu\u00f4ng sinh \u0111\u1ed9ng.<\/li>\n <li>C\u1eeda v\u00f5ng h\u1eadu cung kh\u1eafc d\u00f2ng \u0111\u1ea1i t\u1ef1 “\u0110\u1ea1i v\u01b0\u01a1ng th\u01b0\u1ee3ng \u0111\u1eb3ng th\u1ea7n t\u1eeb” \u0111\u1eb7t d\u1ecdc trong khung sen.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"tab-langmo\" class=\"tab-panel fade-in\">\n <div class=\"tour-layout\">\n <div>\n <img decoding=\"async\" class=\"tour-image-main\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khu-lang-mo-Phung-Duong-Cong-Chua.jpg\" alt=\"Khu l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng Ch\u00faa\" onclick=\"openLightbox(this.src, 'Khu l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng Ch\u00faa (khu Ph\u1ee7 R\u1eebng)')\">\n <\/div>\n <div class=\"tour-details\">\n <span class=\"section-badge\">Kh\u1ea3o c\u1ed5 h\u1ecdc<\/span>\n <h3>L\u0103ng M\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng Ch\u00faa<\/h3>\n <p>Ph\u00eda tr\u01b0\u1edbc \u0111\u00ecnh (h\u01b0\u1edbng Nam) l\u00e0 m\u1ed9t g\u00f2 \u0111\u1ea5t cao h\u01a1n 4 m\u00e9t, di\u1ec7n t\u00edch tr\u00ean 2 s\u00e0o, nh\u00e2n d\u00e2n g\u1ecdi l\u00e0 khu Ph\u1ee7 r\u1eebng v\u00ec c\u00e2y c\u1ed1i um t\u00f9m. \u0110\u00e2y ch\u00ednh l\u00e0 m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng c\u00f4ng ch\u00faa \u2014 <strong>ng\u00f4i m\u1ed9 th\u1eddi Tr\u1ea7n duy nh\u1ea5t \u0111\u01b0\u1ee3c ph\u00e1t hi\u1ec7n t\u1ea1i Ninh B\u00ecnh.<\/strong><\/p>\n <ul class=\"arch-features\">\n <li>C\u1ea5u tr\u00fac m\u1ed9 c\u00f3 l\u1edbp \u0111\u1ea5t s\u00e9t m\u1ecbn v\u00e0 than c\u1ee7i, \u0111\u1eb7c tr\u01b0ng c\u1ee7a m\u1ed9 th\u1eddi Tr\u1ea7n.<\/li>\n <li>\u0110\u01b0\u1eddng v\u00e0o c\u00f3 c\u1ea7u \u0111\u00e1 v\u00e0 h\u1ec7 th\u1ed1ng t\u1ee9 c\u1ed9t \u0111\u1ed3ng tr\u1ee5 uy nghi\u00eam.<\/li>\n <li>G\u1ea7n \u0111\u00f3 c\u00f2n c\u00f3 g\u00f2 C\u00e2y Sang v\u00e0 g\u00f2 N\u1ed3i Ch\u00f5, t\u01b0\u01a1ng truy\u1ec1n l\u00e0 m\u1ed9 c\u1ee7a hai con g\u00e1i Th\u00e1i s\u01b0.<\/li>\n <\/ul>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(1)\" style=\"margin-top:16px\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> C\u00e2u h\u1ecfi t\u01b0\u01a1ng t\u00e1c\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section id=\"treasures\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">B\u1ea3o v\u1eadt truy\u1ec1n \u0111\u1eddi<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">Nh\u1eefng Di V\u1eadt Qu\u00fd Gi\u00e1<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">Kh\u00f4ng ch\u1ec9 mang gi\u00e1 tr\u1ecb t\u00e2m linh, \u0111\u00ecnh Cao \u0110\u00e0i c\u00f2n l\u01b0u gi\u1eef nh\u1eefng hi\u1ec7n v\u1eadt kh\u1ea3o c\u1ed5 v\u00e0 v\u0103n b\u1ea3n l\u1ecbch s\u1eed v\u00f4 gi\u00e1.<\/p>\n <\/div>\n\n <div class=\"treasures-grid\">\n <div class=\"treasure-feature fade-in\">\n <img decoding=\"async\" class=\"treasure-feature-img\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tuong-tho-Thuong-tuong-Thai-Su-Chieu-Minh-Dai-Vuong-Tran-Quang-Khai-va-Cong-chua-Phung-Duong.jpg\" alt=\"T\u01b0 li\u1ec7u Bia \u0110\u00e1\">\n <div class=\"treasure-feature-text\">\n <span class=\"treasure-tag\">V\u0103n Bia L\u1ecbch S\u1eed<\/span>\n <h3>T\u1ea5m Bia \u0110\u00e1 N\u0103m 1293<\/h3>\n <p>Kh\u1eafc n\u0103m Qu\u00fd T\u1ef5 (ni\u00ean hi\u1ec7u H\u01b0ng Long th\u1ee9 nh\u1ea5t), \u0111\u00e2y l\u00e0 di v\u1eadt qu\u00fd nh\u1ea5t trong khu di t\u00edch. T\u1ea5m bia cung c\u1ea5p th\u00f4ng tin v\u00f4 gi\u00e1 v\u1ec1 cu\u1ed9c \u0111\u1eddi Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa, t\u00e0i thao l\u01b0\u1ee3c c\u1ee7a Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i trong tr\u1eadn \u0110\u1ed9c L\u1eadp, v\u00e0 \u0111\u1eb7c bi\u1ec7t h\u00e9 l\u1ed9 <strong>t\u1ee5c \u01b0\u1edbp x\u00e1c th\u1eddi Tr\u1ea7n<\/strong> (thi h\u00e0i c\u00f4ng ch\u00faa \u0111\u01b0\u1ee3c l\u01b0u gi\u1eef trong nh\u00e0 2 n\u0103m 20 ng\u00e0y tr\u01b0\u1edbc khi an t\u00e1ng).<\/p>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(2)\" style=\"margin-top:18px\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> C\u00e2u h\u1ecfi t\u01b0\u01a1ng t\u00e1c\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"treasure-card fade-in\" style=\"transition-delay:0.1s\">\n <div class=\"treasure-card-body\">\n <div class=\"treasure-tag\">Kh\u1ea3o C\u1ed5 H\u1ecdc<\/div>\n <h4>C\u1ed5 V\u1eadt D\u01b0\u1edbi L\u00f2ng \u0110\u1ea5t<\/h4>\n <p>T\u1ea1i khu v\u1ef1c x\u00f3m Mi\u1ec5u, nh\u00e2n d\u00e2n \u0111\u00e0o \u0111\u01b0\u1ee3c nhi\u1ec1u g\u1ea1ch ng\u00f3i ch\u1eef nh\u1eadt c\u1ee1 l\u1edbn, g\u1ea1ch hoa in ch\u1eef “V\u0129nh Ninh Tr\u01b0\u1eddng” v\u00e0 m\u1ea3nh b\u00e1t \u0111\u0129a men n\u00e2u, men d\u1ea1n \u0111\u1eb7c tr\u01b0ng th\u1eddi Tr\u1ea7n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"treasure-card fade-in\" style=\"transition-delay:0.2s\">\n <div class=\"treasure-card-body\">\n <div class=\"treasure-tag\">\u0110i\u00eau Kh\u1eafc G\u1ed7<\/div>\n <h4>B\u1ee9c \u0110\u1ea1i T\u1ef1 “H\u1eefu Cao \u0110\u00e0i”<\/h4>\n <p>B\u1ee9c ho\u00e0nh phi kh\u1eafc n\u1ed5i 3 ch\u1eef “H\u1eefu Cao \u0110\u00e0i” s\u01a1n son th\u1ebfp v\u00e0ng. C\u00e2u n\u00e0y g\u1ee3i nh\u1edb l\u1ea7u cao ng\u1eafm tr\u0103ng c\u1ee7a Th\u00e1i s\u01b0 th\u1eddi b\u00ecnh, v\u00e0 tr\u1ea1m quan s\u00e1t ch\u1ed1ng gi\u1eb7c khi c\u00f3 chi\u1ebfn tranh.<\/p>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(3)\" style=\"margin-top:10px\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> Th\u1eed t\u00e0i\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"treasure-card fade-in\" style=\"transition-delay:0.3s\">\n <div class=\"treasure-card-body\">\n <div class=\"treasure-tag\">\u0110\u1ed3 Th\u1edd T\u1ef1 C\u1ed5<\/div>\n <h4>Ngai Th\u1edd H\u1eadu L\u00ea<\/h4>\n <p>B\u00ean trong \u0111\u00ecnh c\u00f2n g\u00ecn gi\u1eef c\u00e1c ngai th\u1edd c\u00f3 ni\u00ean \u0111\u1ea1i t\u1eeb th\u1ebf k\u1ef7 XVII – XVIII, l\u00e0 nh\u1eefng t\u00e1c ph\u1ea9m ngh\u1ec7 thu\u1eadt ch\u1ea1m kh\u1eafc g\u1ed7 c\u00f3 gi\u00e1 tr\u1ecb l\u1ecbch s\u1eed v\u00e0 th\u1ea9m m\u1ef9 c\u1ef1c cao.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"festival\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">Di S\u1ea3n T\u00e2m Linh<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">N\u01a1i T\u01b0\u1edfng Ni\u1ec7m & Tri \u00c2n<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">\u0110\u00ecnh mi\u1ec5u Cao \u0110\u00e0i kh\u00f4ng ch\u1ec9 l\u00e0 di ch\u1ec9 kh\u1ea3o c\u1ed5 m\u00e0 c\u00f2n l\u00e0 trung t\u00e2m t\u00edn ng\u01b0\u1ee1ng, t\u01b0\u1edfng nh\u1edb c\u00f4ng lao to l\u1edbn c\u1ee7a qu\u00e2n d\u00e2n nh\u00e0 Tr\u1ea7n.<\/p>\n <\/div>\n\n <div class=\"festival-grid\">\n <div class=\"festival-card fade-in\">\n <div class=\"festival-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <h4>Tinh Th\u1ea7n H\u00e0o Kh\u00ed \u0110\u00f4ng A<\/h4>\n <p>Di t\u00edch g\u1ee3i nh\u1edb v\u1ec1 Th\u00e1i \u1ea5p \u0110\u1ed9c L\u1eadp – n\u01a1i \u0111\u00f3ng vai tr\u00f2 h\u1eadu ph\u01b0\u01a1ng v\u00e0 c\u0103n c\u1ee9 \u0111\u1ecba chi\u1ebfn l\u01b0\u1ee3c trong cu\u1ed9c kh\u00e1ng chi\u1ebfn ch\u1ed1ng Nguy\u00ean M\u00f4ng l\u1ea7n th\u1ee9 hai (1285).<\/p>\n <\/div>\n <div class=\"festival-card fade-in\" style=\"transition-delay:0.12s\">\n <div class=\"festival-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <\/div>\n <h4>Gi\u00e1o D\u1ee5c Truy\u1ec1n Th\u1ed1ng<\/h4>\n <p>C\u00e2u chuy\u1ec7n v\u1ec1 v\u1ecb Th\u00e1i s\u01b0 v\u1eb9n to\u00e0n v\u0103n v\u00f5 v\u00e0 ng\u01b0\u1eddi v\u1ee3 \u0111\u1ea3m \u0111ang qu\u1ea3n l\u00fd th\u00e1i \u1ea5p l\u00e0 b\u00e0i h\u1ecdc l\u1ecbch s\u1eed s\u1ed1ng \u0111\u1ed9ng v\u1ec1 t\u00ecnh y\u00eau n\u01b0\u1edbc v\u00e0 tinh th\u1ea7n t\u1ef1 l\u1ef1c c\u1ee7a ng\u01b0\u1eddi d\u00e2n Ninh B\u00ecnh.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"gallery\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">Th\u01b0 vi\u1ec7n h\u00ecnh \u1ea3nh<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">Kh\u00f4ng Gian Di T\u00edch<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <\/div>\n <div class=\"gallery-strip\">\n <div class=\"gallery-item fade-in\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khong-gian-toan-canh-dinh-Cao-Dai.jpg\" alt=\"To\u00e0n c\u1ea3nh \u0111\u00ecnh Cao \u0110\u00e0i\" onclick=\"openLightbox(this.src, 'Kh\u00f4ng gian to\u00e0n c\u1ea3nh \u0111\u00ecnh Cao \u0110\u00e0i')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">To\u00e0n c\u1ea3nh \u0111\u00ecnh Cao \u0110\u00e0i<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.08s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Toa-bai-duong-5-gian-Dinh-Mieu-Cao-dai.jpg\" alt=\"T\u00f2a b\u00e1i \u0111\u01b0\u1eddng\" onclick=\"openLightbox(this.src, 'T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">T\u00f2a b\u00e1i \u0111\u01b0\u1eddng th\u1eddi Nguy\u1ec5n<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.16s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Dinh-Mieu-Cao-Dai-Ben-trong-gian-tho-toa-bai-duong.jpg\" alt=\"Gian th\u1edd b\u00ean trong\" onclick=\"openLightbox(this.src, 'Kh\u00f4ng gian thi\u00eang li\u00eang b\u00ean trong gian th\u1edd')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Gian th\u1edd b\u00ean trong<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.24s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tuong-tho-Thuong-tuong-Thai-Su-Chieu-Minh-Dai-Vuong-Tran-Quang-Khai-va-Cong-chua-Phung-Duong.jpg\" alt=\"T\u01b0\u1ee3ng th\u1edd\" onclick=\"openLightbox(this.src, 'T\u01b0\u1ee3ng th\u1edd Th\u00e1i S\u01b0 v\u00e0 C\u00f4ng ch\u00faa')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">T\u01b0\u1ee3ng th\u1edd \u0111\u00f4i<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.32s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khu-lang-mo-Phung-Duong-Cong-Chua.jpg\" alt=\"Khu l\u0103ng m\u1ed9\" onclick=\"openLightbox(this.src, 'Khu l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">G\u00f2 m\u1ed9 c\u1ed5<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.40s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tu-cot-dong-tru-va-cau-da-vao-lang-mo-Cong-chua-Phung-Duong.jpg\" alt=\"T\u1ee9 c\u1ed9t \u0111\u1ed3ng tr\u1ee5\" onclick=\"openLightbox(this.src, '\u0110\u01b0\u1eddng d\u1eabn v\u00e0o l\u0103ng m\u1ed9')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">\u0110\u01b0\u1eddng d\u1eabn v\u00e0o l\u0103ng m\u1ed9<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"footer-logo\">\u0110\u00ccNH MI\u1ec4U CAO \u0110\u00c0I<\/div>\n <div class=\"footer-line\"><\/div>\n <p class=\"footer-note\">\n Di t\u00edch L\u1ecbch s\u1eed \u2013 V\u0103n h\u00f3a C\u1ea5p Qu\u1ed1c Gia \u00b7 Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c, T\u1ec9nh Ninh B\u00ecnh<br>\n N\u01a1i th\u1edd t\u1ef1 Th\u01b0\u1ee3ng t\u01b0\u1edbng Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i v\u00e0 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa\n <\/p>\n <p class=\"footer-source\">\ud83d\udcda T\u01b0 li\u1ec7u l\u1ecbch s\u1eed do Vi\u1ec7n Kh\u1ea3o c\u1ed5 h\u1ecdc Vi\u1ec7t Nam v\u00e0 B\u1ea3o t\u00e0ng t\u1ec9nh l\u01b0u gi\u1eef<\/p>\n <p style=\"font-size:0.72rem; color:rgba(255,255,255,0.2); margin-top:18px;\">Trang web gi\u1edbi thi\u1ec7u di t\u00edch l\u1ecbch s\u1eed \u00b7 B\u1ea3o t\u00e0ng s\u1ed1 t\u01b0\u01a1ng t\u00e1c<\/p>\n<\/footer>\n\n<button class=\"back-top\" id=\"backTop\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\" aria-label=\"V\u1ec1 \u0111\u1ea7u trang\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 15l-6-6-6 6\"\/><\/svg>\n<\/button>\n\n<div class=\"lightbox-overlay\" id=\"lightbox\" onclick=\"closeLightbox()\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/button>\n <img decoding=\"async\" class=\"lightbox-img\" id=\"lightboxImg\" src=\"\" alt=\"\">\n <div class=\"lightbox-caption\" id=\"lightboxCaption\"><\/div>\n<\/div>\n\n<div class=\"quiz-modal-overlay\" id=\"quizModal\">\n <div class=\"quiz-modal\">\n <div class=\"quiz-modal-header\">\n <div class=\"quiz-modal-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <div>\n <h4>\u0110\u1ed1 vui di s\u1ea3n<\/h4>\n <div id=\"quizSectionLabel\" style=\"color:rgba(255,255,255,0.6);font-size:0.78rem;margin-top:2px;font-family:'Inter',sans-serif;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-modal-body\">\n <p class=\"quiz-question\" id=\"quizQuestion\"><\/p>\n <div class=\"quiz-options\" id=\"quizOptions\"><\/div>\n <div class=\"quiz-answer\" id=\"quizAnswer\">\n <p id=\"quizAnswerText\"><\/p>\n <\/div>\n <\/div>\n <div class=\"quiz-modal-footer\">\n <button class=\"quiz-reset\" onclick=\"resetQuiz()\">\u21ba Th\u1eed l\u1ea1i<\/button>\n <button class=\"quiz-close-btn\" onclick=\"closeQuiz()\">\u0110\u00f3ng<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/* === QUIZ DATA === *\/\n const quizzes = [\n {\n section: \"Ki\u1ebfn tr\u00fac \u0110\u00ecnh\",\n question: \"C\u1ea5u tr\u00fac hi\u1ec7n t\u1ea1i c\u1ee7a T\u00f2a \u0110\u1ec7 Nh\u1ecb v\u00e0 H\u1eadu Cung \u0110\u00ecnh Cao \u0110\u00e0i mang \u0111\u1eadm phong c\u00e1ch ngh\u1ec7 thu\u1eadt c\u1ee7a th\u1eddi k\u1ef3 n\u00e0o?\",\n options: [\n \"Th\u1eddi L\u00fd\",\n \"Th\u1eddi H\u1eadu L\u00ea (th\u1ebf k\u1ef7 17, 18)\",\n \"Th\u1eddi Nguy\u1ec5n\",\n \"Th\u1eddi Tr\u1ea7n\"\n ],\n correct: 1,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>Th\u1eddi H\u1eadu L\u00ea<\/strong>. Ph\u1ea7n m\u00e1i cong, l\u1ee3p ng\u00f3i m\u0169i h\u00e0i, t\u01b0\u1eddng v\u00e1n b\u1ee9c b\u00e0n v\u00e0 c\u00e1c m\u1ea3ng ch\u1ea1m kh\u1eafc r\u1ed3ng ch\u1ea7u, sen c\u00fac th\u1ec3 hi\u1ec7n r\u00f5 n\u00e9t ngh\u1ec7 thu\u1eadt \u0111i\u00eau kh\u1eafc g\u1ed7 th\u1ebf k\u1ef7 17-18.\"\n },\n {\n section: \"Kh\u1ea3o c\u1ed5 h\u1ecdc\",\n question: \"Khu v\u1ef1c l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa n\u1eb1m \u1edf \u0111\u00e2u so v\u1edbi \u0111\u00ecnh ch\u00ednh?\",\n options: [\n \"D\u01b0\u1edbi l\u00f2ng \u0111\u1ea5t x\u00f3m Mi\u1ec5u\",\n \"Ph\u00eda B\u1eafc \u0111\u00ecnh, g\u1ea7n g\u00f2 N\u1ed3i Ch\u00f5\",\n \"Ph\u00eda Nam \u0111\u00ecnh (Khu Ph\u1ee7 r\u1eebng)\",\n \"B\u00ean trong gian h\u1eadu cung\"\n ],\n correct: 2,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>Ph\u00eda Nam \u0111\u00ecnh (Khu Ph\u1ee7 r\u1eebng)<\/strong>. N\u01a1i \u0111\u00e2y l\u00e0 g\u00f2 \u0111\u1ea5t cao h\u01a1n 4m, c\u00e2y c\u1ed1i m\u1ecdc um t\u00f9m, v\u00e0 l\u00e0 ng\u00f4i m\u1ed9 th\u1eddi Tr\u1ea7n duy nh\u1ea5t \u0111\u01b0\u1ee3c ph\u00e1t hi\u1ec7n t\u1ea1i Ninh B\u00ecnh.\"\n },\n {\n section: \"B\u1ea3o v\u1eadt v\u00f4 gi\u00e1\",\n question: \"Theo n\u1ed9i dung ghi tr\u00ean t\u1ea5m bia \u0111\u00e1 d\u1ef1ng n\u0103m 1293, thi h\u00e0i c\u1ee7a Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa \u0111\u01b0\u1ee3c l\u01b0u gi\u1eef bao l\u00e2u tr\u01b0\u1edbc khi an t\u00e1ng?\",\n options: [\n \"100 ng\u00e0y\",\n \"1 n\u0103m\",\n \"2 n\u0103m 20 ng\u00e0y\",\n \"3 n\u0103m\"\n ],\n correct: 2,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>2 n\u0103m 20 ng\u00e0y<\/strong> (t\u1eeb 1291 \u0111\u1ebfn 1293). Chi ti\u1ebft n\u00e0y l\u00e0 minh ch\u1ee9ng l\u1ecbch s\u1eed c\u1ef1c k\u1ef3 quan tr\u1ecdng gi\u00fap gi\u1edbi kh\u1ea3o c\u1ed5 t\u00ecm hi\u1ec3u v\u1ec1 t\u1ee5c \u01b0\u1edbp x\u00e1c c\u1ee7a t\u1ea7ng l\u1edbp qu\u00fd t\u1ed9c th\u1eddi Tr\u1ea7n.\"\n },\n {\n section: \"\u00dd ngh\u0129a di v\u1eadt\",\n question: \"B\u1ee9c \u0111\u1ea1i t\u1ef1 'H\u1eefu cao \u0111\u00e0i' treo trong \u0111\u00ecnh mang \u00fd ngh\u0129a g\u00ec?\",\n options: [\n \"N\u01a1i th\u1edd t\u1ef1 linh thi\u00eang\",\n \"C\u00f3 l\u00e2u \u0111\u00e0i cao\",\n \"V\u1ecdng g\u00e1c uy nghi\",\n \"\u0110\u00e0i sen cao qu\u00fd\"\n ],\n correct: 1,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>C\u00f3 l\u00e2u \u0111\u00e0i cao<\/strong>. T\u1eeb n\u00e0y v\u1eeba gi\u1ea3i th\u00edch ngu\u1ed3n g\u1ed1c t\u00ean l\u00e0ng Cao \u0110\u00e0i, v\u1eeba g\u1ee3i nh\u1edb \u0111\u1ebfn l\u1ea7u cao ng\u1eafm c\u1ea3nh, u\u1ed1ng tr\u00e0 c\u1ee7a Th\u00e1i s\u01b0 l\u00fac th\u00e1i b\u00ecnh, \u0111\u1ed3ng th\u1eddi l\u00e0 tr\u1ea1m quan s\u00e1t l\u00fac c\u00f3 chi\u1ebfn tranh.\"\n }\n ];\n\n let currentQuiz = 0;\n let answered = false;\n\n function openQuiz(idx) {\n currentQuiz = idx;\n answered = false;\n const q = quizzes[idx];\n document.getElementById('quizSectionLabel').textContent = q.section;\n document.getElementById('quizQuestion').textContent = q.question;\n const opts = document.getElementById('quizOptions');\n opts.innerHTML = '';\n q.options.forEach((o, i) => {\n const btn = document.createElement('button');\n btn.className = 'quiz-option';\n btn.textContent = o;\n btn.onclick = () => selectAnswer(i);\n opts.appendChild(btn);\n });\n document.getElementById('quizAnswer').classList.remove('show');\n document.getElementById('quizModal').classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n\n function selectAnswer(idx) {\n if (answered) return;\n answered = true;\n const q = quizzes[currentQuiz];\n const opts = document.querySelectorAll('.quiz-option');\n opts.forEach((btn, i) => {\n btn.style.pointerEvents = 'none';\n if (i === q.correct) btn.classList.add('correct');\n else if (i === idx && i !== q.correct) btn.classList.add('wrong');\n });\n document.getElementById('quizAnswerText').innerHTML = q.answer;\n document.getElementById('quizAnswer').classList.add('show');\n }\n\n function resetQuiz() { openQuiz(currentQuiz); }\n function closeQuiz() { document.getElementById('quizModal').classList.remove('open'); document.body.style.overflow = ''; }\n\n \/* === LIGHTBOX === *\/\n function openLightbox(src, caption) {\n document.getElementById('lightboxImg').src = src;\n document.getElementById('lightboxCaption').textContent = caption || '';\n document.getElementById('lightbox').classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n function closeLightbox() {\n document.getElementById('lightbox').classList.remove('open');\n document.body.style.overflow = '';\n }\n document.addEventListener('keydown', e => { if (e.key === 'Escape') { closeLightbox(); closeQuiz(); } });\n\n \/* === TABS === *\/\n function switchTab(id) {\n document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.currentTarget.classList.add('active');\n }\n\n \/* === MOBILE NAV === *\/\n const hamburger = document.getElementById('hamburgerBtn');\n const mobileNav = document.getElementById('mobileNav');\n hamburger.addEventListener('click', () => mobileNav.classList.toggle('open'));\n function closeMobileNav() { mobileNav.classList.remove('open'); }\n\n \/* === SCROLL EFFECTS === *\/\n const isMobile = window.innerWidth <= 600;\n const fadeObserver = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n fadeObserver.unobserve(e.target);\n }\n });\n }, { threshold: isMobile ? 0.05 : 0.12, rootMargin: '0px 0px -20px 0px' });\n\n document.querySelectorAll('.fade-in, .fade-in-left, .fade-in-right').forEach(el => { fadeObserver.observe(el); });\n\n window.addEventListener('scroll', () => {\n const scrollTop = window.scrollY;\n const docHeight = document.body.scrollHeight - window.innerHeight;\n const progress = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\n document.getElementById('readingProgress').style.width = progress + '%';\n\n const backTop = document.getElementById('backTop');\n if (scrollTop > 400) backTop.classList.add('visible');\n else backTop.classList.remove('visible');\n });\n\n function initPage() {\n const heroBg = document.getElementById('heroBg');\n if (heroBg) heroBg.classList.add('loaded');\n document.querySelectorAll('#hero .fade-in, #hero .fade-in-left, #hero .fade-in-right').forEach(el => {\n el.classList.add('visible');\n });\n if (window.innerWidth <= 600) {\n document.querySelectorAll('.fade-in, .fade-in-left, .fade-in-right').forEach(el => {\n const rect = el.getBoundingClientRect();\n if (rect.top < window.innerHeight * 1.2) {\n el.classList.add('visible');\n }\n });\n }\n }\n if (document.readyState === 'complete') initPage();\n else window.addEventListener('load', initPage);\n\n document.getElementById('lightboxImg').addEventListener('click', e => e.stopPropagation());\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0110\u00ecnh Mi\u1ec5u Cao \u0110\u00e0i \u2013 B\u1ea3o T\u00e0ng S\u1ed1 \u0110\u00ccNH CAO \u0110\u00c0I T\u1ed5ng quan L\u1ecbch s\u1eed Ki\u1ebfn tr\u00fac B\u00e1u v\u1eadt T\u01b0\u1edfng ni\u1ec7m Th\u01b0 vi\u1ec7n \u1ea3nh T\u1ed5ng quan L\u1ecbch s\u1eed Ki\u1ebfn tr\u00fac B\u00e1u v\u1eadt T\u01b0\u1edfng ni\u1ec7m Th\u01b0 vi\u1ec7n \u1ea3nh Di t\u00edch L\u1ecbch s\u1eed \u2013 V\u0103n h\u00f3a \u00b7 T\u1ec9nh Ninh B\u00ecnh \u0110\u00ccNH MI\u1ec4U CAO \u0110\u00c0I Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,1],"tags":[],"class_list":["post-9","post","type-post","status-publish","format-standard","hentry","category-truyen-thong","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":2,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/9\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9,"date":"2026-05-27T06:01:54","date_gmt":"2026-05-27T06:01:54","guid":{"rendered":"https:\/\/phuongmyloc.vn\/?p=9"},"modified":"2026-05-27T11:31:25","modified_gmt":"2026-05-27T11:31:25","slug":"dinh-cao-dai","status":"publish","type":"post","link":"https:\/\/phuongmyloc.vn\/?p=9","title":{"rendered":"\u0110\u00ecnh Cao \u0110\u00e0i"},"content":{"rendered":"\n\n\n\n\n\n\u0110\u00ecnh Mi\u1ec5u Cao \u0110\u00e0i \u2013 B\u1ea3o T\u00e0ng S\u1ed1<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ===== CSS VARIABLES ===== *\/\n :root {\n --cream: #F5EFE0;\n --cream-light: #FAF6ED;\n --beige: #E8DCC8;\n --amber: #C8922A;\n --amber-light: #E8B84B;\n --amber-dark: #9A6F1E;\n --brown: #5C3D1E;\n --brown-dark: #3A2410;\n --brown-light: #8B5E3C;\n --stone: #A89880;\n --text-main: #2C1A0E;\n --text-body: #4A3420;\n --text-light: #7A6050;\n --overlay: rgba(44,26,14,0.65);\n --overlay-dark: rgba(44,26,14,0.82);\n --shadow: 0 8px 40px rgba(92,61,30,0.18);\n --shadow-sm: 0 2px 12px rgba(92,61,30,0.12);\n }\n \n \/* ===== RESET & BASE ===== *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Inter', sans-serif !important;\n background: var(--cream-light);\n color: var(--text-main);\n line-height: 1.75;\n overflow-x: hidden;\n }\n img { max-width: 100%; display: block; }\n a { color: inherit !important; text-decoration: none !important; }\n \n \/* ===== TYPOGRAPHY ===== *\/\n h1, h2, h3, h4 { font-family: 'Playfair Display', serif !important; margin: 0 !important; padding: 0 !important; }\n h1 { font-size: clamp(3rem, 8vw, 5.5rem) !important; font-weight: 700 !important; letter-spacing: 0.04em !important; }\n h2 { font-size: clamp(2rem, 4vw, 2.9rem) !important; font-weight: 600 !important; }\n h3 { font-size: clamp(1.45rem, 3vw, 2rem) !important; font-weight: 600 !important; }\n h4 { font-size: 1.35rem !important; font-weight: 600 !important; }\n p { font-size: 1.12rem !important; color: var(--text-body) !important; line-height: 1.88 !important; }\n \n \/* ===== SCROLL FADE-IN ===== *\/\n .fade-in { opacity: 0; transform: translateY(36px); transition: opacity 0.85s cubic-bezier(.22,.61,.36,1), transform 0.85s cubic-bezier(.22,.61,.36,1); }\n .fade-in.visible { opacity: 1; transform: translateY(0); }\n .fade-in-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.85s cubic-bezier(.22,.61,.36,1), transform 0.85s cubic-bezier(.22,.61,.36,1); }\n .fade-in-left.visible { opacity: 1; transform: translateX(0); }\n .fade-in-right { opacity: 0; transform: translateX(40px); transition: opacity 0.85s cubic-bezier(.22,.61,.36,1), transform 0.85s cubic-bezier(.22,.61,.36,1); }\n .fade-in-right.visible { opacity: 1; transform: translateX(0); }\n \n \/* ===== STICKY NAV ===== *\/\n nav {\n position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;\n background: rgba(44,26,14,0.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n border-bottom: 1px solid rgba(200,146,42,0.25); padding: 0 24px; height: 58px;\n display: flex; align-items: center; justify-content: space-between; transition: background 0.3s;\n }\n .nav-logo { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 700; color: var(--amber-light); letter-spacing: 0.1em; white-space: nowrap; }\n .nav-links { display: flex; gap: 28px; list-style: none; align-items: center; }\n .nav-links a { font-size: 0.82rem; font-weight: 500; color: rgba(255,255,255,0.82); letter-spacing: 0.06em; text-transform: uppercase; transition: color 0.2s; white-space: nowrap; }\n .nav-links a:hover { color: var(--amber-light); }\n .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }\n .hamburger span { width: 24px; height: 2px; background: var(--amber-light); border-radius: 2px; transition: all 0.3s; display: block; }\n .mobile-nav { display: none; position: fixed; top: 58px; left: 0; width: 100%; background: rgba(44,26,14,0.97); padding: 20px 24px; z-index: 999; }\n .mobile-nav.open { display: block; }\n .mobile-nav ul { list-style: none; }\n .mobile-nav li { padding: 12px 0; border-bottom: 1px solid rgba(200,146,42,0.15); }\n .mobile-nav a { font-size: 1rem; color: rgba(255,255,255,0.88); font-weight: 500; letter-spacing: 0.04em; }\n \n \/* ===== HERO ===== *\/\n #hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; background: #2a1a06; overflow: hidden; }\n .hero-bg {\n position: absolute; inset: 0;\n background-image: url('https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khong-gian-toan-canh-dinh-Cao-Dai.jpg');\n background-size: cover; background-position: center center; transform: scale(1.04); transition: transform 8s ease-out; filter: brightness(0.8) contrast(1.1) saturate(1.1);\n }\n .hero-bg.loaded { transform: scale(1); }\n .hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,5,0,0.3) 0%, rgba(10,5,0,0.5) 40%, rgba(10,5,0,0.7) 75%, rgba(10,5,0,0.85) 100%); }\n .hero-content { position: relative; z-index: 2; max-width: 900px; padding: 110px 28px 72px; width: 100%; }\n .hero-badge { display: inline-block; border: 1px solid rgba(232,184,75,0.7); color: var(--amber-light); font-size: 0.84rem; letter-spacing: 0.18em; text-transform: uppercase; padding: 8px 22px; border-radius: 2px; margin-bottom: 24px; font-family: 'Inter', sans-serif; font-weight: 600; background: rgba(200,146,42,0.12); }\n h1.hero-title { color: #FFFFFF !important; text-shadow: 0 2px 24px rgba(0,0,0,0.8), 0 0 50px rgba(200,146,42,0.35) !important; margin-bottom: 14px !important; line-height: 1.06 !important; }\n .hero-subtitle { font-size: clamp(0.92rem, 2.2vw, 1.1rem) !important; color: rgba(240,228,208,0.98) !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin-bottom: 32px !important; text-shadow: 0 1px 8px rgba(0,0,0,0.6) !important; }\n .hero-divider { width: 72px; height: 1.5px; background: linear-gradient(to right, transparent, var(--amber-light), transparent); margin: 0 auto 28px; }\n .hero-quote { font-family: 'Playfair Display', serif !important; font-style: italic !important; font-size: clamp(1.15rem, 2.8vw, 1.45rem) !important; color: rgba(255,255,255,0.97) !important; line-height: 1.88 !important; max-width: 780px !important; margin: 0 auto 14px !important; text-shadow: 0 1px 14px rgba(0,0,0,0.65) !important; }\n .hero-quote-attr { font-size: 0.96rem !important; color: #E8B84B !important; letter-spacing: 0.1em !important; text-shadow: 0 1px 6px rgba(0,0,0,0.5) !important; }\n .hero-scroll { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 6px; color: rgba(255,255,255,0.65); font-size: 0.74rem; letter-spacing: 0.14em; text-transform: uppercase; animation: bounce 2.2s infinite; }\n .hero-scroll svg { width: 22px; height: 22px; stroke: var(--amber-light); }\n @keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }\n \n \/* ===== SECTION LAYOUT ===== *\/\n section { padding: 72px 0; }\n .container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }\n .section-header { text-align: center; margin-bottom: 48px; }\n .section-badge { display: inline-block; font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--amber); font-weight: 600; margin-bottom: 12px; font-family: 'Inter', sans-serif; }\n .section-title { color: var(--brown) !important; margin-bottom: 16px !important; }\n #history .section-title, #festival .section-title { color: var(--amber-light) !important; }\n .section-line { width: 56px; height: 2px; margin: 0 auto; background: linear-gradient(to right, var(--amber-dark), var(--amber-light)); border-radius: 2px; }\n .section-desc { max-width: 660px; margin: 18px auto 0; font-size: 1.1rem; color: var(--text-light); line-height: 1.82; }\n \n \/* ===== INTRO SECTION ===== *\/\n #intro { background: var(--cream-light); padding-top: 80px; }\n .intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\n .intro-image-wrap { position: relative; padding-bottom: 28px; }\n .intro-image-wrap img { width: 100%; border-radius: 3px; box-shadow: var(--shadow); aspect-ratio: 4\/3; object-fit: cover; }\n .intro-image-badge { position: absolute; bottom: -20px; right: -20px; background: var(--amber); color: #fff; padding: 16px 20px; font-family: 'Playfair Display', serif; font-size: 0.88rem; text-align: center; box-shadow: var(--shadow); border-radius: 2px; line-height: 1.5; }\n .intro-image-badge strong { display: block; font-size: 1.5rem; }\n .intro-text h3 { color: var(--brown) !important; margin-bottom: 16px !important; }\n .intro-text p { color: var(--text-body) !important; margin-bottom: 14px !important; font-size: 1.15rem !important; line-height: 1.92 !important; }\n .intro-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }\n .meta-item { display: flex; align-items: center; gap: 8px; background: var(--beige); padding: 11px 16px; border-radius: 3px; font-size: 0.94rem; color: var(--brown); border-left: 3px solid var(--amber); }\n \n \/* ===== TIMELINE ===== *\/\n #history { background: var(--brown-dark); }\n #history .section-badge { color: var(--amber-light) !important; opacity: 1; }\n #history .section-desc { color: rgba(255,255,255,0.82) !important; }\n .timeline { position: relative; max-width: 860px; margin: 0 auto; }\n .timeline::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--amber-dark), var(--amber), var(--amber-dark)); transform: translateX(-50%); }\n .timeline-item { display: flex; width: 100%; margin-bottom: 36px; position: relative; }\n .timeline-item:nth-child(odd) { flex-direction: row-reverse; }\n .timeline-item:nth-child(odd) .tl-content { text-align: right; padding-right: 48px; padding-left: 0; }\n .timeline-item:nth-child(even) .tl-content { padding-left: 48px; }\n .tl-content { width: 45%; position: relative; padding: 28px; background: rgba(255,255,255,0.05); border: 1px solid rgba(200,146,42,0.2); border-radius: 4px; transition: background 0.3s; }\n .tl-content:hover { background: rgba(200,146,42,0.08); }\n .tl-dot { position: absolute; top: 28px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; background: var(--amber); border-radius: 50%; border: 3px solid var(--brown-dark); z-index: 1; }\n .tl-era { display: inline-block; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber-light); font-weight: 600; margin-bottom: 8px; }\n .tl-title { font-family: 'Playfair Display', serif !important; font-size: 1.35rem !important; color: #fff !important; font-weight: 600 !important; margin-bottom: 10px !important; }\n .tl-text { font-size: 1.02rem !important; color: rgba(255,255,255,0.85) !important; line-height: 1.85 !important; }\n \n .quiz-trigger { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; background: transparent; border: 1px solid var(--amber); color: var(--amber-light); padding: 9px 18px; border-radius: 2px; font-size: 0.86rem; letter-spacing: 0.06em; cursor: pointer; transition: all 0.25s; font-family: 'Inter', sans-serif; font-weight: 500; }\n .quiz-trigger:hover { background: var(--amber); color: var(--brown-dark); }\n .quiz-trigger svg { width: 14px; height: 14px; }\n \n \/* ===== VIRTUAL TOUR ===== *\/\n #tour { background: var(--cream); }\n .tour-tabs { display: flex; justify-content: center; gap: 0; margin-bottom: 48px; border: 1px solid var(--beige); border-radius: 4px; overflow: hidden; max-width: 660px; margin-left: auto; margin-right: auto; }\n .tab-btn { flex: 1; padding: 14px 20px; background: none; border: none; font-family: 'Playfair Display', serif; font-size: 1rem; cursor: pointer; color: var(--text-light); transition: all 0.25s; border-right: 1px solid var(--beige); white-space: nowrap; }\n .tab-btn.active { background: var(--amber); color: #fff; font-weight: 600; }\n .tab-btn:hover:not(.active) { background: var(--beige); color: var(--brown); }\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n .tour-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }\n .tour-image-main { width: 100%; aspect-ratio: 4\/3; object-fit: cover; border-radius: 3px; box-shadow: var(--shadow); cursor: zoom-in; transition: transform 0.35s; }\n .tour-image-main:hover { transform: scale(1.02); }\n .arch-features { list-style: none; margin-top: 18px; }\n .arch-features li { display: flex; align-items: flex-start; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--beige); font-size: 1rem; color: var(--text-body); }\n .arch-features li::before { content: ''; flex-shrink: 0; margin-top: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--amber); }\n \n \/* ===== TREASURES ===== *\/\n #treasures { background: var(--cream-light); }\n .treasures-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\n .treasure-card { background: #fff; border-radius: 4px; overflow: hidden; box-shadow: var(--shadow-sm); transition: transform 0.3s; border: 1px solid var(--beige); }\n .treasure-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }\n .treasure-card-img { width: 100%; aspect-ratio: 4\/3; object-fit: cover; }\n .treasure-card-body { padding: 22px 22px 26px; }\n .treasure-tag { font-size: 0.76rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber); font-weight: 600; margin-bottom: 8px; }\n .treasure-feature { grid-column: span 3; display: grid; grid-template-columns: 1.2fr 1fr; background: linear-gradient(135deg, var(--brown) 0%, var(--brown-dark) 100%); border-radius: 4px; overflow: hidden; box-shadow: var(--shadow); }\n .treasure-feature-img { width: 100%; height: 100%; object-fit: cover; min-height: 280px; }\n .treasure-feature-text { padding: 40px 36px; color: rgba(255,255,255,0.88); }\n .treasure-feature-text h3 { color: #fff !important; margin-bottom: 16px !important; }\n \n \/* ===== FESTIVAL\/VALUES ===== *\/\n #festival { background: var(--brown); }\n .festival-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 48px; }\n .festival-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(200,146,42,0.25); border-radius: 4px; padding: 32px; transition: background 0.3s; }\n .festival-card:hover { background: rgba(200,146,42,0.1); }\n .festival-icon { width: 48px; height: 48px; background: rgba(200,146,42,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }\n .festival-card h4 { color: #E8B84B !important; margin-bottom: 10px !important; font-size: 1.25rem !important; }\n .festival-card p { color: rgba(255,255,255,0.92) !important; font-size: 1rem; line-height: 1.85; }\n \n \/* ===== GALLERY ===== *\/\n #gallery { background: var(--cream-light); padding: 60px 0; }\n .gallery-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }\n .gallery-item { position: relative; overflow: hidden; border-radius: 3px; cursor: pointer; }\n .gallery-item img { width: 100%; aspect-ratio: 4\/3; object-fit: cover; transition: transform 0.5s; }\n .gallery-item:hover img { transform: scale(1.06); }\n .gallery-item-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(44,26,14,0.7) 0%, transparent 55%); display: flex; align-items: flex-end; padding: 16px; opacity: 0; transition: opacity 0.3s; }\n .gallery-item:hover .gallery-item-overlay { opacity: 1; }\n .gallery-item-label { font-size: 0.82rem; color: #fff; font-family: 'Playfair Display', serif; font-style: italic; }\n \n \/* ===== MODALS & UI ===== *\/\n footer { background: var(--brown-dark); padding: 40px 24px; text-align: center; }\n .footer-logo { font-family: 'Playfair Display', serif; font-size: 1.5rem; color: var(--amber-light); letter-spacing: 0.1em; margin-bottom: 10px; }\n .footer-line { width: 40px; height: 1px; background: var(--amber); margin: 16px auto; }\n \n .lightbox-overlay { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.93); align-items: center; justify-content: center; padding: 20px; }\n .lightbox-overlay.open { display: flex; }\n .lightbox-img { max-width: 90vw; max-height: 88vh; border-radius: 3px; box-shadow: 0 0 60px rgba(0,0,0,0.6); }\n .lightbox-close { position: fixed; top: 20px; right: 24px; background: none; border: none; color: #fff; font-size: 2.2rem; cursor: pointer; }\n \n .quiz-modal-overlay { display: none; position: fixed; inset: 0; z-index: 8888; background: rgba(30,15,5,0.88); align-items: center; justify-content: center; padding: 20px; }\n .quiz-modal-overlay.open { display: flex; }\n .quiz-modal { background: var(--cream-light); max-width: 520px; width: 100%; border-radius: 6px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.4); }\n .quiz-modal-header { background: linear-gradient(135deg, var(--brown) 0%, var(--brown-dark) 100%); padding: 24px 28px; display: flex; align-items: center; gap: 14px; }\n .quiz-modal-header h4 { color: var(--amber-light); font-size: 0.8rem; letter-spacing: 0.18em; text-transform: uppercase; }\n .quiz-modal-body { padding: 28px 28px 10px; }\n .quiz-question { font-family: 'Playfair Display', serif; font-size: 1.18rem; color: var(--brown); margin-bottom: 22px; line-height: 1.65; }\n .quiz-option { padding: 14px 18px; border: 2px solid var(--beige); border-radius: 4px; background: #fff; cursor: pointer; font-size: 1rem; color: var(--text-body); transition: all 0.2s; text-align: left; margin-bottom: 10px; }\n .quiz-option:hover { border-color: var(--amber); color: var(--brown); }\n .quiz-option.correct { border-color: #4CAF50; background: #f1fff2; color: #2e7d32; }\n .quiz-option.wrong { border-color: #ef5350; background: #fff5f5; color: #c62828; }\n .quiz-answer { display: none; background: linear-gradient(135deg, #f9f1e0, #fff8ed); border-left: 4px solid var(--amber); padding: 16px 18px; margin-bottom: 18px; }\n .quiz-answer.show { display: block; }\n .quiz-modal-footer { padding: 12px 28px 24px; display: flex; justify-content: flex-end; }\n .quiz-close-btn { background: var(--amber); color: #fff; border: none; padding: 10px 24px; border-radius: 3px; font-weight: 600; cursor: pointer; }\n .quiz-reset { background: none; border: none; color: var(--stone); cursor: pointer; margin-right: auto; }\n \n .reading-progress { position: fixed; top: 58px; left: 0; z-index: 999; width: 0%; height: 3px; background: linear-gradient(to right, var(--amber-dark), var(--amber-light)); }\n .back-top { position: fixed; bottom: 28px; right: 24px; z-index: 500; width: 44px; height: 44px; border-radius: 50%; background: var(--amber); color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: 0.3s; transform: translateY(10px); }\n .back-top.visible { opacity: 1; pointer-events: all; transform: translateY(0); }\n \n \/* RESPONSIVE *\/\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .intro-grid, .tour-layout, .festival-grid { grid-template-columns: 1fr; }\n .timeline::before { left: 20px; transform: none; }\n .timeline-item, .timeline-item:nth-child(odd) { flex-direction: column !important; }\n .tl-content, .timeline-item:nth-child(odd) .tl-content { width: 100% !important; padding: 22px 20px 22px 52px !important; text-align: left !important; }\n .tl-dot { left: 20px !important; }\n .treasures-grid { grid-template-columns: 1fr 1fr; }\n .treasure-feature { grid-column: span 2; grid-template-columns: 1fr; }\n .gallery-strip { grid-template-columns: 1fr 1fr; }\n .tour-tabs { flex-wrap: wrap; }\n .tab-btn { flex: 1 1 50%; }\n }\n @media (max-width: 600px) {\n html { font-size: 16px; }\n .treasures-grid { grid-template-columns: 1fr; }\n .treasure-feature { grid-column: span 1; }\n h1.hero-title { font-size: 2.6rem !important; }\n .tab-btn { flex: 1 1 100%; border-right: none !important; border-bottom: 1px solid var(--beige); }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"reading-progress\" id=\"readingProgress\"><\/div>\n\n<nav id=\"mainNav\">\n <div class=\"nav-logo\">\u0110\u00ccNH CAO \u0110\u00c0I<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#intro\">T\u1ed5ng quan<\/a><\/li>\n <li><a href=\"#history\">L\u1ecbch s\u1eed<\/a><\/li>\n <li><a href=\"#tour\">Ki\u1ebfn tr\u00fac<\/a><\/li>\n <li><a href=\"#treasures\">B\u00e1u v\u1eadt<\/a><\/li>\n <li><a href=\"#festival\">T\u01b0\u1edfng ni\u1ec7m<\/a><\/li>\n <li><a href=\"#gallery\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/a><\/li>\n <\/ul>\n <button class=\"hamburger\" id=\"hamburgerBtn\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\n<\/nav>\n\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <ul>\n <li><a href=\"#intro\" onclick=\"closeMobileNav()\">T\u1ed5ng quan<\/a><\/li>\n <li><a href=\"#history\" onclick=\"closeMobileNav()\">L\u1ecbch s\u1eed<\/a><\/li>\n <li><a href=\"#tour\" onclick=\"closeMobileNav()\">Ki\u1ebfn tr\u00fac<\/a><\/li>\n <li><a href=\"#treasures\" onclick=\"closeMobileNav()\">B\u00e1u v\u1eadt<\/a><\/li>\n <li><a href=\"#festival\" onclick=\"closeMobileNav()\">T\u01b0\u1edfng ni\u1ec7m<\/a><\/li>\n <li><a href=\"#gallery\" onclick=\"closeMobileNav()\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/a><\/li>\n <\/ul>\n<\/div>\n\n<section id=\"hero\">\n <div class=\"hero-bg\" id=\"heroBg\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge fade-in\">Di t\u00edch L\u1ecbch s\u1eed \u2013 V\u0103n h\u00f3a \u00b7 T\u1ec9nh Ninh B\u00ecnh<\/div>\n <h1 class=\"hero-title fade-in\" style=\"transition-delay:0.15s;\">\u0110\u00ccNH MI\u1ec4U CAO \u0110\u00c0I<\/h1>\n <p class=\"hero-subtitle fade-in\" style=\"transition-delay:0.25s;\">Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c \u00b7 T\u1ec9nh Ninh B\u00ecnh<\/p>\n <div class=\"hero-divider fade-in\" style=\"transition-delay:0.35s\"><\/div>\n <blockquote class=\"hero-quote fade-in\" style=\"transition-delay:0.45s;\">\n “Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i l\u00fac l\u00e0m t\u01b0\u1edbng v\u00f5, l\u00fac l\u00e0m t\u01b0\u1edbng v\u0103n, gi\u00fap v\u01b0\u01a1ng nghi\u1ec7p nh\u00e0 Tr\u1ea7n uy danh ngang v\u1edbi H\u01b0ng \u0110\u1ea1o \u0111\u1ea1i v\u01b0\u01a1ng.”\n <\/blockquote>\n <p class=\"hero-quote-attr fade-in\" style=\"transition-delay:0.55s\">\u2014 Vi\u1ec7t s\u1eed th\u00f4ng gi\u00e1m c\u01b0\u01a1ng m\u1ee5c<\/p>\n <\/div>\n <div class=\"hero-scroll\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n <span>Kh\u00e1m ph\u00e1<\/span>\n <\/div>\n<\/section>\n\n<section id=\"intro\">\n <div class=\"container\">\n <div class=\"intro-grid\">\n <div class=\"intro-image-wrap fade-in-left\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tuong-tho-Thuong-tuong-Thai-Su-Chieu-Minh-Dai-Vuong-Tran-Quang-Khai-va-Cong-chua-Phung-Duong.jpg\" alt=\"T\u01b0\u1ee3ng th\u1edd Th\u00e1i s\u01b0 v\u00e0 C\u00f4ng ch\u00faa\" onclick=\"openLightbox(this.src, 'T\u01b0\u1ee3ng th\u1edd Th\u01b0\u1ee3ng t\u01b0\u1edbng Th\u00e1i S\u01b0 Tr\u1ea7n Quang Kh\u1ea3i v\u00e0 C\u00f4ng ch\u00faa Ph\u1ee5ng D\u01b0\u01a1ng')\">\n <div class=\"intro-image-badge\">\n <strong>Th\u1ebf k\u1ef7 XIII<\/strong>\n Kh\u1edfi d\u1ef1ng Th\u00e1i \u1ea5p\n <\/div>\n <\/div>\n <div class=\"intro-text fade-in-right\">\n <span class=\"section-badge\">T\u1ed5ng quan di t\u00edch<\/span>\n <h3>N\u01a1i l\u01b0u gi\u1eef h\u1ed3n thi\u00eang nh\u00e0 Tr\u1ea7n<\/h3>\n <p>\u0110\u00ecnh Cao \u0110\u00e0i t\u1ecda l\u1ea1c t\u1ea1i T\u1ed5 d\u00e2n ph\u1ed1 Cao \u0110\u00e0i 1, ph\u01b0\u1eddng M\u1ef9 L\u1ed9c, t\u1ec9nh Ninh B\u00ecnh. V\u00e0o th\u1eddi Tr\u1ea7n (th\u1ebf k\u1ef7 XIII \u2013 XIV), n\u01a1i \u0111\u00e2y ch\u00ednh l\u00e0 th\u00e1i \u1ea5p c\u1ee7a Th\u01b0\u1ee3ng t\u01b0\u1edbng Th\u00e1i s\u01b0 Chi\u00eau Minh V\u01b0\u01a1ng <strong>Tr\u1ea7n Quang Kh\u1ea3i<\/strong> v\u00e0 v\u1ee3 l\u00e0 <strong>Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa<\/strong>.<\/p>\n <p>Sau khi chi\u1ebfn tranh k\u1ebft th\u00fac v\u00e0 hai v\u1ecb qua \u0111\u1eddi, khu th\u00e1i \u1ea5p n\u00e0y tr\u1edf th\u00e0nh n\u01a1i th\u1edd t\u1ef1 thi\u00eang li\u00eang. Ng\u00e0y nay, \u0111\u00ecnh Cao \u0110\u00e0i th\u1edd t\u1ef1 hai v\u1ee3 ch\u1ed3ng Th\u00e1i s\u01b0 c\u00f9ng n\u0103m v\u1ecb th\u1ea7n kh\u00e1c: Linh Lang, Nam H\u1ea3i, C\u00e2u Mang, \u1ea2 N\u01b0\u01a1ng c\u00f4ng ch\u00faa, v\u00e0 \u0110\u00f4 \u0111\u1ea7u nh\u1eef h\u1ea1.<\/p>\n <div class=\"intro-meta\">\n <div class=\"meta-item\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg> M\u1ef9 L\u1ed9c, Ninh B\u00ecnh<\/div>\n <div class=\"meta-item\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg> Di v\u1eadt t\u1eeb Th\u1ebf k\u1ef7 XIII<\/div>\n <div class=\"meta-item\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> Di t\u00edch c\u1ea5p Qu\u1ed1c gia<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"history\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">H\u00e0nh tr\u00ecnh l\u1ecbch s\u1eed<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">D\u00f2ng Ch\u1ea3y V\u01b0\u1ee3t Th\u1eddi Gian<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">Tr\u1ea3i qua bi\u1ebfn thi\u00ean c\u1ee7a l\u1ecbch s\u1eed, \u0110\u00ecnh Cao \u0110\u00e0i v\u1eabn l\u01b0u gi\u1eef nh\u1eefng d\u1ea5u \u1ea5n t\u1eeb th\u1eddi k\u1ef3 h\u00e0o h\u00f9ng c\u1ee7a qu\u00e2n d\u00e2n nh\u00e0 Tr\u1ea7n.<\/p>\n <\/div>\n\n <div class=\"timeline\">\n <div class=\"timeline-item fade-in\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">Th\u1ebf k\u1ef7 XIII – XIV<\/span>\n <div class=\"tl-title\">Th\u00e1i \u1ea4p H\u00e0o M\u00f4n<\/div>\n <p class=\"tl-text\">V\u00f9ng \u0111\u1ea5t n\u00e0y l\u00e0 th\u00e1i \u1ea5p c\u1ee7a Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i, do v\u1ee3 \u00f4ng – Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa tr\u1ef1c ti\u1ebfp qu\u1ea3n l\u00fd v\u00e0 ch\u0103m lo s\u1ea3n xu\u1ea5t, ph\u00e1t tri\u1ec3n th\u00e0nh m\u1ed9t c\u01a1 s\u1edf kinh t\u1ebf v\u00e0 c\u0103n c\u1ee9 quan tr\u1ecdng th\u1eddi chi\u1ebfn.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.12s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">N\u0103m 1291 & 1294<\/span>\n <div class=\"tl-title\">Tr\u1edf Th\u00e0nh N\u01a1i Th\u1edd T\u1ef1<\/div>\n <p class=\"tl-text\">Sau khi Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa m\u1ea5t (1291) v\u00e0 Th\u00e1i s\u01b0 t\u1eeb tr\u1ea7n (1294), ph\u1ea7n l\u1edbn gia n\u00f4 \u0111\u01b0\u1ee3c gi\u1ea3i ph\u00f3ng, \u0111\u1ea5t th\u00e1i \u1ea5p \u0111\u01b0\u1ee3c chia cho d\u00e2n, ch\u1ec9 gi\u1eef l\u1ea1i m\u1ed9t ph\u1ea7n \u0111\u1ec3 l\u1eadp \u0111\u1ec1n th\u1edd ph\u1ee5ng hai \u00f4ng b\u00e0.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.24s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">Th\u1ebf k\u1ef7 XVII – XVIII<\/span>\n <div class=\"tl-title\">Ki\u1ebfn Tr\u00fac H\u1eadu L\u00ea<\/div>\n <p class=\"tl-text\">Ng\u00f4i \u0111\u00ecnh tr\u1ea3i qua qu\u00e1 tr\u00ecnh tu t\u1ea1o l\u1edbn, v\u1edbi ki\u1ebfn tr\u00fac t\u00f2a \u0111\u1ec7 nh\u1ecb v\u00e0 h\u1eadu cung mang \u0111\u1eadm d\u1ea5u \u1ea5n ngh\u1ec7 thu\u1eadt th\u1eddi H\u1eadu L\u00ea. C\u1eeda cung \u0111\u01b0\u1ee3c ch\u1ea1m n\u1ed5i h\u00ecnh r\u1ed3ng ch\u1ea7u, chim mu\u00f4ng sinh \u0111\u1ed9ng.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.36s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">N\u0103m 1908 (Duy T\u00e2n th\u1ee9 2)<\/span>\n <div class=\"tl-title\">X\u00e2y D\u1ef1ng T\u00f2a B\u00e1i \u0110\u01b0\u1eddng<\/div>\n <p class=\"tl-text\">Ki\u1ebfn tr\u00fac T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian g\u1ed7 lim, l\u1ee3p ng\u00f3i c\u1ed5 \u0111\u01b0\u1ee3c t\u00f4n t\u1ea1o mang d\u00e1ng d\u1ea5p uy nghi, b\u1ec1 th\u1ebf c\u1ee7a th\u1eddi Nguy\u1ec5n, b\u1ed5 sung 4 c\u1ed9t \u0111\u1ed3ng tr\u1ee5 v\u00e0 s\u00e2n l\u00e1t g\u1ea1ch trang tr\u1ecdng.<\/p>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(0)\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> C\u00e2u h\u1ecfi t\u01b0\u01a1ng t\u00e1c\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item fade-in\" style=\"transition-delay:0.48s\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-content\">\n <span class=\"tl-era\">N\u0103m 1978<\/span>\n <div class=\"tl-title\">Kh\u1ea3o C\u1ed5 L\u0103ng M\u1ed9 C\u1ed5<\/div>\n <p class=\"tl-text\">Vi\u1ec7n Kh\u1ea3o c\u1ed5 h\u1ecdc Vi\u1ec7t Nam th\u00e1m s\u00e1t g\u00f2 m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa, x\u00e1c \u0111\u1ecbnh l\u1edbp \u0111\u1ea5t s\u00e9t v\u00e0 than c\u1ee7i \u2014 c\u1ea5u tr\u00fac b\u1ea3o v\u1ec7 \u0111\u1eb7c tr\u01b0ng c\u1ee7a m\u1ed9 th\u1eddi Tr\u1ea7n, kh\u1eb3ng \u0111\u1ecbnh gi\u00e1 tr\u1ecb to l\u1edbn c\u1ee7a di t\u00edch.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"tour\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">Tham quan kh\u00f4ng gian<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">Ki\u1ebfn Tr\u00fac & C\u1ea3nh Quan<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">Qu\u1ea7n th\u1ec3 di t\u00edch \u0110\u00ecnh Cao \u0110\u00e0i bao g\u1ed3m nhi\u1ec1u c\u00f4ng tr\u00ecnh mang \u0111\u1eadm d\u1ea5u \u1ea5n ngh\u1ec7 thu\u1eadt tr\u1ea3i d\u00e0i t\u1eeb th\u1eddi Tr\u1ea7n, H\u1eadu L\u00ea \u0111\u1ebfn th\u1eddi Nguy\u1ec5n.<\/p>\n <\/div>\n\n <div class=\"tour-tabs fade-in\">\n <button class=\"tab-btn active\" onclick=\"switchTab('tab-baiduong')\">\u26e9 T\u00f2a B\u00e1i \u0110\u01b0\u1eddng<\/button>\n <button class=\"tab-btn\" onclick=\"switchTab('tab-haucung')\">\ud83d\udd25 \u0110\u1ec7 Nh\u1ecb & H\u1eadu Cung<\/button>\n <button class=\"tab-btn\" onclick=\"switchTab('tab-langmo')\">\ud83c\udf33 L\u0103ng M\u1ed9 C\u00f4ng Ch\u00faa<\/button>\n <\/div>\n\n <div id=\"tab-baiduong\" class=\"tab-panel active fade-in\">\n <div class=\"tour-layout\">\n <div>\n <img decoding=\"async\" class=\"tour-image-main\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Toa-bai-duong-5-gian-Dinh-Mieu-Cao-dai.jpg\" alt=\"T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian\" onclick=\"openLightbox(this.src, 'T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian g\u1ed7 lim l\u1ee3p ng\u00f3i c\u1ed5')\">\n <\/div>\n <div class=\"tour-details\">\n <span class=\"section-badge\">Ki\u1ebfn tr\u00fac Nguy\u1ec5n<\/span>\n <h3>T\u00f2a B\u00e1i \u0110\u01b0\u1eddng Uy Nghi<\/h3>\n <p>\u0110\u01b0\u1ee3c t\u00f4n t\u1ea1o v\u00e0 x\u00e2y d\u1ef1ng l\u1ea1i v\u00e0o n\u0103m M\u1eadu Th\u00e2n (1908) d\u01b0\u1edbi tri\u1ec1u vua Duy T\u00e2n, T\u00f2a B\u00e1i \u0110\u01b0\u1eddng g\u1ed3m 5 gian l\u00e0m b\u1eb1ng g\u1ed7 lim ch\u1eafc ch\u1eafn v\u00e0 l\u1ee3p ng\u00f3i c\u1ed5.<\/p>\n <ul class=\"arch-features\">\n <li>C\u1ea5u tr\u00fac 5 gian g\u1ed7 lim b\u1ec1 th\u1ebf, uy nghi.<\/li>\n <li>Bao quanh c\u00f3 t\u01b0\u1eddng bao b\u1ea3o v\u1ec7.<\/li>\n <li>Ph\u00eda tr\u01b0\u1edbc c\u00f3 4 c\u1ed9t \u0111\u1ed3ng tr\u1ee5, hai c\u1ed9t gi\u1eefa c\u00f3 ngh\u00ea ch\u1ea7u uy d\u0169ng.<\/li>\n <li>S\u00e2n l\u00e1t g\u1ea1ch r\u1ed9ng, ph\u00eda tr\u01b0\u1edbc c\u00f3 hai c\u00e2y \u0111a c\u1ed5 th\u1ee5 xum xu\u00ea.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"tab-haucung\" class=\"tab-panel fade-in\">\n <div class=\"tour-layout\">\n <div>\n <img decoding=\"async\" class=\"tour-image-main\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Dinh-Mieu-Cao-Dai-Ben-trong-gian-tho-toa-bai-duong.jpg\" alt=\"B\u00ean trong gian th\u1edd\" onclick=\"openLightbox(this.src, 'B\u00ean trong gian th\u1edd v\u1edbi ngh\u1ec7 thu\u1eadt \u0111i\u00eau kh\u1eafc g\u1ed7 tinh x\u1ea3o')\">\n <\/div>\n <div class=\"tour-details\">\n <span class=\"section-badge\">Ngh\u1ec7 thu\u1eadt H\u1eadu L\u00ea<\/span>\n <h3>T\u00f2a \u0110\u1ec7 Nh\u1ecb & H\u1eadu Cung<\/h3>\n <p>C\u1ea5u tr\u00fac c\u1ee7a \u0111\u00ecnh thi\u1ebft k\u1ebf theo ki\u1ec3u “ti\u1ec1n nh\u1ea5t, h\u1eadu \u0111inh”. T\u00f2a \u0111\u1ec7 nh\u1ecb v\u00e0 h\u1eadu cung mang \u0111\u1eadm ngh\u1ec7 thu\u1eadt \u0111i\u00eau kh\u1eafc g\u1ed7 c\u1ee7a th\u1ebf k\u1ef7 XVII, XVIII.<\/p>\n <ul class=\"arch-features\">\n <li>M\u00e1i cong, l\u1ee3p ng\u00f3i m\u0169i h\u00e0i thanh tho\u00e1t.<\/li>\n <li>T\u01b0\u1eddng gh\u00e9p b\u1eb1ng g\u1ed7 v\u00e1n b\u1ee9c b\u00e0n truy\u1ec1n th\u1ed1ng.<\/li>\n <li>C\u1ed9t v\u00e0 b\u1ea1o c\u1eeda ch\u1ea1m n\u1ed5i r\u1ed3ng ch\u1ea7u, hoa sen, c\u00fac, chim mu\u00f4ng sinh \u0111\u1ed9ng.<\/li>\n <li>C\u1eeda v\u00f5ng h\u1eadu cung kh\u1eafc d\u00f2ng \u0111\u1ea1i t\u1ef1 “\u0110\u1ea1i v\u01b0\u01a1ng th\u01b0\u1ee3ng \u0111\u1eb3ng th\u1ea7n t\u1eeb” \u0111\u1eb7t d\u1ecdc trong khung sen.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"tab-langmo\" class=\"tab-panel fade-in\">\n <div class=\"tour-layout\">\n <div>\n <img decoding=\"async\" class=\"tour-image-main\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khu-lang-mo-Phung-Duong-Cong-Chua.jpg\" alt=\"Khu l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng Ch\u00faa\" onclick=\"openLightbox(this.src, 'Khu l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng Ch\u00faa (khu Ph\u1ee7 R\u1eebng)')\">\n <\/div>\n <div class=\"tour-details\">\n <span class=\"section-badge\">Kh\u1ea3o c\u1ed5 h\u1ecdc<\/span>\n <h3>L\u0103ng M\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng Ch\u00faa<\/h3>\n <p>Ph\u00eda tr\u01b0\u1edbc \u0111\u00ecnh (h\u01b0\u1edbng Nam) l\u00e0 m\u1ed9t g\u00f2 \u0111\u1ea5t cao h\u01a1n 4 m\u00e9t, di\u1ec7n t\u00edch tr\u00ean 2 s\u00e0o, nh\u00e2n d\u00e2n g\u1ecdi l\u00e0 khu Ph\u1ee7 r\u1eebng v\u00ec c\u00e2y c\u1ed1i um t\u00f9m. \u0110\u00e2y ch\u00ednh l\u00e0 m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng c\u00f4ng ch\u00faa \u2014 <strong>ng\u00f4i m\u1ed9 th\u1eddi Tr\u1ea7n duy nh\u1ea5t \u0111\u01b0\u1ee3c ph\u00e1t hi\u1ec7n t\u1ea1i Ninh B\u00ecnh.<\/strong><\/p>\n <ul class=\"arch-features\">\n <li>C\u1ea5u tr\u00fac m\u1ed9 c\u00f3 l\u1edbp \u0111\u1ea5t s\u00e9t m\u1ecbn v\u00e0 than c\u1ee7i, \u0111\u1eb7c tr\u01b0ng c\u1ee7a m\u1ed9 th\u1eddi Tr\u1ea7n.<\/li>\n <li>\u0110\u01b0\u1eddng v\u00e0o c\u00f3 c\u1ea7u \u0111\u00e1 v\u00e0 h\u1ec7 th\u1ed1ng t\u1ee9 c\u1ed9t \u0111\u1ed3ng tr\u1ee5 uy nghi\u00eam.<\/li>\n <li>G\u1ea7n \u0111\u00f3 c\u00f2n c\u00f3 g\u00f2 C\u00e2y Sang v\u00e0 g\u00f2 N\u1ed3i Ch\u00f5, t\u01b0\u01a1ng truy\u1ec1n l\u00e0 m\u1ed9 c\u1ee7a hai con g\u00e1i Th\u00e1i s\u01b0.<\/li>\n <\/ul>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(1)\" style=\"margin-top:16px\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> C\u00e2u h\u1ecfi t\u01b0\u01a1ng t\u00e1c\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section id=\"treasures\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">B\u1ea3o v\u1eadt truy\u1ec1n \u0111\u1eddi<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">Nh\u1eefng Di V\u1eadt Qu\u00fd Gi\u00e1<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">Kh\u00f4ng ch\u1ec9 mang gi\u00e1 tr\u1ecb t\u00e2m linh, \u0111\u00ecnh Cao \u0110\u00e0i c\u00f2n l\u01b0u gi\u1eef nh\u1eefng hi\u1ec7n v\u1eadt kh\u1ea3o c\u1ed5 v\u00e0 v\u0103n b\u1ea3n l\u1ecbch s\u1eed v\u00f4 gi\u00e1.<\/p>\n <\/div>\n\n <div class=\"treasures-grid\">\n <div class=\"treasure-feature fade-in\">\n <img decoding=\"async\" class=\"treasure-feature-img\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tuong-tho-Thuong-tuong-Thai-Su-Chieu-Minh-Dai-Vuong-Tran-Quang-Khai-va-Cong-chua-Phung-Duong.jpg\" alt=\"T\u01b0 li\u1ec7u Bia \u0110\u00e1\">\n <div class=\"treasure-feature-text\">\n <span class=\"treasure-tag\">V\u0103n Bia L\u1ecbch S\u1eed<\/span>\n <h3>T\u1ea5m Bia \u0110\u00e1 N\u0103m 1293<\/h3>\n <p>Kh\u1eafc n\u0103m Qu\u00fd T\u1ef5 (ni\u00ean hi\u1ec7u H\u01b0ng Long th\u1ee9 nh\u1ea5t), \u0111\u00e2y l\u00e0 di v\u1eadt qu\u00fd nh\u1ea5t trong khu di t\u00edch. T\u1ea5m bia cung c\u1ea5p th\u00f4ng tin v\u00f4 gi\u00e1 v\u1ec1 cu\u1ed9c \u0111\u1eddi Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa, t\u00e0i thao l\u01b0\u1ee3c c\u1ee7a Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i trong tr\u1eadn \u0110\u1ed9c L\u1eadp, v\u00e0 \u0111\u1eb7c bi\u1ec7t h\u00e9 l\u1ed9 <strong>t\u1ee5c \u01b0\u1edbp x\u00e1c th\u1eddi Tr\u1ea7n<\/strong> (thi h\u00e0i c\u00f4ng ch\u00faa \u0111\u01b0\u1ee3c l\u01b0u gi\u1eef trong nh\u00e0 2 n\u0103m 20 ng\u00e0y tr\u01b0\u1edbc khi an t\u00e1ng).<\/p>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(2)\" style=\"margin-top:18px\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> C\u00e2u h\u1ecfi t\u01b0\u01a1ng t\u00e1c\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"treasure-card fade-in\" style=\"transition-delay:0.1s\">\n <div class=\"treasure-card-body\">\n <div class=\"treasure-tag\">Kh\u1ea3o C\u1ed5 H\u1ecdc<\/div>\n <h4>C\u1ed5 V\u1eadt D\u01b0\u1edbi L\u00f2ng \u0110\u1ea5t<\/h4>\n <p>T\u1ea1i khu v\u1ef1c x\u00f3m Mi\u1ec5u, nh\u00e2n d\u00e2n \u0111\u00e0o \u0111\u01b0\u1ee3c nhi\u1ec1u g\u1ea1ch ng\u00f3i ch\u1eef nh\u1eadt c\u1ee1 l\u1edbn, g\u1ea1ch hoa in ch\u1eef “V\u0129nh Ninh Tr\u01b0\u1eddng” v\u00e0 m\u1ea3nh b\u00e1t \u0111\u0129a men n\u00e2u, men d\u1ea1n \u0111\u1eb7c tr\u01b0ng th\u1eddi Tr\u1ea7n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"treasure-card fade-in\" style=\"transition-delay:0.2s\">\n <div class=\"treasure-card-body\">\n <div class=\"treasure-tag\">\u0110i\u00eau Kh\u1eafc G\u1ed7<\/div>\n <h4>B\u1ee9c \u0110\u1ea1i T\u1ef1 “H\u1eefu Cao \u0110\u00e0i”<\/h4>\n <p>B\u1ee9c ho\u00e0nh phi kh\u1eafc n\u1ed5i 3 ch\u1eef “H\u1eefu Cao \u0110\u00e0i” s\u01a1n son th\u1ebfp v\u00e0ng. C\u00e2u n\u00e0y g\u1ee3i nh\u1edb l\u1ea7u cao ng\u1eafm tr\u0103ng c\u1ee7a Th\u00e1i s\u01b0 th\u1eddi b\u00ecnh, v\u00e0 tr\u1ea1m quan s\u00e1t ch\u1ed1ng gi\u1eb7c khi c\u00f3 chi\u1ebfn tranh.<\/p>\n <button class=\"quiz-trigger\" onclick=\"openQuiz(3)\" style=\"margin-top:10px\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg> Th\u1eed t\u00e0i\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"treasure-card fade-in\" style=\"transition-delay:0.3s\">\n <div class=\"treasure-card-body\">\n <div class=\"treasure-tag\">\u0110\u1ed3 Th\u1edd T\u1ef1 C\u1ed5<\/div>\n <h4>Ngai Th\u1edd H\u1eadu L\u00ea<\/h4>\n <p>B\u00ean trong \u0111\u00ecnh c\u00f2n g\u00ecn gi\u1eef c\u00e1c ngai th\u1edd c\u00f3 ni\u00ean \u0111\u1ea1i t\u1eeb th\u1ebf k\u1ef7 XVII – XVIII, l\u00e0 nh\u1eefng t\u00e1c ph\u1ea9m ngh\u1ec7 thu\u1eadt ch\u1ea1m kh\u1eafc g\u1ed7 c\u00f3 gi\u00e1 tr\u1ecb l\u1ecbch s\u1eed v\u00e0 th\u1ea9m m\u1ef9 c\u1ef1c cao.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"festival\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">Di S\u1ea3n T\u00e2m Linh<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">N\u01a1i T\u01b0\u1edfng Ni\u1ec7m & Tri \u00c2n<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <p class=\"section-desc fade-in\" style=\"transition-delay:0.25s\">\u0110\u00ecnh mi\u1ec5u Cao \u0110\u00e0i kh\u00f4ng ch\u1ec9 l\u00e0 di ch\u1ec9 kh\u1ea3o c\u1ed5 m\u00e0 c\u00f2n l\u00e0 trung t\u00e2m t\u00edn ng\u01b0\u1ee1ng, t\u01b0\u1edfng nh\u1edb c\u00f4ng lao to l\u1edbn c\u1ee7a qu\u00e2n d\u00e2n nh\u00e0 Tr\u1ea7n.<\/p>\n <\/div>\n\n <div class=\"festival-grid\">\n <div class=\"festival-card fade-in\">\n <div class=\"festival-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <h4>Tinh Th\u1ea7n H\u00e0o Kh\u00ed \u0110\u00f4ng A<\/h4>\n <p>Di t\u00edch g\u1ee3i nh\u1edb v\u1ec1 Th\u00e1i \u1ea5p \u0110\u1ed9c L\u1eadp – n\u01a1i \u0111\u00f3ng vai tr\u00f2 h\u1eadu ph\u01b0\u01a1ng v\u00e0 c\u0103n c\u1ee9 \u0111\u1ecba chi\u1ebfn l\u01b0\u1ee3c trong cu\u1ed9c kh\u00e1ng chi\u1ebfn ch\u1ed1ng Nguy\u00ean M\u00f4ng l\u1ea7n th\u1ee9 hai (1285).<\/p>\n <\/div>\n <div class=\"festival-card fade-in\" style=\"transition-delay:0.12s\">\n <div class=\"festival-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <\/div>\n <h4>Gi\u00e1o D\u1ee5c Truy\u1ec1n Th\u1ed1ng<\/h4>\n <p>C\u00e2u chuy\u1ec7n v\u1ec1 v\u1ecb Th\u00e1i s\u01b0 v\u1eb9n to\u00e0n v\u0103n v\u00f5 v\u00e0 ng\u01b0\u1eddi v\u1ee3 \u0111\u1ea3m \u0111ang qu\u1ea3n l\u00fd th\u00e1i \u1ea5p l\u00e0 b\u00e0i h\u1ecdc l\u1ecbch s\u1eed s\u1ed1ng \u0111\u1ed9ng v\u1ec1 t\u00ecnh y\u00eau n\u01b0\u1edbc v\u00e0 tinh th\u1ea7n t\u1ef1 l\u1ef1c c\u1ee7a ng\u01b0\u1eddi d\u00e2n Ninh B\u00ecnh.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"gallery\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-badge fade-in\">Th\u01b0 vi\u1ec7n h\u00ecnh \u1ea3nh<\/span>\n <h2 class=\"section-title fade-in\" style=\"transition-delay:0.1s\">Kh\u00f4ng Gian Di T\u00edch<\/h2>\n <div class=\"section-line fade-in\" style=\"transition-delay:0.2s\"><\/div>\n <\/div>\n <div class=\"gallery-strip\">\n <div class=\"gallery-item fade-in\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khong-gian-toan-canh-dinh-Cao-Dai.jpg\" alt=\"To\u00e0n c\u1ea3nh \u0111\u00ecnh Cao \u0110\u00e0i\" onclick=\"openLightbox(this.src, 'Kh\u00f4ng gian to\u00e0n c\u1ea3nh \u0111\u00ecnh Cao \u0110\u00e0i')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">To\u00e0n c\u1ea3nh \u0111\u00ecnh Cao \u0110\u00e0i<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.08s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Toa-bai-duong-5-gian-Dinh-Mieu-Cao-dai.jpg\" alt=\"T\u00f2a b\u00e1i \u0111\u01b0\u1eddng\" onclick=\"openLightbox(this.src, 'T\u00f2a b\u00e1i \u0111\u01b0\u1eddng 5 gian')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">T\u00f2a b\u00e1i \u0111\u01b0\u1eddng th\u1eddi Nguy\u1ec5n<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.16s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Dinh-Mieu-Cao-Dai-Ben-trong-gian-tho-toa-bai-duong.jpg\" alt=\"Gian th\u1edd b\u00ean trong\" onclick=\"openLightbox(this.src, 'Kh\u00f4ng gian thi\u00eang li\u00eang b\u00ean trong gian th\u1edd')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Gian th\u1edd b\u00ean trong<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.24s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tuong-tho-Thuong-tuong-Thai-Su-Chieu-Minh-Dai-Vuong-Tran-Quang-Khai-va-Cong-chua-Phung-Duong.jpg\" alt=\"T\u01b0\u1ee3ng th\u1edd\" onclick=\"openLightbox(this.src, 'T\u01b0\u1ee3ng th\u1edd Th\u00e1i S\u01b0 v\u00e0 C\u00f4ng ch\u00faa')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">T\u01b0\u1ee3ng th\u1edd \u0111\u00f4i<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.32s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Khu-lang-mo-Phung-Duong-Cong-Chua.jpg\" alt=\"Khu l\u0103ng m\u1ed9\" onclick=\"openLightbox(this.src, 'Khu l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">G\u00f2 m\u1ed9 c\u1ed5<\/span><\/div>\n <\/div>\n <div class=\"gallery-item fade-in\" style=\"transition-delay:0.40s\">\n <img decoding=\"async\" src=\"https:\/\/sepa.org.vn\/wp-content\/uploads\/2026\/03\/Tu-cot-dong-tru-va-cau-da-vao-lang-mo-Cong-chua-Phung-Duong.jpg\" alt=\"T\u1ee9 c\u1ed9t \u0111\u1ed3ng tr\u1ee5\" onclick=\"openLightbox(this.src, '\u0110\u01b0\u1eddng d\u1eabn v\u00e0o l\u0103ng m\u1ed9')\">\n <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">\u0110\u01b0\u1eddng d\u1eabn v\u00e0o l\u0103ng m\u1ed9<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"footer-logo\">\u0110\u00ccNH MI\u1ec4U CAO \u0110\u00c0I<\/div>\n <div class=\"footer-line\"><\/div>\n <p class=\"footer-note\">\n Di t\u00edch L\u1ecbch s\u1eed \u2013 V\u0103n h\u00f3a C\u1ea5p Qu\u1ed1c Gia \u00b7 Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c, T\u1ec9nh Ninh B\u00ecnh<br>\n N\u01a1i th\u1edd t\u1ef1 Th\u01b0\u1ee3ng t\u01b0\u1edbng Th\u00e1i s\u01b0 Tr\u1ea7n Quang Kh\u1ea3i v\u00e0 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa\n <\/p>\n <p class=\"footer-source\">\ud83d\udcda T\u01b0 li\u1ec7u l\u1ecbch s\u1eed do Vi\u1ec7n Kh\u1ea3o c\u1ed5 h\u1ecdc Vi\u1ec7t Nam v\u00e0 B\u1ea3o t\u00e0ng t\u1ec9nh l\u01b0u gi\u1eef<\/p>\n <p style=\"font-size:0.72rem; color:rgba(255,255,255,0.2); margin-top:18px;\">Trang web gi\u1edbi thi\u1ec7u di t\u00edch l\u1ecbch s\u1eed \u00b7 B\u1ea3o t\u00e0ng s\u1ed1 t\u01b0\u01a1ng t\u00e1c<\/p>\n<\/footer>\n\n<button class=\"back-top\" id=\"backTop\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\" aria-label=\"V\u1ec1 \u0111\u1ea7u trang\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 15l-6-6-6 6\"\/><\/svg>\n<\/button>\n\n<div class=\"lightbox-overlay\" id=\"lightbox\" onclick=\"closeLightbox()\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/button>\n <img decoding=\"async\" class=\"lightbox-img\" id=\"lightboxImg\" src=\"\" alt=\"\">\n <div class=\"lightbox-caption\" id=\"lightboxCaption\"><\/div>\n<\/div>\n\n<div class=\"quiz-modal-overlay\" id=\"quizModal\">\n <div class=\"quiz-modal\">\n <div class=\"quiz-modal-header\">\n <div class=\"quiz-modal-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8B84B\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <div>\n <h4>\u0110\u1ed1 vui di s\u1ea3n<\/h4>\n <div id=\"quizSectionLabel\" style=\"color:rgba(255,255,255,0.6);font-size:0.78rem;margin-top:2px;font-family:'Inter',sans-serif;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-modal-body\">\n <p class=\"quiz-question\" id=\"quizQuestion\"><\/p>\n <div class=\"quiz-options\" id=\"quizOptions\"><\/div>\n <div class=\"quiz-answer\" id=\"quizAnswer\">\n <p id=\"quizAnswerText\"><\/p>\n <\/div>\n <\/div>\n <div class=\"quiz-modal-footer\">\n <button class=\"quiz-reset\" onclick=\"resetQuiz()\">\u21ba Th\u1eed l\u1ea1i<\/button>\n <button class=\"quiz-close-btn\" onclick=\"closeQuiz()\">\u0110\u00f3ng<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/* === QUIZ DATA === *\/\n const quizzes = [\n {\n section: \"Ki\u1ebfn tr\u00fac \u0110\u00ecnh\",\n question: \"C\u1ea5u tr\u00fac hi\u1ec7n t\u1ea1i c\u1ee7a T\u00f2a \u0110\u1ec7 Nh\u1ecb v\u00e0 H\u1eadu Cung \u0110\u00ecnh Cao \u0110\u00e0i mang \u0111\u1eadm phong c\u00e1ch ngh\u1ec7 thu\u1eadt c\u1ee7a th\u1eddi k\u1ef3 n\u00e0o?\",\n options: [\n \"Th\u1eddi L\u00fd\",\n \"Th\u1eddi H\u1eadu L\u00ea (th\u1ebf k\u1ef7 17, 18)\",\n \"Th\u1eddi Nguy\u1ec5n\",\n \"Th\u1eddi Tr\u1ea7n\"\n ],\n correct: 1,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>Th\u1eddi H\u1eadu L\u00ea<\/strong>. Ph\u1ea7n m\u00e1i cong, l\u1ee3p ng\u00f3i m\u0169i h\u00e0i, t\u01b0\u1eddng v\u00e1n b\u1ee9c b\u00e0n v\u00e0 c\u00e1c m\u1ea3ng ch\u1ea1m kh\u1eafc r\u1ed3ng ch\u1ea7u, sen c\u00fac th\u1ec3 hi\u1ec7n r\u00f5 n\u00e9t ngh\u1ec7 thu\u1eadt \u0111i\u00eau kh\u1eafc g\u1ed7 th\u1ebf k\u1ef7 17-18.\"\n },\n {\n section: \"Kh\u1ea3o c\u1ed5 h\u1ecdc\",\n question: \"Khu v\u1ef1c l\u0103ng m\u1ed9 Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa n\u1eb1m \u1edf \u0111\u00e2u so v\u1edbi \u0111\u00ecnh ch\u00ednh?\",\n options: [\n \"D\u01b0\u1edbi l\u00f2ng \u0111\u1ea5t x\u00f3m Mi\u1ec5u\",\n \"Ph\u00eda B\u1eafc \u0111\u00ecnh, g\u1ea7n g\u00f2 N\u1ed3i Ch\u00f5\",\n \"Ph\u00eda Nam \u0111\u00ecnh (Khu Ph\u1ee7 r\u1eebng)\",\n \"B\u00ean trong gian h\u1eadu cung\"\n ],\n correct: 2,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>Ph\u00eda Nam \u0111\u00ecnh (Khu Ph\u1ee7 r\u1eebng)<\/strong>. N\u01a1i \u0111\u00e2y l\u00e0 g\u00f2 \u0111\u1ea5t cao h\u01a1n 4m, c\u00e2y c\u1ed1i m\u1ecdc um t\u00f9m, v\u00e0 l\u00e0 ng\u00f4i m\u1ed9 th\u1eddi Tr\u1ea7n duy nh\u1ea5t \u0111\u01b0\u1ee3c ph\u00e1t hi\u1ec7n t\u1ea1i Ninh B\u00ecnh.\"\n },\n {\n section: \"B\u1ea3o v\u1eadt v\u00f4 gi\u00e1\",\n question: \"Theo n\u1ed9i dung ghi tr\u00ean t\u1ea5m bia \u0111\u00e1 d\u1ef1ng n\u0103m 1293, thi h\u00e0i c\u1ee7a Ph\u1ee5ng D\u01b0\u01a1ng C\u00f4ng ch\u00faa \u0111\u01b0\u1ee3c l\u01b0u gi\u1eef bao l\u00e2u tr\u01b0\u1edbc khi an t\u00e1ng?\",\n options: [\n \"100 ng\u00e0y\",\n \"1 n\u0103m\",\n \"2 n\u0103m 20 ng\u00e0y\",\n \"3 n\u0103m\"\n ],\n correct: 2,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>2 n\u0103m 20 ng\u00e0y<\/strong> (t\u1eeb 1291 \u0111\u1ebfn 1293). Chi ti\u1ebft n\u00e0y l\u00e0 minh ch\u1ee9ng l\u1ecbch s\u1eed c\u1ef1c k\u1ef3 quan tr\u1ecdng gi\u00fap gi\u1edbi kh\u1ea3o c\u1ed5 t\u00ecm hi\u1ec3u v\u1ec1 t\u1ee5c \u01b0\u1edbp x\u00e1c c\u1ee7a t\u1ea7ng l\u1edbp qu\u00fd t\u1ed9c th\u1eddi Tr\u1ea7n.\"\n },\n {\n section: \"\u00dd ngh\u0129a di v\u1eadt\",\n question: \"B\u1ee9c \u0111\u1ea1i t\u1ef1 'H\u1eefu cao \u0111\u00e0i' treo trong \u0111\u00ecnh mang \u00fd ngh\u0129a g\u00ec?\",\n options: [\n \"N\u01a1i th\u1edd t\u1ef1 linh thi\u00eang\",\n \"C\u00f3 l\u00e2u \u0111\u00e0i cao\",\n \"V\u1ecdng g\u00e1c uy nghi\",\n \"\u0110\u00e0i sen cao qu\u00fd\"\n ],\n correct: 1,\n answer: \"\u0110\u00e1p \u00e1n \u0111\u00fang l\u00e0 <strong>C\u00f3 l\u00e2u \u0111\u00e0i cao<\/strong>. T\u1eeb n\u00e0y v\u1eeba gi\u1ea3i th\u00edch ngu\u1ed3n g\u1ed1c t\u00ean l\u00e0ng Cao \u0110\u00e0i, v\u1eeba g\u1ee3i nh\u1edb \u0111\u1ebfn l\u1ea7u cao ng\u1eafm c\u1ea3nh, u\u1ed1ng tr\u00e0 c\u1ee7a Th\u00e1i s\u01b0 l\u00fac th\u00e1i b\u00ecnh, \u0111\u1ed3ng th\u1eddi l\u00e0 tr\u1ea1m quan s\u00e1t l\u00fac c\u00f3 chi\u1ebfn tranh.\"\n }\n ];\n\n let currentQuiz = 0;\n let answered = false;\n\n function openQuiz(idx) {\n currentQuiz = idx;\n answered = false;\n const q = quizzes[idx];\n document.getElementById('quizSectionLabel').textContent = q.section;\n document.getElementById('quizQuestion').textContent = q.question;\n const opts = document.getElementById('quizOptions');\n opts.innerHTML = '';\n q.options.forEach((o, i) => {\n const btn = document.createElement('button');\n btn.className = 'quiz-option';\n btn.textContent = o;\n btn.onclick = () => selectAnswer(i);\n opts.appendChild(btn);\n });\n document.getElementById('quizAnswer').classList.remove('show');\n document.getElementById('quizModal').classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n\n function selectAnswer(idx) {\n if (answered) return;\n answered = true;\n const q = quizzes[currentQuiz];\n const opts = document.querySelectorAll('.quiz-option');\n opts.forEach((btn, i) => {\n btn.style.pointerEvents = 'none';\n if (i === q.correct) btn.classList.add('correct');\n else if (i === idx && i !== q.correct) btn.classList.add('wrong');\n });\n document.getElementById('quizAnswerText').innerHTML = q.answer;\n document.getElementById('quizAnswer').classList.add('show');\n }\n\n function resetQuiz() { openQuiz(currentQuiz); }\n function closeQuiz() { document.getElementById('quizModal').classList.remove('open'); document.body.style.overflow = ''; }\n\n \/* === LIGHTBOX === *\/\n function openLightbox(src, caption) {\n document.getElementById('lightboxImg').src = src;\n document.getElementById('lightboxCaption').textContent = caption || '';\n document.getElementById('lightbox').classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n function closeLightbox() {\n document.getElementById('lightbox').classList.remove('open');\n document.body.style.overflow = '';\n }\n document.addEventListener('keydown', e => { if (e.key === 'Escape') { closeLightbox(); closeQuiz(); } });\n\n \/* === TABS === *\/\n function switchTab(id) {\n document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.currentTarget.classList.add('active');\n }\n\n \/* === MOBILE NAV === *\/\n const hamburger = document.getElementById('hamburgerBtn');\n const mobileNav = document.getElementById('mobileNav');\n hamburger.addEventListener('click', () => mobileNav.classList.toggle('open'));\n function closeMobileNav() { mobileNav.classList.remove('open'); }\n\n \/* === SCROLL EFFECTS === *\/\n const isMobile = window.innerWidth <= 600;\n const fadeObserver = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n fadeObserver.unobserve(e.target);\n }\n });\n }, { threshold: isMobile ? 0.05 : 0.12, rootMargin: '0px 0px -20px 0px' });\n\n document.querySelectorAll('.fade-in, .fade-in-left, .fade-in-right').forEach(el => { fadeObserver.observe(el); });\n\n window.addEventListener('scroll', () => {\n const scrollTop = window.scrollY;\n const docHeight = document.body.scrollHeight - window.innerHeight;\n const progress = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\n document.getElementById('readingProgress').style.width = progress + '%';\n\n const backTop = document.getElementById('backTop');\n if (scrollTop > 400) backTop.classList.add('visible');\n else backTop.classList.remove('visible');\n });\n\n function initPage() {\n const heroBg = document.getElementById('heroBg');\n if (heroBg) heroBg.classList.add('loaded');\n document.querySelectorAll('#hero .fade-in, #hero .fade-in-left, #hero .fade-in-right').forEach(el => {\n el.classList.add('visible');\n });\n if (window.innerWidth <= 600) {\n document.querySelectorAll('.fade-in, .fade-in-left, .fade-in-right').forEach(el => {\n const rect = el.getBoundingClientRect();\n if (rect.top < window.innerHeight * 1.2) {\n el.classList.add('visible');\n }\n });\n }\n }\n if (document.readyState === 'complete') initPage();\n else window.addEventListener('load', initPage);\n\n document.getElementById('lightboxImg').addEventListener('click', e => e.stopPropagation());\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0110\u00ecnh Mi\u1ec5u Cao \u0110\u00e0i \u2013 B\u1ea3o T\u00e0ng S\u1ed1 \u0110\u00ccNH CAO \u0110\u00c0I T\u1ed5ng quan L\u1ecbch s\u1eed Ki\u1ebfn tr\u00fac B\u00e1u v\u1eadt T\u01b0\u1edfng ni\u1ec7m Th\u01b0 vi\u1ec7n \u1ea3nh T\u1ed5ng quan L\u1ecbch s\u1eed Ki\u1ebfn tr\u00fac B\u00e1u v\u1eadt T\u01b0\u1edfng ni\u1ec7m Th\u01b0 vi\u1ec7n \u1ea3nh Di t\u00edch L\u1ecbch s\u1eed \u2013 V\u0103n h\u00f3a \u00b7 T\u1ec9nh Ninh B\u00ecnh \u0110\u00ccNH MI\u1ec4U CAO \u0110\u00c0I Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,1],"tags":[],"class_list":["post-9","post","type-post","status-publish","format-standard","hentry","category-truyen-thong","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":2,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/9\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}