<!DOCTYPE html>
	<html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
	<head>
<title>Bật mí phối cảnh trang trí lễ hội hoa xuân chùa Vân Gia</title>
<meta name="description" content="Bật mí phối cảnh trang trí lễ hội hoa xuân chùa Vân Gia - Savefile - Tin Tức -...">
<meta name="author" content="Chùa Khai Nguyên - Đạo Tràng Tịnh Tông Học Hội Việt Nam">
<meta name="copyright" content="Chùa Khai Nguyên - Đạo Tràng Tịnh Tông Học Hội Việt Nam [thanhtungittech@gmail.com]">
<meta name="robots" content="noindex, follow">
<meta name="googlebot" content="noindex, follow">
<meta name="msnbot" content="noindex, follow">
<meta name="coccocbot" content="noindex, follow">
<meta name="generator" content="NukeViet v4.6">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#6a4500">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Chùa Khai Nguyên">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Bật mí phối cảnh trang trí lễ hội hoa xuân chùa Vân Gia">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;chuakhainguyen.com&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;Su-kien-tong-hop&#x002F;bat-mi-phoi-canh-trang-tri-le-hoi-hoa-xuan-chua-van-gia-chua-khai-nguyen-971.html">
<meta property="og:site_name" content="Chùa Khai Nguyên - Đạo Tràng Tịnh Tông Học Hội Việt Nam">
<meta property="og:url" content="https://chuakhainguyen.com/vi/news/savefile/Su-kien-tong-hop/bat-mi-phoi-canh-trang-tri-le-hoi-hoa-xuan-chua-van-gia-chua-khai-nguyen-971.html">
<link rel="shortcut icon" href="https://chuakhainguyen.com/uploads/favicon.ico">
<link rel="canonical" href="https://chuakhainguyen.com/vi/news/savefile/Su-kien-tong-hop/bat-mi-phoi-canh-trang-tri-le-hoi-hoa-xuan-chua-van-gia-chua-khai-nguyen-971.html">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/thong-bach/" title="Tin Tức - Thông Bạch" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/tin-tuc-xay-dung-dai-tuong-phat-a-di-da/" title="Tin Tức - Tin tức xây dựng Đại tượng Phật A Di Đà" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Su-kien-tong-hop/" title="Tin Tức - Sự kiện tổng hợp" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Tinh-Tong-Hoc-Hoi-Viet-Nam/" title="Tin Tức - Tịnh Tông Học Hội Việt Nam" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/ban-tro-niem/" title="Tin Tức - Ban Trợ Niệm" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/gioi-thieu/" title="Tin Tức - Giới thiệu" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/phap-su/" title="Tin Tức - Pháp sư" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/hoc-hoi/" title="Tin Tức - Học hội" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Tu-Thien/" title="Tin Tức - Từ Thiện" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Khoa-tu/" title="Tin Tức - Khóa tu" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Lich-to-chuc-khoa-tu-sinh-vien/" title="Tin Tức - Lịch tổ chức khóa tu sinh viên" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Club-Huong-Tu-Bi/" title="Tin Tức - Club Hương Từ Bi" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Nhan-Qua-Bao-ung/" title="Tin Tức - Nhân Quả Báo ứng" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Tai-lieu/" title="Tin Tức - Tài liệu" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/An-tong-kinh-sach/" title="Tin Tức - Ấn tống kinh sách" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phap-Mon-Niem-Phat/" title="Tin Tức - Pháp Môn Niệm Phật" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Loi-Khai-Thi/" title="Tin Tức - Lời Khai Thị" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/hoa-thuong-tinh-khong/" title="Tin Tức - Hòa Thượng Tịnh Không" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Kinh-tang/" title="Tin Tức - Kinh tạng" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Luat-tang/" title="Tin Tức - Luật tạng" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Luan-tang/" title="Tin Tức - Luận tạng" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Duc-Phat-cua-toi/" title="Tin Tức - Đức Phật của tôi" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Lien-Tong-So-To/" title="Tin Tức - Liên Tông Sơ Tổ" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Loi-Khai-thi-cua-To-Su-Tinh-Do-Tong/" title="Tin Tức - Lời Khai thị của Tổ Sư Tịnh Độ Tông" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Lich-su-Phat-Giao/" title="Tin Tức - Lịch sử Phật Giáo" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Van-Tu-Tu/" title="Tin Tức - Văn Tư Tu" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Buoc-dau-hoc-Phat/" title="Tin Tức - Bước đầu học Phật" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Guong-Vang-Sanh/" title="Tin Tức - Gương Vãng Sanh" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phap-Bao/" title="Tin Tức - Pháp Bảo" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phap-Ngu/" title="Tin Tức - Pháp Ngữ" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Tinh-Do-Dai-Kinh-Khoa-Chu-giang-lan-thu-4-nam-2014/" title="Tin Tức - Tịnh Độ Đại Kinh Khoa Chú giảng lần thứ 4 năm 2014" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Hoa-Thuong-Thich-Tinh-Khong/" title="Tin Tức - Hoà Thượng Thích Tịnh Không" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Hoa-Thuong-Thich-Thien-Tam/" title="Tin Tức - Hoà Thượng Thích Thiền Tâm" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Hoa-Thuong-Thich-Tri-Tinh/" title="Tin Tức - Hoà Thượng Thích Trí Tịnh" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Hinh-anh/" title="Tin Tức - Hình ảnh" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Hinh-Phat-va-Bo-Tat/" title="Tin Tức - Hình Phật và Bồ Tát" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Lien-Tong-Chu-To-Tinh-Do-Tong/" title="Tin Tức - Liên Tông Chư Tổ Tịnh Độ Tông" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phat-Giao-Doi-Song/" title="Tin Tức - Phật Giáo &amp; Đời Sống" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Giao-duc-dao-duc-nhan-qua/" title="Tin Tức - Giáo dục đạo đức nhân quả" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/bao-cao-tam-dac-ve-viec-hoc-tap-nu-duc/" title="Tin Tức - Báo cáo tâm đắc về việc học tập “Nữ Đức”" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Duong-Sinh/" title="Tin Tức - Dưỡng Sinh" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/So-Tay-Phuong-Phap-Duong-Sinh-Ohsawa/" title="Tin Tức - Sổ Tay Phương Pháp Dưỡng Sinh Ohsawa" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Cay-thuoc-va-suc-khoe/" title="Tin Tức - Cây thuốc và sức khoẻ" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Cay-thuoc-quy/" title="Tin Tức - Cây thuốc quý" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Chua-ung-thu/" title="Tin Tức - Chữa ung thư" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Tuy-but/" title="Tin Tức - Tùy bút" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Tho/" title="Tin Tức - Thơ" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Loi-Phat-Day/" title="Tin Tức - Lời Phật Dạy" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Danh-Tang/" title="Tin Tức - Danh Tăng" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Danh-sach-liet-si/" title="Tin Tức - Danh sách liệt sĩ" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Chien-truong-mien-Bac/" title="Tin Tức - Chiến trường miền Bắc" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Chien-truong-Mien-Nam/" title="Tin Tức - Chiến trường Miền Nam" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/NTLS-Truong-Son/" title="Tin Tức - NTLS Trường Sơn" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Nhung-la-thu-gui-cha-me/" title="Tin Tức - Những lá thư gửi cha mẹ" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Bai-Hat-Phat-Giao/" title="Tin Tức - Bài Hát Phật Giáo" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Am-thuc-chay/" title="Tin Tức - Ẩm thực chay" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phat-Dan/" title="Tin Tức - Phật Đản" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Thay-doi-so-menh/" title="Tin Tức - Thay đổi số mệnh" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phat-Hoc-Can-Ban/" title="Tin Tức - Phật Học Căn Bản" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Vong-Linh-Thai-Nhi-Vo-Toi/" title="Tin Tức - Vong Linh Thai Nhi Vô Tội" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Hoc-Chu-Han/" title="Tin Tức - Học Chữ Hán" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phat-Giao-quoc-te/" title="Tin Tức - Phật Giáo quốc tế" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/Phat-Giao-trong-nuoc/" title="Tin Tức - Phật Giáo trong nước" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/cac-bai-giang-cua-thay-tran-dai-hue/" title="Tin Tức - Các bài giảng của Thầy Trần Đại Huệ" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/ban-huong-dan-phat-tu/" title="Tin Tức - Ban Hướng dẫn Phật tử" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/phat-tu-ha-noi/" title="Tin Tức - Phật tử Hà Nội" type="application/rss+xml">
<link rel="alternate" href="https://chuakhainguyen.com/vi/news/rss/vesak-2019/" title="Tin Tức - VESAK 2019" type="application/rss+xml">
<link rel="manifest" href="https://chuakhainguyen.com/&#x002F;manifest.webmanifest?v&#x3D;3">
<link rel="apple-touch-icon" href="https://chuakhainguyen.com/&#x002F;uploads&#x002F;pwa&#x002F;apple-touch-icon-180.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://chuakhainguyen.com/&#x002F;uploads&#x002F;pwa&#x002F;apple-touch-icon-180.png">
<link rel="apple-touch-icon" sizes="192x192" href="https://chuakhainguyen.com/&#x002F;uploads&#x002F;pwa&#x002F;icon-192.png">
<link rel="preload" as="style" href="https://chuakhainguyen.com/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/bootstrap.min.css" type="text/css">
<link rel="preload" as="style" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/style.responsive.css" type="text/css">
<link rel="preload" as="style" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/custom.css" type="text/css">
<link rel="preload" as="style" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/news.css" type="text/css">
<link rel="preload" as="script" href="https://chuakhainguyen.com/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/bootstrap.min.js" type="text/javascript">
<link rel="StyleSheet" href="https://chuakhainguyen.com/assets/css/font-awesome.min.css">
<link rel="StyleSheet" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/bootstrap.min.css">
<link rel="StyleSheet" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/style.css">
<link rel="StyleSheet" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/style.responsive.css">
<link rel="StyleSheet" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/custom.css">
<link rel="StyleSheet" href="https://chuakhainguyen.com/themes/chuakhainguyenv2/css/news.css">
<style>
        /* CSS cho Cửa Sổ Nhỏ Trợ Lý Phật Pháp AI */
        .ctv-ai-mini-popup {
            position: fixed;
            right: 20px;
            bottom: 84px;
            width: 380px;
            height: 540px;
            max-height: calc(100vh - 100px);
            background: #ffffff;
            border-radius: 18px;
            box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(0, 137, 123, 0.2);
            display: flex;
            flex-direction: column;
            overflow: hidden;
            z-index: 999999;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            animation: ctvMiniPop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        @keyframes ctvMiniPop {
            0% { opacity: 0; transform: scale(0.85) translateY(20px); }
            100% { opacity: 1; transform: scale(1) translateY(0); }
        }
        .ctv-ai-mini-head {
            background: linear-gradient(135deg, #00897b 0%, #004d40 100%);
            color: #ffffff;
            padding: 12px 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2px 8px rgba(0,0,0,0.12);
        }
        .ctv-ai-mini-head-info {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .ctv-ai-mini-avatar {
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.18);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #fde047;
            border: 1px solid rgba(255,255,255,0.3);
        }
        .ctv-ai-mini-title {
            font-size: 14px;
            font-weight: 700;
            line-height: 1.2;
            color: #ffffff;
        }
        .ctv-ai-mini-subtitle {
            font-size: 11px;
            opacity: 0.9;
            color: #ccfbf1;
            line-height: 1.2;
            margin-top: 2px;
        }
        .ctv-ai-mini-head-btns {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .ctv-ai-hbtn {
            background: rgba(255,255,255,0.15);
            border: none;
            color: #ffffff !important;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            cursor: pointer;
            text-decoration: none !important;
            transition: all 0.2s;
        }
        .ctv-ai-hbtn:hover {
            background: rgba(255,255,255,0.3);
            color: #ffffff !important;
        }
        .ctv-ai-mini-bar {
            background: #f0fdfa;
            border-bottom: 1px solid #ccfbf1;
            padding: 6px 12px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 12px;
        }
        .ctv-ai-mini-lang {
            display: flex;
            align-items: center;
            gap: 5px;
            color: #0f766e;
        }
        .ctv-ai-mini-lang select {
            border: 1px solid #99f6e4;
            border-radius: 12px;
            padding: 2px 8px;
            font-size: 11.5px;
            background: #ffffff;
            color: #0f766e;
            font-weight: 600;
            outline: none;
            max-width: 175px;
            cursor: pointer;
        }
        .ctv-ai-mini-dots {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        .ctv-ai-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            display: inline-block;
        }
        .ctv-dot-ckn { background: #10b981; }
        .ctv-dot-bs { background: #3b82f6; }
        .ctv-dot-tpg { background: #f97316; }
        .ctv-dot-dtk { background: #8b5cf6; }
        .ctv-dot-tpgks { background: #d97706; }
        .ctv-ai-mini-messages {
            flex: 1;
            overflow-y: auto;
            padding: 14px;
            background: #f8fafc;
            display: flex;
            flex-direction: column;
            gap: 12px;
            scroll-behavior: smooth;
        }
        .ctv-ai-bubble {
            display: flex;
            flex-direction: column;
            max-width: 88%;
            word-wrap: break-word;
            font-size: 13px;
            line-height: 1.5;
        }
        .ctv-ai-bubble.ctv-ai-assistant {
            align-self: flex-start;
        }
        .ctv-ai-bubble.ctv-ai-user {
            align-self: flex-end;
        }
        .ctv-ai-bubble-content {
            padding: 10px 14px;
            border-radius: 14px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        }
        .ctv-ai-assistant .ctv-ai-bubble-content {
            background: #ffffff;
            color: #1e293b;
            border: 1px solid #e2e8f0;
            border-top-left-radius: 4px;
        }
        .ctv-ai-user .ctv-ai-bubble-content {
            background: linear-gradient(135deg, #00897b, #00695c);
            color: #ffffff;
            border-top-right-radius: 4px;
        }
        .ctv-ai-mini-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 4px;
        }
        .ctv-ai-chip {
            background: #ffffff;
            border: 1px solid #cbd5e1;
            border-radius: 14px;
            padding: 4px 10px;
            font-size: 11.5px;
            color: #0f766e;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            text-align: left;
        }
        .ctv-ai-chip:hover {
            border-color: #00897b;
            background: #f0fdfa;
            color: #00897b;
        }
        .ctv-ai-mini-result-item {
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-left: 3px solid #00897b;
            border-radius: 6px;
            padding: 8px 10px;
            margin-top: 6px;
            font-size: 12px;
        }
        .ctv-ai-mini-result-badge {
            display: inline-block;
            font-size: 10px;
            font-weight: 700;
            padding: 1px 5px;
            border-radius: 3px;
            margin-bottom: 3px;
        }
        .ctv-ai-badge-ckn { background: #dcfce7; color: #166534; }
        .ctv-ai-badge-bs { background: #dbeafe; color: #1e40af; }
        .ctv-ai-badge-tpg { background: #ffedd5; color: #9a3412; }
        .ctv-ai-badge-dtk { background: #ede9fe; color: #6d28d9; }
        .ctv-ai-badge-tpgks { background: #fef3c7; color: #b45309; }
        .ctv-ai-mini-result-link {
            font-weight: 700;
            color: #0f172a;
            text-decoration: none;
            display: block;
        }
        .ctv-ai-mini-result-link:hover {
            color: #00897b;
            text-decoration: underline;
        }
        .ctv-ai-mini-result-snip {
            font-size: 11px;
            color: #475569;
            margin-top: 3px;
            line-height: 1.35;
        }
        .ctv-ai-more-btn {
            display: block;
            margin-top: 8px;
            padding: 6px 10px;
            background: #f0fdfa;
            border: 1px solid #99f6e4;
            border-radius: 8px;
            color: #00897b;
            font-weight: 700;
            font-size: 11.5px;
            text-align: center;
            text-decoration: none !important;
            transition: all 0.2s;
        }
        .ctv-ai-more-btn:hover {
            background: #00897b;
            color: #ffffff !important;
        }
        .ctv-ai-mini-input-area {
            background: #ffffff;
            border-top: 1px solid #e2e8f0;
            padding: 10px 12px 8px;
        }
        .ctv-ai-input-wrap {
            display: flex;
            align-items: center;
            background: #f8fafc;
            border: 1.5px solid #cbd5e1;
            border-radius: 22px;
            padding: 3px 6px 3px 12px;
            transition: border-color 0.2s;
        }
        .ctv-ai-input-wrap:focus-within {
            border-color: #00897b;
            background: #ffffff;
            box-shadow: 0 0 0 3px rgba(0, 137, 123, 0.12);
        }
        .ctv-ai-input-wrap input {
            flex: 1;
            border: none;
            background: transparent;
            font-size: 13px;
            color: #1e293b;
            outline: none;
            padding: 6px 0;
        }
        .ctv-ai-mini-send-btn {
            background: #00897b;
            border: none;
            color: #ffffff;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            transition: all 0.2s;
        }
        .ctv-ai-mini-send-btn:hover {
            background: #00695c;
            transform: scale(1.06);
        }
        .ctv-ai-mini-foot-note {
            text-align: center;
            margin-top: 6px;
        }
        .ctv-ai-mini-foot-note a {
            font-size: 11px;
            color: #0f766e;
            text-decoration: none;
            font-weight: 600;
        }
        .ctv-ai-mini-foot-note a:hover {
            text-decoration: underline;
        }
        .ctv-ai-spinner-msg {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #0f766e;
            font-size: 12.5px;
            font-style: italic;
        }
        .fa-spin-slow {
            animation: fa-spin 6s linear infinite;
        }

        /* Biểu tượng góc phải */
        .ctv-floating-ai-wrap {
            position: fixed;
            right: 20px;
            bottom: 24px;
            z-index: 99999;
            display: flex;
            align-items: center;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .ctv-floating-ai-btn {
            display: flex;
            align-items: center;
            gap: 10px;
            background: linear-gradient(135deg, #00897b 0%, #004d40 100%);
            color: #ffffff !important;
            padding: 10px 18px;
            border-radius: 32px;
            border: 2px solid rgba(255, 255, 255, 0.35);
            text-decoration: none !important;
            box-shadow: 0 8px 24px rgba(0, 137, 123, 0.45);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            cursor: pointer;
            outline: none;
        }
        .ctv-floating-ai-btn:hover {
            background: linear-gradient(135deg, #00a391 0%, #00796b 100%);
            transform: scale(1.05) translateY(-3px);
            box-shadow: 0 12px 28px rgba(0, 163, 145, 0.6);
            color: #ffffff !important;
        }
        .ctv-floating-ai-pulse {
            position: absolute;
            top: -4px; left: -4px; right: -4px; bottom: -4px;
            border-radius: 34px;
            border: 2px solid #00a391;
            opacity: 0.8;
            animation: ctvAiPulse 2.4s infinite;
            pointer-events: none;
        }
        @keyframes ctvAiPulse {
            0% { transform: scale(1); opacity: 0.8; }
            70% { transform: scale(1.18); opacity: 0; }
            100% { transform: scale(1.25); opacity: 0; }
        }
        .ctv-floating-ai-icon {
            font-size: 24px;
            color: #fde047;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .ctv-floating-ai-btn:hover .ctv-floating-ai-icon i {
            animation: ctvAiSpin 3s linear infinite;
        }
        @keyframes ctvAiSpin {
            100% { transform: rotate(360deg); }
        }
        .ctv-floating-ai-text {
            display: flex;
            flex-direction: column;
            line-height: 1.15;
            text-align: left;
        }
        .ctv-floating-ai-text strong {
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.3px;
        }
        .ctv-floating-ai-text small {
            font-size: 11px;
            opacity: 0.92;
            color: #ccfbf1;
        }
        .ctv-floating-ai-tt {
            position: absolute;
            right: calc(100% + 14px);
            background: #0f172a;
            color: #ffffff;
            font-size: 12px;
            font-weight: 600;
            padding: 6px 12px;
            border-radius: 8px;
            white-space: nowrap;
            box-shadow: 0 4px 14px rgba(0,0,0,0.25);
            display: flex;
            align-items: center;
            gap: 8px;
            animation: ctvFadeIn 0.3s ease;
        }
        .ctv-floating-ai-tt::after {
            content: "";
            position: absolute;
            left: 100%;
            top: 50%;
            transform: translateY(-50%);
            border: 6px solid transparent;
            border-left-color: #0f172a;
        }
        .ctv-floating-ai-tt-close {
            background: none;
            border: none;
            color: #94a3b8;
            font-size: 14px;
            cursor: pointer;
            padding: 0;
            line-height: 1;
        }
        .ctv-floating-ai-tt-close:hover { color: #fff; }
        @media (max-width: 767px) {
            .ctv-ai-mini-popup {
                width: calc(100vw - 20px);
                max-width: 390px;
                height: calc(100vh - 90px);
                max-height: 520px;
                bottom: 74px;
                right: 10px;
            }
            .ctv-floating-ai-wrap {
                right: 14px;
                bottom: 16px;
            }
            .ctv-floating-ai-btn {
                width: 52px;
                height: 52px;
                padding: 0;
                justify-content: center;
                border-radius: 50%;
            }
            .ctv-floating-ai-pulse {
                border-radius: 50%;
            }
            .ctv-floating-ai-text {
                display: none;
            }
            .ctv-floating-ai-icon {
                font-size: 22px;
            }
            .ctv-floating-ai-tt {
                display: none;
            }
        }
        </style>
<style type="text/css">
	body{background: #fff;}
</style>
<!-- PWA Mobile Support Start -->
<!-- PWA Mobile Support End -->
</head>
	<body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">Chùa Khai Nguyên - Đạo Tràng Tịnh Tông Học Hội Việt Nam</h2>
		<p class="pull-right"><a title="Chùa Khai Nguyên - Đạo Tràng Tịnh Tông Học Hội Việt Nam" href="https://chuakhainguyen.com/">https://chuakhainguyen.com</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Bật mí phối cảnh trang trí lễ hội hoa xuân chùa Vân Gia</h1>
		<ul class="list-inline">
			<li>Thứ ba - 06/02/2018 13:49</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
			Khi đặt chân đến chùa Vân Gia trẩy hội hoa xuân quý khách sẽ lần lượt đi vào từ phía Tam Quan, trên các bức tường năm nay được các Tăng, Ni và Phật tử trang trí bằng các bức tranh, kể về cuộc đời của Đức Phật Ṭhích Ca Mâu Ni, nếu đọc hết các bức tranh xâu chuỗi lại quý vị sẽ hiểu được khái quát về cuộc đời Đức Phật, từ khi còn là Thái Tử Tất Đạt Đa, cho đến khi ngài xuất gia, rồi chứng thành đạo quả, và trở thành một vị Phật toàn giác (Vị Phật sau khi giác ngộ có thể dạy lại cho người khác con đường hay pháp giải thoát khỏi vòng luân hồi sinh tử)
		</div>
				<div class="imghome">
			<img alt="Tam Bảo chùa Vân Gia nhìn từ trên cao." src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/dji_0148.jpg" width="460" class="img-thumbnail" />
						<p>
				<em>Tam Bảo chùa Vân Gia nhìn từ trên cao.</em>
			</p>
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<div style="text-align:center"><img alt="DJI 0175" height="366" src="https://chuakhainguyen.com/uploads/news/2018_02/anvituongvg/dji_0175.jpg" width="650" /></div><div style="text-align: center;">Phía trước Tam Quan nơi được bài trí hai bức tranh với chủ đề Mừng Xuân Di Lặc, và các bức tranh trên tường<br  /><br  /><img alt="DJI 0147" height="366" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/dji_0147.jpg" width="650" /></div>Đi qua Tam Quan quý vị sẽ được chiêm ngưỡng sắc hoa đủ các loại được bố trí theo các chủ đề dọc theo hai bên lối đi dẫn vào phía trong Tam Bảo, ngoài ra còn có các câu đối tết các lời chúc xuân cũng được trang trí trước sân chùa cho quý khách chiêm ngưỡng,<br  />&nbsp;<div style="text-align: center;"><img alt="IMG 0609" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0609.jpg" width="650" /><br  /><br  /><img alt="IMG 0603" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0603.jpg" width="650" /><br  />Sau khi đảnh lễ Phật, lễ Tổ quý khách có thể thỏa sức sáng tạo các bức ảnh với hoa phía bên ngoài sân chùa<br  />&nbsp;</div><div style="text-align: center;"><img alt="IMG 0605" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0605.jpg" width="650" /><br  />Các loại hoa xuân được trang trí trước sân Tam Bảo&nbsp;<br  /><br  /><img alt="IMG 0608" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0608.jpg" width="650" /><br  /><br  /><img alt="IMG 0612" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0612.jpg" width="650" /><br  />Dưới tán cây&nbsp;cũng được trang trí hoa xung quanh gốc tạo điểm nhấn cho du khách chụp hình lưu niệm<br  />&nbsp;</div><div style="text-align: center;"><img alt="IMG 0610" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0610.jpg" width="650" />&nbsp;<br  />Từ phía ngoài đường&nbsp;giao thông du khách&nbsp;đã thấy được&nbsp;các loại hoa phía trong sân chùa<br  /><br  /><img alt="IMG 0615" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0615.jpg" width="650" /><br  />Các chậu hoa độc đáo được bày rất công phu và đẹp mắt trước hiên nhà Tam Bảo&nbsp;<br  /><br  /><img alt="IMG 0616" height="365" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0616.jpg" width="650" /></div><div style="text-align: center;">Cận cảnh một chậu hoa nhìn từ trên cao xuống</div><div>&nbsp;</div><div style="text-align: center;"><img alt="IMG 0316" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/anvituongvg/img_0316.jpg" width="650" /><br  />Từ Tam Bảo nhìn ra bên trái du khách sẽ được chiêm bái đảnh lễ Bồ Tát Địa Tạng, và tham quan một số tháp mộ chứa xá lợi, tro cốt, của&nbsp;các bậc tiền bối an trí tại đây.<br  /><br  /><img alt="DJI 0146" height="393" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/dji_0146.jpg" width="650" />&nbsp;<br  />Cận cảnh một tháp mộ nhìn thẳng từ trên cao xuống&nbsp;<br  /><br  /><img alt="IMG 0599" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0599.jpg" width="650" /><br  />Rẽ tay phải du khách sẽ được chiêm bái vườn tháp mộ được trang trí hoa xung quanh chân tháp và có một lối đi giữa vườn bằng những phiến đá màu vàng xếp liên tiếp nhìn rất&nbsp;đẹp mắt<br  /><br  /><img alt="IMG 0604" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0604.jpg" width="650" /><br  /><br  /><img alt="IMG 0598" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0598.jpg" width="650" /><br  />Cận cảnh một tháp mộ được bài trí hoa xung quanh chân tháp<br  /><br  /><img alt="IMG 0622" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0622.jpg" width="650" /><br  />Ngay phía trên khu vườn&nbsp;mộ tháp và một lối đi chạy dài hàng mấy chục mét được bố trí dòng chữ Mừng Xuân An Lạc 2018, trên nền cỏ xanh làm nổi bật lên hàng chữ và biểu tượng bánh xe pháp, và bàn tay của Đức Như Lai<br  /><br  /><img alt="IMG 0620" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0620.jpg" width="650" /><br  />Cận cảnh bánh xe pháp, và bàn tay của Đức Như Lai<br  /><br  /><img alt="IMG 0621" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0621.jpg" width="650" /><br  /><br  /><img alt="IMG 0623" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0623.jpg" width="650" /><br  />Nơi này cũng là một trong những điểm chụp hình lưu niệm rất lý tưởng cho du khách.<br  /><br  /><img alt="DJI 0214" height="366" src="https://chuakhainguyen.com/uploads/news/2018_02/anvituongvg/dji_0214.jpg" width="650" /><br  />Đi tếp du khách sẽ phải đi qua một cổng trào lớn với dòng chữ chùa Vân Gia (Viên Quang Tự)<br  /><br  /><img alt="IMG 0633" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0633.jpg" width="650" /></div><div style="text-align: center;">Vượt qua cổng trào du khách&nbsp;sẽ được chiêm bái đảnh lễ tôn tượng tây phương Tam Thánh ngay chính diện vườn tượng, đây cũng là nơi bài trí rất nhiều tiểu, đại cảnh&nbsp;của lễ hội hoa xuân mang chủ đề Mừng Xuân An Lạc&nbsp;2018<br  /><br  /><img alt="IMG 0630" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0630.jpg" width="650" /></div><div style="text-align: center;">Phía bên tay trái của ba tôn tượng&nbsp;tây phương Tam Thánh là tôn tượng đức Phật Di Lặc bên một cội mai nở hoa vàng rực rỡ dưới ánh nắng đầu xuân.<br  /><br  /><img alt="IMG 0634" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0634.jpg" width="650" /></div>Bên tay trài của tôn tượng tây phương Tam Thánh là đức Phật Thích Ca Mâu Ni, ngồi thiền định dưới tán bồ đề, Đây có lẽ là hình tượng của đức Như Lai ngồi thiền định 49 ngày dưới tán Bồ Đề, ngài chứng đắc đạo quả,&nbsp;và trở thành một vị Phật toàn giác (Vị Phật sau khi giác ngộ có thể dạy lại cho người khác con đường hay pháp giải thoát khoải vòng luân hồi sinh tử)<div style="text-align:center"><img alt="DJI 0100" height="366" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/dji_0100.jpg" width="650" /></div><div style="text-align: center;">&nbsp;Toàn cảnh khu trưng bày các tiểu, đại cảnh và tôn tượng tây phương Tam Thánh<br  /><br  /><img alt="IMG 0533" height="365" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0533.jpg" width="650" />&nbsp;<br  />Đi tiếp lên phí trên du khách sẽ bắt gặp một biểu loạt các tôn tượng La Hán được bài trí xung quanh một biểu tượng bánh xe pháp khổng lồ<br  /><br  /><img alt="DJI 0156" height="366" src="https://chuakhainguyen.com/uploads/news/2018_02/anvituongvg/dji_0156.jpg" width="650" /></div><div style="text-align: center;">Toàn cảnh biểu tượng bánh xe pháp nhìn từ trên cao xuống, các bức tượng La Hán được bài trí xung quanh bánh xe pháp<br  /><br  /><img alt="DJI 0112" height="409" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/dji_0112.jpg" width="650" /><br  /><br  /><img alt="IMG 0645" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0645.jpg" width="650" /></div>Vượt qua biểu tượng bánh xe pháp du khách sẽ gặp các môt hình ản làng của bà con dân tộc vùng cao, với mô hình nhà rông và ruộng bậc thang với những ruộng lúa vàng, xen kẽ vào đó là những cây hoa ban nở rộ mang đến cho du khách một không khí xuân đậm chất vùng rẻo cao, và đây cũng là điểm lý tưởng cho những bức hình chụp cho các em bé và các gia đình.<div style="text-align: center;"><img alt="IMG 0643" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0643.jpg" width="650" />&nbsp;<br  /><br  /><img alt="IMG 0646" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0646.jpg" width="650" /><br  />Tiếp theo du khách sẽ được trải nghiệm đi dưới một con đường vòm với nhưng bông hoa hồng rực rỡ sắc&nbsp;màu<br  /><br  /><img alt="IMG 0251" height="433" src="https://chuakhainguyen.com/uploads/news/2018_01/vg1/img_0251.jpg" width="650" /><br  />Đi hết con đường vòm hoa hồng du khách sẽ được chiêm bái con đường được bài trí máng cỏ và các tôn tượng La Hán chạy dài dưới bóng cây&nbsp;bạch dương&nbsp;<br  /><br  /><img alt="DJI 0124" height="404" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/dji_0124.jpg" width="650" /><br  /><br  /><img alt="IMG 0618" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0618.jpg" width="650" /><br  />Các mô hình tiểu, đại cảnh vẫn đang được hoàn thiện và làm thêm hàng loạt các chủ đề mới sẽ cập nhật vào các bài tiếp theo.<br  /><br  /><img alt="IMG 0660" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0660.jpg" width="650" /><br  />Một em bé tại thôn Vân Gia theo bà lên chùa làm công quả em cung tranh thủ giúp chùa thu nhặt những chiếc lá rụng trên vườn cỏ<br  /><br  /><img alt="IMG 0651" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0651.jpg" width="650" />#<br  /><br  /><img alt="IMG 0657" height="433" src="https://chuakhainguyen.com/uploads/news/2018_02/vgkn/img_0657.jpg" width="650" /></div>
		</div>
				<div id="author">
						<p>
				<strong>Tác giả:</strong>
				Đáng Trần
			</p>
						<p>
				<strong>Nguồn tin:</strong>
				Chùa Khai Nguyên.
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://chuakhainguyen.com/vi/news/savefile/Su-kien-tong-hop/bat-mi-phoi-canh-trang-tri-le-hoi-hoa-xuan-chua-van-gia-chua-khai-nguyen-971.html" title="Bật mí phối cảnh trang trí lễ hội hoa xuân chùa Vân Gia">https://chuakhainguyen.com/vi/news/savefile/Su-kien-tong-hop/bat-mi-phoi-canh-trang-tri-le-hoi-hoa-xuan-chua-van-gia-chua-khai-nguyen-971.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; Chùa Khai Nguyên - Đạo Tràng Tịnh Tông Học Hội Việt Nam
		</div>
		<div id="contact">
			<a href="mailto:thanhtungittech@gmail.com">thanhtungittech@gmail.com</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://chuakhainguyen.com/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
        <!-- Cửa Sổ Nhỏ Trợ Lý Phật Pháp AI (Mini Chat Assistant) -->
        <div id="ctv-ai-mini-popup" class="ctv-ai-mini-popup" style="display:none;" aria-label="Cửa sổ Trợ Lý Phật Pháp AI">
            <div class="ctv-ai-mini-head">
                <div class="ctv-ai-mini-head-info">
                    <div class="ctv-ai-mini-avatar">
                        <i class="fa fa-dharmachakra fa-spin-slow"></i>
                    </div>
                    <div>
                        <div class="ctv-ai-mini-title">Trợ Lý Phật Pháp AI</div>
                        <div class="ctv-ai-mini-subtitle">Khai Nguyên AI • Tra cứu 3 nguồn</div>
                    </div>
                </div>
                <div class="ctv-ai-mini-head-btns">
                    <a href="https://chuakhainguyen.com/ai/" target="_blank" id="ctv-ai-mini-open-full" class="ctv-ai-hbtn" title="Mở trang đầy đủ (Xem thêm chi tiết)">
                        <i class="fa fa-external-link"></i>
                    </a>
                    <button type="button" class="ctv-ai-hbtn" id="ctv-ai-mini-close-btn" title="Đóng cửa sổ">&times;</button>
                </div>
            </div>

            <!-- Thanh lựa chọn ngôn ngữ & Trạng thái 3 nguồn -->
            <div class="ctv-ai-mini-bar">
                <div class="ctv-ai-mini-lang">
                    <i class="fa fa-language"></i>
                    <select id="ctv-ai-mini-lang-sel" aria-label="Chọn ngôn ngữ">
                    <option value="af">Tiếng Afrikaans (Afrikaans)</option>
                    <option value="sq">Tiếng Albania (Albanian)</option>
                    <option value="am">Tiếng Amhara (Amharic)</option>
                    <option value="en">Tiếng Anh (English)</option>
                    <option value="hy">Tiếng Armenia (Armenian)</option>
                    <option value="as">Tiếng Assam (Assamese)</option>
                    <option value="az">Tiếng Azerbaijan (Azerbaijani)</option>
                    <option value="pl">Tiếng Ba Lan (Polish)</option>
                    <option value="fa">Tiếng Ba Tư/Farsi (Persian/Farsi)</option>
                    <option value="eu">Tiếng Basque (Basque)</option>
                    <option value="be">Tiếng Belarus (Belarusian)</option>
                    <option value="bn">Tiếng Bengal (Bengali)</option>
                    <option value="bs">Tiếng Bosnia (Bosnian)</option>
                    <option value="bg">Tiếng Bulgaria (Bulgarian)</option>
                    <option value="pt">Tiếng Bồ Đào Nha (Portuguese)</option>
                    <option value="ca">Tiếng Catalan (Catalan)</option>
                    <option value="hr">Tiếng Croatia (Croatian)</option>
                    <option value="et">Tiếng Estonia (Estonian)</option>
                    <option value="tl">Tiếng Filipino/Tagalog (Filipino/Tagalog)</option>
                    <option value="gl">Tiếng Galicia (Galician)</option>
                    <option value="ka">Tiếng Georgia (Georgian)</option>
                    <option value="gu">Tiếng Gujarati (Gujarati)</option>
                    <option value="he">Tiếng Hebrew/Do Thái (Hebrew)</option>
                    <option value="hi">Tiếng Hindi (Hindi)</option>
                    <option value="hu">Tiếng Hungary (Hungarian)</option>
                    <option value="el">Tiếng Hy Lạp (Greek)</option>
                    <option value="nl">Tiếng Hà Lan (Dutch)</option>
                    <option value="ko">Tiếng Hàn (Korean)</option>
                    <option value="is">Tiếng Iceland (Icelandic)</option>
                    <option value="id">Tiếng Indonesia (Indonesian)</option>
                    <option value="kn">Tiếng Kannada (Kannada)</option>
                    <option value="kk">Tiếng Kazakh (Kazakh)</option>
                    <option value="km">Tiếng Khmer (Khmer)</option>
                    <option value="lv">Tiếng Latvia (Latvian)</option>
                    <option value="lt">Tiếng Litva (Lithuanian)</option>
                    <option value="lo">Tiếng Lào (Lao)</option>
                    <option value="mk">Tiếng Macedonia (Macedonian)</option>
                    <option value="ml">Tiếng Malayalam (Malayalam)</option>
                    <option value="mr">Tiếng Marathi (Marathi)</option>
                    <option value="my">Tiếng Miến Điện (Myanmar)</option>
                    <option value="ms">Tiếng Mã Lai (Malay)</option>
                    <option value="mn">Tiếng Mông Cổ (Mongolian)</option>
                    <option value="no">Tiếng Na Uy (Norwegian)</option>
                    <option value="ne">Tiếng Nepal (Nepali)</option>
                    <option value="ru">Tiếng Nga (Russian)</option>
                    <option value="ja">Tiếng Nhật (Japanese)</option>
                    <option value="or">Tiếng Odia (Odia)</option>
                    <option value="ps">Tiếng Pashto (Pashto)</option>
                    <option value="pa">Tiếng Punjabi (Punjabi)</option>
                    <option value="ro">Tiếng Romania (Romanian)</option>
                    <option value="sr">Tiếng Serbia (Serbian)</option>
                    <option value="si">Tiếng Sinhala (Sinhala)</option>
                    <option value="sk">Tiếng Slovakia (Slovak)</option>
                    <option value="sl">Tiếng Slovenia (Slovenian)</option>
                    <option value="sw">Tiếng Swahili (Swahili)</option>
                    <option value="cs">Tiếng Séc (Czech)</option>
                    <option value="te">Tiếng Telugu (Telugu)</option>
                    <option value="th">Tiếng Thái (Thai)</option>
                    <option value="tr">Tiếng Thổ Nhĩ Kỳ (Turkish)</option>
                    <option value="sv">Tiếng Thụy Điển (Swedish)</option>
                    <option value="zh-CN">Tiếng Trung giản thể (Chinese (Simplified))</option>
                    <option value="zh-TW">Tiếng Trung phồn thể (Chinese (Traditional))</option>
                    <option value="es">Tiếng Tây Ban Nha (Spanish)</option>
                    <option value="bo">Tiếng Tạng (Tibetan)</option>
                    <option value="uk">Tiếng Ukraina (Ukrainian)</option>
                    <option value="ur">Tiếng Urdu (Urdu)</option>
                    <option value="uz">Tiếng Uzbek (Uzbek)</option>
                    <option value="zu">Tiếng Zulu (Zulu)</option>
                    <option value="it">Tiếng Ý (Italian)</option>
                    <option value="da">Tiếng Đan Mạch (Danish)</option>
                    <option value="de">Tiếng Đức (German)</option>
                    <option value="ar">Tiếng Ả Rập (Arabic)</option>
                    </select>
                </div>
                <div class="ctv-ai-mini-dots">
                    <span class="ctv-ai-dot ctv-dot-ckn" title="Chùa Khai Nguyên"></span>
                    <span class="ctv-ai-dot ctv-dot-bs" title="Buddha Sutra"></span>
                    <span class="ctv-ai-dot ctv-dot-tpg" title="Thư Viện Phật Giáo"></span>
                    <span class="ctv-ai-dot ctv-dot-dtk" title="Đại Tạng Kinh"></span>
                    <span class="ctv-ai-dot ctv-dot-tpgks" title="Truyện Phật Giáo"></span>
                    <span style="font-size:11px;color:#0f766e;font-weight:600;">5 Nguồn</span>
                </div>
            </div>

            <!-- Nội dung trò chuyện -->
            <div class="ctv-ai-mini-messages" id="ctv-ai-mini-messages">
                <div class="ctv-ai-bubble ctv-ai-assistant">
                    <div class="ctv-ai-bubble-content">
                        <p style="margin-bottom:6px;">🙏 <strong>Nam Mô A Di Đà Phật!</strong></p>
                        <p style="margin-bottom:0;">Con là <strong>Trợ Lý Phật Pháp AI</strong>. Quý Phật tử có câu hỏi gì cần tra cứu ngắn gọn từ 5 nguồn kinh điển (Chùa Khai Nguyên, Buddha Sutra, Thư Viện Phật Giáo, Đại Tạng Kinh & Truyện Phật Giáo)?</p>
                    </div>
                </div>

                <!-- Gợi ý câu hỏi nhanh -->
                <div class="ctv-ai-mini-chips" id="ctv-ai-mini-chips">
                    <button type="button" class="ctv-ai-chip" data-q="Bát Chánh Đạo là gì?">🔹 Bát Chánh Đạo</button>
                    <button type="button" class="ctv-ai-chip" data-q="Sīhanādavaggo (Kinh Tiếng Rống Sư Tử)">🔹 Sīhanādavaggo</button>
                    <button type="button" class="ctv-ai-chip" data-q="Thọ Bồ Tát Giới Nghi số 1086">🔹 Thọ Bồ Tát Giới</button>
                    <button type="button" class="ctv-ai-chip" data-q="Lợi ích và phương pháp niệm Phật">🔹 Phương pháp Niệm Phật</button>
                </div>
            </div>

            <!-- Khung nhập câu hỏi -->
            <div class="ctv-ai-mini-input-area">
                <form id="ctv-ai-mini-form" onsubmit="return false;">
                    <div class="ctv-ai-input-wrap">
                        <input type="text" id="ctv-ai-mini-input" placeholder="Nhập câu hỏi Phật pháp ngắn gọn..." autocomplete="off" />
                        <button type="submit" id="ctv-ai-mini-send-btn" title="Gửi câu hỏi">
                            <i class="fa fa-paper-plane"></i>
                        </button>
                    </div>
                </form>
                <div class="ctv-ai-mini-foot-note">
                    <a href="https://chuakhainguyen.com/ai/" id="ctv-ai-mini-more-link" target="_blank">
                        🔍 Mở trang tra cứu chuyên sâu & xem thêm chi tiết &raquo;
                    </a>
                </div>
            </div>
        </div>

        <!-- Biểu tượng chức năng Chatbot AI Phật Pháp (Góc phải dưới màn hình) -->
        <div id="ctv-floating-ai-widget" class="ctv-floating-ai-wrap">
            <button type="button" class="ctv-floating-ai-btn" id="ctv-floating-ai-toggle" title="Trợ Lý Phật Pháp AI - Mở cửa sổ tra cứu">
                <span class="ctv-floating-ai-pulse"></span>
                <span class="ctv-floating-ai-icon"><i class="fa fa-dharmachakra"></i></span>
                <span class="ctv-floating-ai-text">
                    <strong>Chatbot AI</strong>
                    <small>Phật Pháp</small>
                </span>
            </button>
            <div class="ctv-floating-ai-tt">
                <span>🙏 Trợ Lý Phật Pháp AI &raquo;</span>
                <button type="button" class="ctv-floating-ai-tt-close" onclick="$(this).parent().fadeOut(150);">&times;</button>
            </div>
        </div>
<div id="run_cronjobs" style="visibility:hidden;display:none;"><img alt="cron" src="/index.php?second=cronjobs&amp;p=a4a3D4wj" width="1" height="1" /></div>
<script src="https://chuakhainguyen.com/assets/js/jquery/jquery.min.js"></script>
<script>
			(function() {
				var theme = localStorage.getItem('theme') || 'light';
				if (theme === 'dark') {
					document.documentElement.classList.add('dark-theme');
				}
			})();
		</script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=7,nv_my_abbr="+07",nv_cookie_prefix="nv4",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=1,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://chuakhainguyen.com/assets/js/language/vi.js"></script>
<script src="https://chuakhainguyen.com/assets/js/DOMPurify/purify3.js"></script>
<script src="https://chuakhainguyen.com/assets/js/global.js"></script>
<script src="https://chuakhainguyen.com/assets/js/site.js"></script>
<script src="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/news.js"></script>
<script src="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/main.js"></script>
<script src="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/custom.js"></script>
<script>(function(){
var d=document,h=d.head||d.getElementsByTagName("head")[0];
function addMeta(n,c){if(!d.querySelector("meta[name='"+n+"']")){var m=d.createElement("meta");m.name=n;m.content=c;h.appendChild(m);}}
function addLink(r,u){if(!d.querySelector("link[rel='"+r+"']")){var l=d.createElement("link");l.rel=r;l.href=u;h.appendChild(l);}}
addLink("manifest","\/manifest.webmanifest?v=3");
addLink("apple-touch-icon","\/uploads\/pwa\/apple-touch-icon-180.png");
addMeta("theme-color","#6a4500");
addMeta("mobile-web-app-capable","yes");addMeta("apple-mobile-web-app-capable","yes");addMeta("apple-mobile-web-app-title","Ch\u00f9a Khai Nguy\u00ean");
if("serviceWorker" in navigator){window.addEventListener("load",function(){navigator.serviceWorker.register("\/sw.js?v=3",{scope:"\/"}).catch(function(e){if(window.console){console.warn("PWA service worker registration failed",e);}});});}
var deferredPrompt = null;
window.addEventListener("beforeinstallprompt", function(e) {
  e.preventDefault();
  deferredPrompt = e;
  if (typeof window.triggerPwaInstall === "function") {
    window.triggerPwaInstall();
  }
});
window.addEventListener("DOMContentLoaded", function() {
  var isStandalone = window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone === true;
  if (isStandalone) return;
  var ua = navigator.userAgent;
  var isIOS = /ipad|iphone|ipod/i.test(ua) || (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
  var isAndroid = /android/i.test(ua);
  if (!isAndroid && !isIOS) return;
  var isSafari = isIOS && /safari/i.test(ua) && !/crios|fxios|opios|edgios|coc_coc_browser/i.test(ua);
  var isChromium = isAndroid && /chrome|chromium|crios|edg|edgios|brave|vivaldi|opera|opt|coc_coc_browser/i.test(ua);
  var logoUrl = "\/uploads\/pwa\/icon-192.png";
  var css = ".pwa-install-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:92%;max-width:440px;background:rgba(255,255,255,0.98);box-shadow:0 12px 30px rgba(106,69,0,0.22);border:2px solid #6a4500;border-radius:18px;padding:14px 16px;z-index:999999;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;opacity:0;transform:translate(-50%,100px);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s;display:block;}" +
    ".pwa-install-banner.pwa-show{opacity:1;transform:translate(-50%,0);}" +
    ".pwa-banner-content{position:relative;display:flex;align-items:center;gap:12px;width:100%;}" +
    ".pwa-close-btn{position:absolute;top:-10px;right:-10px;background:#6a4500;border:none;font-size:16px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff;line-height:1;margin:0;padding:0;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:2;}" +
    ".pwa-close-btn:hover{background:#8b5a00;}" +
    ".pwa-logo-container{flex-shrink:0;cursor:pointer;position:relative;}" +
    ".pwa-app-logo{width:52px;height:52px;border-radius:12px;object-fit:cover;box-shadow:0 3px 8px rgba(106,69,0,0.3);border:2px solid #ffd700;animation:pwaPulse 2s infinite;}" +
    "@keyframes pwaPulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}" +
    ".pwa-text-container{flex-grow:1;text-align:left;cursor:pointer;}" +
    ".pwa-title{margin:0 0 3px 0;font-size:15px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:5px;}" +
    ".pwa-badge{background:#fffbeb;color:#b45309;border:1px solid #fef3c7;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600;}" +
    ".pwa-desc{margin:0;font-size:11.5px;color:#475569;line-height:1.4;}" +
    ".pwa-action-container{flex-shrink:0;}" +
    ".pwa-install-btn{background:linear-gradient(135deg,#6a4500 0%,#8b5a00 100%);color:#ffffff;border:none;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s;white-space:nowrap;box-shadow:0 4px 12px rgba(106,69,0,0.3);display:flex;align-items:center;gap:6px;}" +
    ".pwa-install-btn:hover{background:linear-gradient(135deg,#8b5a00 0%,#a66c00 100%);transform:scale(1.03);}" +
    ".pwa-install-btn:active{transform:scale(0.95);}" +
    ".pwa-floating-btn{position:fixed;bottom:24px;right:18px;background:linear-gradient(135deg,#6a4500 0%,#4a3000 100%);color:#ffffff;border:2px solid #ffd700;border-radius:50px;padding:8px 14px 8px 8px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(106,69,0,0.4);z-index:999998;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;animation:pwaFloat 3s ease-in-out infinite;}" +
    "@keyframes pwaFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}" +
    ".pwa-floating-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #ffffff;}" +
    ".pwa-ios-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.65);z-index:9999999;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;}" +
    ".pwa-ios-box{background:#ffffff;border-radius:20px;padding:24px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.3);position:relative;margin-bottom:60px;}" +
    ".pwa-ios-arrow{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);font-size:32px;color:#ffffff;animation:pwaBounce 1.5s infinite;}" +
    "@keyframes pwaBounce{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,10px);}}" +
    ".dark-mode .pwa-install-banner,[data-theme=\"dark\"] .pwa-install-banner{background:rgba(15,23,42,0.98);border-color:#ffd700;box-shadow:0 12px 30px rgba(0,0,0,0.5);}" +
    ".dark-mode .pwa-title,[data-theme=\"dark\"] .pwa-title{color:#f8fafc;}" +
    ".dark-mode .pwa-desc,[data-theme=\"dark\"] .pwa-desc{color:#cbd5e1;}";
  var style = d.createElement("style");
  style.textContent = css;
  h.appendChild(style);
  window.triggerPwaInstall = function() {
    if (deferredPrompt) {
      try {
        deferredPrompt.prompt();
        deferredPrompt.userChoice.then(function(choice) {
          if (choice && choice.outcome === "accepted") {
            if (d.getElementById("pwa-install-banner")) d.getElementById("pwa-install-banner").remove();
            if (d.getElementById("pwa-floating-btn")) d.getElementById("pwa-floating-btn").remove();
          }
        }).catch(function(err) {
          if (window.console) console.warn("PWA prompt choice error:", err);
        });
      } catch(err) {
        if (window.console) console.error("PWA prompt error:", err);
      }
    } else if (isSafari && isIOS) {
      showIosGuide();
    } else if (isIOS && !isSafari) {
      alert("Vui lòng mở trang web này bằng trình duyệt SAFARI trên iPhone/iPad để cài đặt ứng dụng xuống màn hình chính.");
    } else {
      alert("Để cài đặt ứng dụng Chùa Khai Nguyên xuống màn hình chính:\n\n1. Bấm vào nút Menu (3 chấm) ở góc trên/dưới trình duyệt.\n2. Chọn \"Thêm vào Màn hình chính\" hoặc \"Cài đặt ứng dụng\".");
    }
  };
  function showIosGuide() {
    if (d.getElementById("pwa-ios-modal")) return;
    var modal = d.createElement("div");
    modal.id = "pwa-ios-modal";
    modal.className = "pwa-ios-modal";
    modal.innerHTML = '<div class="pwa-ios-box">' +
      '<button class="pwa-close-btn" style="top:10px;right:10px;" id="pwa-ios-close">&times;</button>' +
      '<img src="https://chuakhainguyen.com/' + logoUrl + '" style="width:60px;height:60px;border-radius:14px;margin-bottom:12px;">' +
      '<h3 style="margin:0 0 8px 0;font-size:16px;color:#0f172a;">Cài đặt trên iPhone / iPad</h3>' +
      '<p style="font-size:13px;line-height:1.5;color:#475569;margin:0 0 16px 0;">' +
        1. Nhấn nút <strong>Chia sẻ (Share)</strong> ở dưới thanh công cụ Safari.<br>' +
        2. Cuộn xuống và chọn <strong>"Thêm vào Màn hình chính"</strong>.' +
      '</p>' +
      '<button class="pwa-install-btn" style="width:100%;justify-content:center;" id="pwa-ios-done">Đã hiểu</button>' +
      '<div class="pwa-ios-arrow">⬇️</div>' +
    '</div>';
    d.body.appendChild(modal);
    var closeFn = function() { modal.remove(); };
    d.getElementById("pwa-ios-close").onclick = closeFn;
    d.getElementById("pwa-ios-done").onclick = closeFn;
    modal.onclick = function(e) { if (e.target === modal) closeFn(); };
  }
  window.showPwaBanner = function() {
    if (d.getElementById("pwa-install-banner")) return;
    var dismissed = localStorage.getItem("pwa_install_dismissed");
    if (dismissed && (Date.now() - parseInt(dismissed, 10) < 3 * 24 * 60 * 60 * 1000)) {
      showFloatingButton();
      return;
    }
    var banner = d.createElement("div");
    banner.id = "pwa-install-banner";
    banner.className = "pwa-install-banner";
    banner.innerHTML = '<div class="pwa-banner-content">' +
      '<button class="pwa-close-btn" id="pwa-close-btn">&times;</button>' +
      '<div class="pwa-logo-container" id="pwa-logo-click">' +
        '<img src="https://chuakhainguyen.com/' + logoUrl + '" alt="Chùa Khai Nguyên Logo" class="pwa-app-logo">' +
      '</div>' +
      '<div class="pwa-text-container" id="pwa-text-click">' +
        '<h4 class="pwa-title">Chùa Khai Nguyên <span class="pwa-badge">Miễn phí</span></h4>' +
        '<p class="pwa-desc">Chạm để tải ứng dụng xuống màn hình chính ngay.</p>' +
      '</div>' +
      '<div class="pwa-action-container">' +
        '<button class="pwa-install-btn" id="pwa-action-btn">📲 Cài đặt</button>' +
      '</div>' +
    '</div>';
    d.body.appendChild(banner);
    var closeBtn = d.getElementById("pwa-close-btn");
    var actionBtn = d.getElementById("pwa-action-btn");
    var logoClick = d.getElementById("pwa-logo-click");
    var textClick = d.getElementById("pwa-text-click");
    function dismissBanner() {
      banner.style.transition = "transform 0.4s ease, opacity 0.4s ease";
      banner.style.transform = "translate(-50%, 100px)";
      banner.style.opacity = "0";
      localStorage.setItem("pwa_install_dismissed", Date.now());
      setTimeout(function() {
        if(banner.parentNode) banner.parentNode.removeChild(banner);
        showFloatingButton();
      }, 400);
    }
    if (closeBtn) closeBtn.addEventListener("click", dismissBanner);
    if (actionBtn) actionBtn.addEventListener("click", function() { window.triggerPwaInstall(); });
    if (logoClick) logoClick.addEventListener("click", function() { window.triggerPwaInstall(); });
    if (textClick) textClick.addEventListener("click", function() { window.triggerPwaInstall(); });
    setTimeout(function() { banner.classList.add("pwa-show"); }, 100);
  };
  function showFloatingButton() {
    if (d.getElementById("pwa-floating-btn")) return;
    var floatBtn = d.createElement("div");
    floatBtn.id = "pwa-floating-btn";
    floatBtn.className = "pwa-floating-btn";
    floatBtn.innerHTML = '<img src="https://chuakhainguyen.com/' + logoUrl + '" class="pwa-floating-logo" alt="App Icon"><span>Tải App</span>';
    floatBtn.onclick = function() { window.triggerPwaInstall(); };
    d.body.appendChild(floatBtn);
  }
  showPwaBanner();
});
})();</script>
<script src="https://chuakhainguyen.com/themes/chuakhainguyenv2/js/bootstrap.min.js"></script>
<script>
        $(function() {
            if (!$('.ctv-scroll-tools').length) {
                var isTw = (typeof nv_lang_data !== 'undefined' && nv_lang_data === 'tw');
                var labels = {
                    nav: isTw ? '頁面導覽' : 'Điều hướng trang',
                    topTitle: isTw ? '回到頁首' : 'Lên đầu trang',
                    topText: isTw ? '回頂部' : 'Lên top',
                    upTitle: isTw ? '向上捲動' : 'Cuộn lên',
                    upText: isTw ? '向上' : 'Lên',
                    downTitle: isTw ? '向下捲動' : 'Cuộn xuống',
                    downText: isTw ? '向下' : 'Xuống'
                };
                $('body').append('<div class="ctv-scroll-tools" aria-label="' + labels.nav + '"><button type="button" class="ctv-scroll-btn" data-scroll-action="top" title="' + labels.topTitle + '"><i class="fa fa-angle-double-up" aria-hidden="true"></i><span>' + labels.topText + '</span></button><button type="button" class="ctv-scroll-btn" data-scroll-action="up" title="' + labels.upTitle + '"><i class="fa fa-angle-up" aria-hidden="true"></i><span>' + labels.upText + '</span></button><button type="button" class="ctv-scroll-btn" data-scroll-action="down" title="' + labels.downTitle + '"><i class="fa fa-angle-down" aria-hidden="true"></i><span>' + labels.downText + '</span></button></div>');
            }
            if (!$('#ctv-scroll-tools-style').length) {
                $('head').append('<style id="ctv-scroll-tools-style">.ctv-scroll-tools{position:fixed;right:16px;bottom:96px;z-index:9998;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.ctv-scroll-tools.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.ctv-scroll-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:82px;height:36px;padding:0 10px;border:1px solid rgba(15,23,42,.14);border-radius:18px;background:rgba(255,255,255,.94);color:#0f172a;font-weight:700;font-size:12px;line-height:1;box-shadow:0 8px 24px rgba(15,23,42,.18)}.ctv-scroll-btn:hover,.ctv-scroll-btn:focus{background:#0d6efd;color:#fff;border-color:#0d6efd;outline:none}.ctv-scroll-btn i{font-size:16px}@media(max-width:767px){.ctv-scroll-tools{right:10px;bottom:72px}.ctv-scroll-btn{min-width:44px;width:44px;height:44px;border-radius:50%;padding:0}.ctv-scroll-btn span{display:none}.ctv-scroll-btn i{font-size:20px}}</style>');
            }
            function ctvToggleScrollTools() {
                $('.ctv-scroll-tools').toggleClass('is-visible', $(document).height() > $(window).height() + 120);
            }
            ctvToggleScrollTools();
            $(window).off('scroll.ctvScrollTools resize.ctvScrollTools load.ctvScrollTools').on('scroll.ctvScrollTools resize.ctvScrollTools load.ctvScrollTools', ctvToggleScrollTools);
            $(document).off('click.ctvScrollTools', '[data-scroll-action]').on('click.ctvScrollTools', '[data-scroll-action]', function() {
                var action = $(this).data('scroll-action');
                var currentTop = $(window).scrollTop();
                var viewport = Math.max(320, Math.floor($(window).height() * 0.78));
                var targetTop = currentTop;
                if (action === 'top') {
                    targetTop = 0;
                } else if (action === 'up') {
                    targetTop = Math.max(0, currentTop - viewport);
                } else if (action === 'down') {
                    targetTop = Math.min($(document).height() - $(window).height(), currentTop + viewport);
                }
                $('html, body').stop().animate({scrollTop: targetTop}, 360);
                return false;
            });
        });
        </script>
<script>
        (function($){
            if (typeof $ === 'undefined' && typeof jQuery !== 'undefined') $ = jQuery;
            if (typeof $ === 'undefined') return;

            $(function(){
                var $mini = $('#ctv-ai-mini-popup');
                var $toggle = $('#ctv-floating-ai-toggle');
                var $close = $('#ctv-ai-mini-close-btn');
                var $input = $('#ctv-ai-mini-input');
                var $form = $('#ctv-ai-mini-form');
                var $msgs = $('#ctv-ai-mini-messages');
                var $langSel = $('#ctv-ai-mini-lang-sel');
                var $openFull = $('#ctv-ai-mini-open-full');
                var $moreLink = $('#ctv-ai-mini-more-link');
                var currentQuery = '';

                // Toggle Cửa Sổ Nhỏ Trợ Lý
                $toggle.on('click', function(e){
                    e.preventDefault();
                    if ($mini.is(':visible')) {
                        $mini.fadeOut(180);
                    } else {
                        $('.ctv-floating-ai-tt').fadeOut(120);
                        $mini.fadeIn(220, function(){
                            $input.focus();
                        });
                    }
                });

                $close.on('click', function(e){
                    e.preventDefault();
                    $mini.fadeOut(180);
                });

                // Đồng bộ liên kết xem toàn trang
                function updateFullLinks(q) {
                    currentQuery = q || '';
                    var url = currentQuery ? '/ai/?q=' + encodeURIComponent(currentQuery) : '/ai/';
                    $openFull.attr('href', url);
                    $moreLink.attr('href', url);
                }

                // Xử lý gửi câu hỏi
                function sendQuestion(q) {
                    q = (q || '').trim();
                    if (!q) return;

                    updateFullLinks(q);

                    // Thêm tin nhắn người dùng
                    var userHtml = '<div class="ctv-ai-bubble ctv-ai-user"><div class="ctv-ai-bubble-content">' + $('<div>').text(q).html() + '</div></div>';
                    $msgs.append(userHtml);
                    $input.val('');

                    // Spinner chờ AI
                    var loadId = 'ai-load-' + Date.now();
                    var loadHtml = '<div class="ctv-ai-bubble ctv-ai-assistant" id="' + loadId + '"><div class="ctv-ai-bubble-content"><div class="ctv-ai-spinner-msg"><i class="fa fa-dharmachakra fa-spin" style="font-size:16px;"></i><span>Trợ lý AI đang tra cứu 5 nguồn dữ liệu kinh điển song song...</span></div></div></div>';
                    $msgs.append(loadHtml);
                    $msgs.scrollTop($msgs[0].scrollHeight);

                    var lang = $langSel.val() || 'vi';

                    // Gọi API Tra cứu 3 nguồn song song
                    $.ajax({
                        url: '/ai/index.php',
                        method: 'GET',
                        data: { api: '1', q: q, lang: lang },
                        dataType: 'json',
                        timeout: 30000,
                        success: function(res) {
                            $('#' + loadId).remove();
                            if (res && res.status === 'success') {
                                renderAnswer(q, res);
                            } else {
                                renderError('Không tìm thấy dữ liệu phù hợp hoặc kết nối gián đoạn. Quý Phật tử vui lòng thử lại.');
                            }
                        },
                        error: function() {
                            $('#' + loadId).remove();
                            renderError('Đang kết nối lại máy chủ AI... Quý Phật tử có thể bấm "Xem thêm chi tiết" để mở trang đầy đủ.');
                        }
                    });
                }

                function renderAnswer(q, res) {
                    var aiText = res.ai_answer || '';
                    // Clean AI text
                    aiText = aiText.replace(/---RELATED_QUESTIONS---[\s\S]*/i, '').trim();
                    aiText = aiText.replace(/\*\*(.*?)\*\*/g, '<strong></strong>');
                    aiText = aiText.replace(/\n\n/g, '<br><br>').replace(/\n/g, '<br>');

                    var ansHtml = '<div class="ctv-ai-bubble ctv-ai-assistant"><div class="ctv-ai-bubble-content">';
                    ansHtml += '<div style="margin-bottom:8px;line-height:1.5;">' + aiText + '</div>';

                    // Hiển thị top kết quả từ 3 nguồn
                    if (res.results && res.results.length > 0) {
                        ansHtml += '<div style="font-size:11px;font-weight:700;color:#0f766e;margin-top:10px;margin-bottom:4px;border-top:1px dashed #cbd5e1;padding-top:6px;">📖 NGUỒN KINH ĐIỂN ĐỐI CHIẾU:</div>';
                        var count = Math.min(3, res.results.length);
                        for (var i = 0; i < count; i++) {
                            var item = res.results[i];
                            var badgeCls = 'ctv-ai-badge-ckn';
                            if (item.source_id === 'buddhasutra') badgeCls = 'ctv-ai-badge-bs';
                            else if (item.source_id === 'truyenphatgiao') badgeCls = 'ctv-ai-badge-tpg';
                            else if (item.source_id === 'daitangkinh') badgeCls = 'ctv-ai-badge-dtk';
                            else if (item.source_id === 'truyenphatgiao_ks') badgeCls = 'ctv-ai-badge-tpgks';

                            ansHtml += '<div class="ctv-ai-mini-result-item">';
                            ansHtml += '<span class="ctv-ai-mini-result-badge ' + badgeCls + '">' + (item.source_badge || item.source) + '</span>';
                            ansHtml += '<a href="https://chuakhainguyen.com/' + (item.url || '/ai/?q=' + encodeURIComponent(q)) + '" target="_blank" class="ctv-ai-mini-result-link">' + item.title + '</a>';
                            if (item.snippet) {
                                ansHtml += '<div class="ctv-ai-mini-result-snip">' + item.snippet.replace(/<[^>]*>?/gm, '').substring(0, 100) + '...</div>';
                            }
                            ansHtml += '</div>';
                        }
                    }

                    // Nút xem thêm chi tiết toàn màn hình
                    ansHtml += '<a href="https://chuakhainguyen.com/ai/?q=' + encodeURIComponent(q) + '" target="_blank" class="ctv-ai-more-btn">';
                    ansHtml += '<i class="fa fa-book-open"></i> Xem thêm chi tiết & phân tích chuyên sâu (' + (res.results_count || 0) + ' mục) &raquo;';
                    ansHtml += '</a>';

                    ansHtml += '</div></div>';
                    $msgs.append(ansHtml);

                    // Thêm câu hỏi gợi ý nếu có
                    if (res.related_questions && res.related_questions.length > 0) {
                        var chipsHtml = '<div class="ctv-ai-mini-chips" style="margin-top:6px;">';
                        for (var j = 0; j < Math.min(3, res.related_questions.length); j++) {
                            var rq = res.related_questions[j];
                            chipsHtml += '<button type="button" class="ctv-ai-chip" data-q="' + $('<div>').text(rq).html() + '">💡 ' + $('<div>').text(rq).html() + '</button>';
                        }
                        chipsHtml += '</div>';
                        $msgs.append(chipsHtml);
                    }

                    $msgs.scrollTop($msgs[0].scrollHeight);
                }

                function renderError(msg) {
                    var errHtml = '<div class="ctv-ai-bubble ctv-ai-assistant"><div class="ctv-ai-bubble-content" style="background:#fff1f2;border-color:#fecdd3;color:#9f1239;">';
                    errHtml += '<p style="margin-bottom:6px;">⚠️ ' + msg + '</p>';
                    errHtml += '<a href="https://chuakhainguyen.com/ai/?q=' + encodeURIComponent(currentQuery) + '" target="_blank" class="ctv-ai-more-btn" style="background:#fff;border-color:#f43f5e;color:#e11d48;">';
                    errHtml += '👉 Mở trang Khai Nguyên AI Buddhist Search trực tiếp &raquo;</a>';
                    errHtml += '</div></div>';
                    $msgs.append(errHtml);
                    $msgs.scrollTop($msgs[0].scrollHeight);
                }

                // Submit Form
                $form.on('submit', function(e){
                    e.preventDefault();
                    sendQuestion($input.val());
                });

                // Click chips
                $(document).on('click', '.ctv-ai-chip', function(e){
                    e.preventDefault();
                    var q = $(this).data('q');
                    if (q) sendQuestion(q);
                });

                // Tự động nhận diện ngôn ngữ nếu có nv_lang_data
                if (typeof nv_lang_data !== 'undefined' && nv_lang_data) {
                    $langSel.val(nv_lang_data);
                }
            });
        })(window.jQuery || window.$);
        </script>
</body>
</html>