\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19 – \u0e21\u0e08\u0e23<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\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=Noto+Sans+Thai:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * { font-family: 'Noto Sans Thai', 'Sarabun', sans-serif; }\n \n .gradient-bg {\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n }\n \n .card-glass {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .card-glass:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n \n .library-card {\n background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%);\n border-left: 4px solid;\n }\n \n .lotus-pattern {\n position: absolute;\n opacity: 0.05;\n font-size: 200px;\n top: -50px;\n right: -50px;\n }\n \n .floating {\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n \n .pulse-glow {\n animation: pulse-glow 2s ease-in-out infinite;\n }\n \n @keyframes pulse-glow {\n 0%, 100% { box-shadow: 0 0 20px rgba(255, 183, 77, 0.3); }\n 50% { box-shadow: 0 0 40px rgba(255, 183, 77, 0.6); }\n }\n \n .stagger-1 { animation-delay: 0.1s; }\n .stagger-2 { animation-delay: 0.2s; }\n .stagger-3 { animation-delay: 0.3s; }\n .stagger-4 { animation-delay: 0.4s; }\n .stagger-5 { animation-delay: 0.5s; }\n .stagger-6 { animation-delay: 0.6s; }\n .stagger-7 { animation-delay: 0.7s; }\n .stagger-8 { animation-delay: 0.8s; }\n .stagger-9 { animation-delay: 0.9s; }\n \n .fade-in {\n animation: fadeIn 0.6s ease-out forwards;\n opacity: 0;\n }\n \n @keyframes fadeIn {\n to { opacity: 1; }\n }\n \n .section-divider {\n background: linear-gradient(90deg, transparent, #d4a574, transparent);\n height: 2px;\n }\n \n .icon-circle {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n font-size: 28px;\n flex-shrink: 0;\n }\n \n .scroll-indicator {\n animation: bounce 2s infinite;\n }\n \n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(10px); }\n }\n <\/style>\n<\/head>\n<body class=\"h-full\">\n <div id=\"app-container\" class=\"min-h-full gradient-bg overflow-auto\">\n \n \n <header class=\"relative overflow-hidden py-16 px-4 text-center\">\n <div class=\"lotus-pattern floating\">\u2638<\/div>\n \n \n <div class=\"absolute top-10 left-10 text-4xl opacity-20 floating\" style=\"animation-delay: 1s;\">\ud83d\udcda<\/div>\n <div class=\"absolute top-20 right-20 text-3xl opacity-20 floating\" style=\"animation-delay: 2s;\">\ud83c\udf93<\/div>\n <div class=\"absolute bottom-10 left-1\/4 text-2xl opacity-20 floating\" style=\"animation-delay: 1.5s;\">\ud83d\udcd6<\/div>\n \n <div class=\"relative z-10 max-w-4xl mx-auto\">\n \n <div class=\"inline-block mb-6 pulse-glow rounded-full p-1\">\n <div class=\"w-24 h-24 rounded-full bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center text-5xl shadow-2xl\">\n \ud83d\udcda\n <\/div>\n <\/div>\n \n <h1 id=\"main-title\" class=\"text-4xl md:text-5xl font-bold text-white mb-4 tracking-wide fade-in\">\n \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\n <\/h1>\n \n <p id=\"subtitle\" class=\"text-xl md:text-2xl text-amber-200 font-light mb-6 fade-in stagger-1\">\n \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n <\/p>\n \n <div class=\"flex items-center justify-center gap-2 text-white\/60 text-sm fade-in stagger-2\">\n <span>\ud83c\udfdb\ufe0f<\/span>\n <span>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e17\u0e32\u0e07\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e41\u0e25\u0e30\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48<\/span>\n <\/div>\n \n \n <div class=\"mt-10 scroll-indicator text-white\/50\">\n <svg class=\"w-6 h-6 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 pb-16\">\n \n \n <section class=\"mb-16\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-white mb-3 fade-in stagger-2\">\n \ud83c\udfdb\ufe0f \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n <\/h2>\n <div class=\"section-divider w-64 mx-auto mb-4\"><\/div>\n <p class=\"text-amber-200\/80\">\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/p>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 gap-6 max-w-4xl mx-auto\">\n \n \n <a href=\"https:\/\/lib.mcu.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\" \n class=\"library-card card-glass rounded-2xl p-6 fade-in stagger-3 group cursor-pointer\"\n style=\"border-left-color: #f59e0b;\">\n <div class=\"flex items-start gap-4\">\n <div class=\"icon-circle bg-gradient-to-br from-amber-400 to-orange-500 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\udfdb\ufe0f\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-2 group-hover:text-amber-600 transition-colors\">\n \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e21\u0e08\u0e23\n <\/h3>\n <p class=\"text-gray-600 text-sm mb-3\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07)\n <\/p>\n <div class=\"flex items-center gap-2 text-amber-600 text-sm font-medium\">\n <span>\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/span>\n <svg class=\"w-4 h-4 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-4 flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-amber-100 text-amber-700 rounded-full text-xs font-medium\">OPAC<\/span>\n <span class=\"px-3 py-1 bg-orange-100 text-orange-700 rounded-full text-xs font-medium\">E-Book<\/span>\n <span class=\"px-3 py-1 bg-yellow-100 text-yellow-700 rounded-full text-xs font-medium\">E-Journal<\/span>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/elibrary-mcunm.cu-elibrary.com\/\"_blank\" rel=\"noopener noreferrer\"\n class=\"library-card card-glass rounded-2xl p-6 fade-in stagger-4 group cursor-pointer\"\n style=\"border-left-color: #10b981;\">\n <div class=\"flex items-start gap-4\">\n <div class=\"icon-circle bg-gradient-to-br from-emerald-400 to-teal-500 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcd6\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-2 group-hover:text-emerald-600 transition-colors\">\n \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32\n <\/h3>\n <p class=\"text-gray-600 text-sm mb-3\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32\n <\/p>\n <div class=\"flex items-center gap-2 text-emerald-600 text-sm font-medium\">\n <span>\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/span>\n <svg class=\"w-4 h-4 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-4 flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-emerald-100 text-emerald-700 rounded-full text-xs font-medium\">\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d<\/span>\n <span class=\"px-3 py-1 bg-teal-100 text-teal-700 rounded-full text-xs font-medium\">\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23<\/span>\n <span class=\"px-3 py-1 bg-green-100 text-green-700 rounded-full text-xs font-medium\">\u0e2a\u0e37\u0e48\u0e2d\u0e42\u0e2a\u0e15\u0e17\u0e31\u0e28\u0e19\u0e4c<\/span>\n <\/div>\n <\/a>\n \n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"text-center mb-10\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-white mb-3 fade-in stagger-3\">\n \ud83d\udd0d \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\n <\/h2>\n <div class=\"section-divider w-64 mx-auto mb-4\"><\/div>\n <p class=\"text-amber-200\/80\">\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e25\u0e30\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/p>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-5\">\n \n \n <a href=\"https:\/\/tdc.thailis.or.th\/tdc\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-1 group cursor-pointer hover:ring-2 hover:ring-blue-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-blue-500 to-indigo-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\uddf9\ud83c\udded\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-blue-600 transition-colors\">ThaiLIS<\/h3>\n <p class=\"text-xs text-gray-500\">Thai Library Integrated System<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e44\u0e17\u0e22 \u0e08\u0e32\u0e01\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e42\u0e14\u0e22\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-blue-100 text-blue-700 rounded-full text-xs font-medium\">\ud83c\uddf9\ud83c\udded \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e17\u0e22<\/span>\n <svg class=\"w-5 h-5 text-blue-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/ir.mcu.ac.th\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-2 group cursor-pointer hover:ring-2 hover:ring-amber-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-amber-500 to-orange-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \u2638\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-amber-600 transition-colors\">MCU Digital Collections<\/h3>\n <p class=\"text-xs text-gray-500\">\u0e04\u0e25\u0e31\u0e07\u0e1b\u0e31\u0e0d\u0e0d\u0e32 \u0e21\u0e08\u0e23<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e04\u0e25\u0e31\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e17\u0e38\u0e01\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-amber-100 text-amber-700 rounded-full text-xs font-medium\">\u2638 \u0e21\u0e08\u0e23<\/span>\n <svg class=\"w-5 h-5 text-amber-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/tci-thailand.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-3 group cursor-pointer hover:ring-2 hover:ring-green-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-green-500 to-emerald-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcca\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-green-600 transition-colors\">TCI<\/h3>\n <p class=\"text-xs text-gray-500\">Thai-Journal Citation Index<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e44\u0e17\u0e22 \u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-green-100 text-green-700 rounded-full text-xs font-medium\">\ud83d\udcf0 \u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e44\u0e17\u0e22<\/span>\n <svg class=\"w-5 h-5 text-green-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.scopus.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-4 group cursor-pointer hover:ring-2 hover:ring-orange-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-orange-500 to-red-500 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\udf10\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-orange-600 transition-colors\">Scopus<\/h3>\n <p class=\"text-xs text-gray-500\">Elsevier<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e23\u0e23\u0e13\u0e32\u0e19\u0e38\u0e01\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e08\u0e32\u0e01 Elsevier\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-orange-100 text-orange-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-orange-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.webofscience.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-5 group cursor-pointer hover:ring-2 hover:ring-purple-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-purple-500 to-violet-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udd2c\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-purple-600 transition-colors\">Web of Science<\/h3>\n <p class=\"text-xs text-gray-500\">Clarivate<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e08\u0e32\u0e01\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-purple-100 text-purple-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-purple-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/scholar.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-6 group cursor-pointer hover:ring-2 hover:ring-sky-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-sky-500 to-blue-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\udf93\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-sky-600 transition-colors\">Google Scholar<\/h3>\n <p class=\"text-xs text-gray-500\">Google<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e27\u0e23\u0e23\u0e13\u0e01\u0e23\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e1f\u0e23\u0e35 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d \u0e08\u0e32\u0e01\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-sky-100 text-sky-700 rounded-full text-xs font-medium\">\ud83c\udd93 \u0e1f\u0e23\u0e35<\/span>\n <svg class=\"w-5 h-5 text-sky-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.proquest.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-7 group cursor-pointer hover:ring-2 hover:ring-rose-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-rose-500 to-pink-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcd5\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-rose-600 transition-colors\">ProQuest<\/h3>\n <p class=\"text-xs text-gray-500\">Dissertations & Theses<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e08\u0e32\u0e01\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-rose-100 text-rose-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-rose-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.ebsco.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-8 group cursor-pointer hover:ring-2 hover:ring-cyan-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-cyan-500 to-teal-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcda\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-cyan-600 transition-colors\">EBSCO<\/h3>\n <p class=\"text-xs text-gray-500\">Research Databases<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e08\u0e31\u0e22\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23 \u0e41\u0e25\u0e30 eBooks \u0e08\u0e32\u0e01\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-cyan-100 text-cyan-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-cyan-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/doaj.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-9 group cursor-pointer hover:ring-2 hover:ring-lime-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-lime-500 to-green-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udd13\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-lime-600 transition-colors\">DOAJ<\/h3>\n <p class=\"text-xs text-gray-500\">Directory of Open Access Journals<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e44\u0e14\u0e40\u0e23\u0e01\u0e17\u0e2d\u0e23\u0e35\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23 Open Access \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e44\u0e14\u0e49\u0e1f\u0e23\u0e35\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-lime-100 text-lime-700 rounded-full text-xs font-medium\">\ud83c\udd93 Open Access<\/span>\n <svg class=\"w-5 h-5 text-lime-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n <\/div>\n <\/section>\n\n \n <section class=\"mt-16 max-w-4xl mx-auto\">\n <div class=\"bg-gradient-to-r from-amber-500\/20 to-orange-500\/20 rounded-2xl p-6 border border-amber-500\/30\">\n <div class=\"flex items-start gap-4\">\n <div class=\"text-3xl\">\ud83d\udca1<\/div>\n <div>\n <h3 class=\"text-lg font-bold text-white mb-2\">\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19<\/h3>\n <ul class=\"text-amber-100\/90 text-sm space-y-2\">\n <li>\u2022 \u0e43\u0e0a\u0e49\u0e04\u0e33\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29\u0e04\u0e27\u0e1a\u0e04\u0e39\u0e48\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/li>\n <li>\u2022 \u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 “” (Quotation marks) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e27\u0e25\u0e35\u0e15\u0e23\u0e07\u0e15\u0e31\u0e27<\/li>\n <li>\u2022 \u0e43\u0e0a\u0e49 Boolean operators (AND, OR, NOT) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e2b\u0e32<\/li>\n <li>\u2022 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e15\u0e35\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e41\u0e25\u0e30\u0e08\u0e33\u0e19\u0e27\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"text-center py-8 border-t border-white\/10\">\n <p class=\"text-white\/50 text-sm\">\n \u00a9 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32\n <\/p>\n <p class=\"text-white\/30 text-xs mt-2\">\n \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22\n <\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n const defaultConfig = {\n main_title: '\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19',\n subtitle: '\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22',\n background_color: '#1a1a2e',\n text_color: '#ffffff',\n accent_color: '#f59e0b',\n card_color: '#ffffff',\n secondary_color: '#10b981'\n };\n\n async function onConfigChange(config) {\n const mainTitle = document.getElementById('main-title');\n const subtitle = document.getElementById('subtitle');\n \n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n mainTitle.style.color = config.text_color || defaultConfig.text_color;\n }\n \n if (subtitle) {\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n }\n \n \/\/ Apply background color\n const container = document.getElementById('app-container');\n if (container && config.background_color) {\n container.style.background = `linear-gradient(135deg, ${config.background_color} 0%, #16213e 50%, #0f3460 100%)`;\n }\n \n \/\/ Apply accent color to cards\n const cards = document.querySelectorAll('.card-glass');\n cards.forEach(card => {\n if (config.card_color) {\n card.style.backgroundColor = config.card_color;\n }\n });\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => {\n config.card_color = value;\n window.elementSdk.setConfig({ card_color: value });\n }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => {\n config.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => {\n config.accent_color = value;\n window.elementSdk.setConfig({ accent_color: value });\n }\n },\n {\n get: () => config.secondary_color || defaultConfig.secondary_color,\n set: (value) => {\n config.secondary_color = value;\n window.elementSdk.setConfig({ secondary_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['subtitle', config.subtitle || defaultConfig.subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cf22e4a76d58963',t:'MTc3MTI5ODc2MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19 – \u0e21\u0e08\u0e23 \u2638 \ud83d\udcda \ud83c\udf93 \ud83d\udcd6 \ud83d\udcda \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \ud83c\udfdb\ufe0f \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e17\u0e32\u0e07\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e41\u0e25\u0e30\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48 \ud83c\udfdb\ufe0f \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \ud83c\udfdb\ufe0f \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e21\u0e08\u0e23 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07) \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c OPAC E-Book E-Journal<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-772","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=772"}],"version-history":[{"count":3,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/772\/revisions"}],"predecessor-version":[{"id":880,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/772\/revisions\/880"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":772,"date":"2026-02-17T01:55:03","date_gmt":"2026-02-17T01:55:03","guid":{"rendered":"https:\/\/medkorat.mcu.ac.th\/?page_id=772"},"modified":"2026-02-20T02:10:33","modified_gmt":"2026-02-20T02:10:33","slug":"%e0%b8%ab%e0%b8%99%e0%b8%b1%e0%b8%87%e0%b8%aa%e0%b8%b7%e0%b8%ad%e0%b8%ab%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%aa%e0%b8%a1%e0%b8%b8%e0%b8%94-%e0%b8%aa%e0%b8%b4%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a3%e0%b8%b5","status":"publish","type":"page","link":"https:\/\/medkorat.mcu.ac.th\/?page_id=772","title":{"rendered":"\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\/\u0e2a\u0e34\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08"},"content":{"rendered":"\n\n\n\n \n \n \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19 – \u0e21\u0e08\u0e23<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\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=Noto+Sans+Thai:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * { font-family: 'Noto Sans Thai', 'Sarabun', sans-serif; }\n \n .gradient-bg {\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n }\n \n .card-glass {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .card-glass:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n \n .library-card {\n background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%);\n border-left: 4px solid;\n }\n \n .lotus-pattern {\n position: absolute;\n opacity: 0.05;\n font-size: 200px;\n top: -50px;\n right: -50px;\n }\n \n .floating {\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n \n .pulse-glow {\n animation: pulse-glow 2s ease-in-out infinite;\n }\n \n @keyframes pulse-glow {\n 0%, 100% { box-shadow: 0 0 20px rgba(255, 183, 77, 0.3); }\n 50% { box-shadow: 0 0 40px rgba(255, 183, 77, 0.6); }\n }\n \n .stagger-1 { animation-delay: 0.1s; }\n .stagger-2 { animation-delay: 0.2s; }\n .stagger-3 { animation-delay: 0.3s; }\n .stagger-4 { animation-delay: 0.4s; }\n .stagger-5 { animation-delay: 0.5s; }\n .stagger-6 { animation-delay: 0.6s; }\n .stagger-7 { animation-delay: 0.7s; }\n .stagger-8 { animation-delay: 0.8s; }\n .stagger-9 { animation-delay: 0.9s; }\n \n .fade-in {\n animation: fadeIn 0.6s ease-out forwards;\n opacity: 0;\n }\n \n @keyframes fadeIn {\n to { opacity: 1; }\n }\n \n .section-divider {\n background: linear-gradient(90deg, transparent, #d4a574, transparent);\n height: 2px;\n }\n \n .icon-circle {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n font-size: 28px;\n flex-shrink: 0;\n }\n \n .scroll-indicator {\n animation: bounce 2s infinite;\n }\n \n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(10px); }\n }\n <\/style>\n<\/head>\n<body class=\"h-full\">\n <div id=\"app-container\" class=\"min-h-full gradient-bg overflow-auto\">\n \n \n <header class=\"relative overflow-hidden py-16 px-4 text-center\">\n <div class=\"lotus-pattern floating\">\u2638<\/div>\n \n \n <div class=\"absolute top-10 left-10 text-4xl opacity-20 floating\" style=\"animation-delay: 1s;\">\ud83d\udcda<\/div>\n <div class=\"absolute top-20 right-20 text-3xl opacity-20 floating\" style=\"animation-delay: 2s;\">\ud83c\udf93<\/div>\n <div class=\"absolute bottom-10 left-1\/4 text-2xl opacity-20 floating\" style=\"animation-delay: 1.5s;\">\ud83d\udcd6<\/div>\n \n <div class=\"relative z-10 max-w-4xl mx-auto\">\n \n <div class=\"inline-block mb-6 pulse-glow rounded-full p-1\">\n <div class=\"w-24 h-24 rounded-full bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center text-5xl shadow-2xl\">\n \ud83d\udcda\n <\/div>\n <\/div>\n \n <h1 id=\"main-title\" class=\"text-4xl md:text-5xl font-bold text-white mb-4 tracking-wide fade-in\">\n \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\n <\/h1>\n \n <p id=\"subtitle\" class=\"text-xl md:text-2xl text-amber-200 font-light mb-6 fade-in stagger-1\">\n \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n <\/p>\n \n <div class=\"flex items-center justify-center gap-2 text-white\/60 text-sm fade-in stagger-2\">\n <span>\ud83c\udfdb\ufe0f<\/span>\n <span>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e17\u0e32\u0e07\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e41\u0e25\u0e30\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48<\/span>\n <\/div>\n \n \n <div class=\"mt-10 scroll-indicator text-white\/50\">\n <svg class=\"w-6 h-6 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 pb-16\">\n \n \n <section class=\"mb-16\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-white mb-3 fade-in stagger-2\">\n \ud83c\udfdb\ufe0f \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n <\/h2>\n <div class=\"section-divider w-64 mx-auto mb-4\"><\/div>\n <p class=\"text-amber-200\/80\">\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/p>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 gap-6 max-w-4xl mx-auto\">\n \n \n <a href=\"https:\/\/lib.mcu.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\" \n class=\"library-card card-glass rounded-2xl p-6 fade-in stagger-3 group cursor-pointer\"\n style=\"border-left-color: #f59e0b;\">\n <div class=\"flex items-start gap-4\">\n <div class=\"icon-circle bg-gradient-to-br from-amber-400 to-orange-500 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\udfdb\ufe0f\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-2 group-hover:text-amber-600 transition-colors\">\n \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e21\u0e08\u0e23\n <\/h3>\n <p class=\"text-gray-600 text-sm mb-3\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07)\n <\/p>\n <div class=\"flex items-center gap-2 text-amber-600 text-sm font-medium\">\n <span>\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/span>\n <svg class=\"w-4 h-4 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-4 flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-amber-100 text-amber-700 rounded-full text-xs font-medium\">OPAC<\/span>\n <span class=\"px-3 py-1 bg-orange-100 text-orange-700 rounded-full text-xs font-medium\">E-Book<\/span>\n <span class=\"px-3 py-1 bg-yellow-100 text-yellow-700 rounded-full text-xs font-medium\">E-Journal<\/span>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/elibrary-mcunm.cu-elibrary.com\/\"_blank\" rel=\"noopener noreferrer\"\n class=\"library-card card-glass rounded-2xl p-6 fade-in stagger-4 group cursor-pointer\"\n style=\"border-left-color: #10b981;\">\n <div class=\"flex items-start gap-4\">\n <div class=\"icon-circle bg-gradient-to-br from-emerald-400 to-teal-500 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcd6\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-2 group-hover:text-emerald-600 transition-colors\">\n \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32\n <\/h3>\n <p class=\"text-gray-600 text-sm mb-3\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32\n <\/p>\n <div class=\"flex items-center gap-2 text-emerald-600 text-sm font-medium\">\n <span>\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/span>\n <svg class=\"w-4 h-4 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mt-4 flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-emerald-100 text-emerald-700 rounded-full text-xs font-medium\">\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d<\/span>\n <span class=\"px-3 py-1 bg-teal-100 text-teal-700 rounded-full text-xs font-medium\">\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23<\/span>\n <span class=\"px-3 py-1 bg-green-100 text-green-700 rounded-full text-xs font-medium\">\u0e2a\u0e37\u0e48\u0e2d\u0e42\u0e2a\u0e15\u0e17\u0e31\u0e28\u0e19\u0e4c<\/span>\n <\/div>\n <\/a>\n \n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"text-center mb-10\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-white mb-3 fade-in stagger-3\">\n \ud83d\udd0d \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\n <\/h2>\n <div class=\"section-divider w-64 mx-auto mb-4\"><\/div>\n <p class=\"text-amber-200\/80\">\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34\u0e41\u0e25\u0e30\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/p>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-5\">\n \n \n <a href=\"https:\/\/tdc.thailis.or.th\/tdc\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-1 group cursor-pointer hover:ring-2 hover:ring-blue-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-blue-500 to-indigo-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\uddf9\ud83c\udded\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-blue-600 transition-colors\">ThaiLIS<\/h3>\n <p class=\"text-xs text-gray-500\">Thai Library Integrated System<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e44\u0e17\u0e22 \u0e08\u0e32\u0e01\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e42\u0e14\u0e22\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-blue-100 text-blue-700 rounded-full text-xs font-medium\">\ud83c\uddf9\ud83c\udded \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e17\u0e22<\/span>\n <svg class=\"w-5 h-5 text-blue-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/ir.mcu.ac.th\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-2 group cursor-pointer hover:ring-2 hover:ring-amber-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-amber-500 to-orange-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \u2638\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-amber-600 transition-colors\">MCU Digital Collections<\/h3>\n <p class=\"text-xs text-gray-500\">\u0e04\u0e25\u0e31\u0e07\u0e1b\u0e31\u0e0d\u0e0d\u0e32 \u0e21\u0e08\u0e23<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e04\u0e25\u0e31\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e17\u0e38\u0e01\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-amber-100 text-amber-700 rounded-full text-xs font-medium\">\u2638 \u0e21\u0e08\u0e23<\/span>\n <svg class=\"w-5 h-5 text-amber-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/tci-thailand.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-3 group cursor-pointer hover:ring-2 hover:ring-green-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-green-500 to-emerald-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcca\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-green-600 transition-colors\">TCI<\/h3>\n <p class=\"text-xs text-gray-500\">Thai-Journal Citation Index<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e44\u0e17\u0e22 \u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-green-100 text-green-700 rounded-full text-xs font-medium\">\ud83d\udcf0 \u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e44\u0e17\u0e22<\/span>\n <svg class=\"w-5 h-5 text-green-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.scopus.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-4 group cursor-pointer hover:ring-2 hover:ring-orange-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-orange-500 to-red-500 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\udf10\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-orange-600 transition-colors\">Scopus<\/h3>\n <p class=\"text-xs text-gray-500\">Elsevier<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e23\u0e23\u0e13\u0e32\u0e19\u0e38\u0e01\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e08\u0e32\u0e01 Elsevier\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-orange-100 text-orange-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-orange-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.webofscience.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-5 group cursor-pointer hover:ring-2 hover:ring-purple-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-purple-500 to-violet-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udd2c\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-purple-600 transition-colors\">Web of Science<\/h3>\n <p class=\"text-xs text-gray-500\">Clarivate<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e08\u0e32\u0e01\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-purple-100 text-purple-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-purple-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/scholar.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-6 group cursor-pointer hover:ring-2 hover:ring-sky-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-sky-500 to-blue-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83c\udf93\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-sky-600 transition-colors\">Google Scholar<\/h3>\n <p class=\"text-xs text-gray-500\">Google<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e27\u0e23\u0e23\u0e13\u0e01\u0e23\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e1f\u0e23\u0e35 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d \u0e08\u0e32\u0e01\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-sky-100 text-sky-700 rounded-full text-xs font-medium\">\ud83c\udd93 \u0e1f\u0e23\u0e35<\/span>\n <svg class=\"w-5 h-5 text-sky-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.proquest.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-7 group cursor-pointer hover:ring-2 hover:ring-rose-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-rose-500 to-pink-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcd5\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-rose-600 transition-colors\">ProQuest<\/h3>\n <p class=\"text-xs text-gray-500\">Dissertations & Theses<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01 \u0e08\u0e32\u0e01\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-rose-100 text-rose-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-rose-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/www.ebsco.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-8 group cursor-pointer hover:ring-2 hover:ring-cyan-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-cyan-500 to-teal-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udcda\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-cyan-600 transition-colors\">EBSCO<\/h3>\n <p class=\"text-xs text-gray-500\">Research Databases<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e08\u0e31\u0e22\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23 \u0e41\u0e25\u0e30 eBooks \u0e08\u0e32\u0e01\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-cyan-100 text-cyan-700 rounded-full text-xs font-medium\">\ud83c\udf0d \u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34<\/span>\n <svg class=\"w-5 h-5 text-cyan-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/doaj.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"card-glass rounded-2xl p-5 fade-in stagger-9 group cursor-pointer hover:ring-2 hover:ring-lime-400\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"icon-circle bg-gradient-to-br from-lime-500 to-green-600 text-white shadow-lg group-hover:scale-110 transition-transform\">\n \ud83d\udd13\n <\/div>\n <div>\n <h3 class=\"font-bold text-gray-800 group-hover:text-lime-600 transition-colors\">DOAJ<\/h3>\n <p class=\"text-xs text-gray-500\">Directory of Open Access Journals<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600 text-sm mb-4\">\n \u0e44\u0e14\u0e40\u0e23\u0e01\u0e17\u0e2d\u0e23\u0e35\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23 Open Access \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e44\u0e14\u0e49\u0e1f\u0e23\u0e35\n <\/p>\n <div class=\"flex items-center justify-between\">\n <span class=\"px-3 py-1 bg-lime-100 text-lime-700 rounded-full text-xs font-medium\">\ud83c\udd93 Open Access<\/span>\n <svg class=\"w-5 h-5 text-lime-500 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n <\/div>\n <\/section>\n\n \n <section class=\"mt-16 max-w-4xl mx-auto\">\n <div class=\"bg-gradient-to-r from-amber-500\/20 to-orange-500\/20 rounded-2xl p-6 border border-amber-500\/30\">\n <div class=\"flex items-start gap-4\">\n <div class=\"text-3xl\">\ud83d\udca1<\/div>\n <div>\n <h3 class=\"text-lg font-bold text-white mb-2\">\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19<\/h3>\n <ul class=\"text-amber-100\/90 text-sm space-y-2\">\n <li>\u2022 \u0e43\u0e0a\u0e49\u0e04\u0e33\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29\u0e04\u0e27\u0e1a\u0e04\u0e39\u0e48\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/li>\n <li>\u2022 \u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 “” (Quotation marks) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e27\u0e25\u0e35\u0e15\u0e23\u0e07\u0e15\u0e31\u0e27<\/li>\n <li>\u2022 \u0e43\u0e0a\u0e49 Boolean operators (AND, OR, NOT) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e2b\u0e32<\/li>\n <li>\u2022 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e15\u0e35\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e41\u0e25\u0e30\u0e08\u0e33\u0e19\u0e27\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"text-center py-8 border-t border-white\/10\">\n <p class=\"text-white\/50 text-sm\">\n \u00a9 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32\n <\/p>\n <p class=\"text-white\/30 text-xs mt-2\">\n \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22\n <\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n const defaultConfig = {\n main_title: '\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19',\n subtitle: '\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22',\n background_color: '#1a1a2e',\n text_color: '#ffffff',\n accent_color: '#f59e0b',\n card_color: '#ffffff',\n secondary_color: '#10b981'\n };\n\n async function onConfigChange(config) {\n const mainTitle = document.getElementById('main-title');\n const subtitle = document.getElementById('subtitle');\n \n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n mainTitle.style.color = config.text_color || defaultConfig.text_color;\n }\n \n if (subtitle) {\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n }\n \n \/\/ Apply background color\n const container = document.getElementById('app-container');\n if (container && config.background_color) {\n container.style.background = `linear-gradient(135deg, ${config.background_color} 0%, #16213e 50%, #0f3460 100%)`;\n }\n \n \/\/ Apply accent color to cards\n const cards = document.querySelectorAll('.card-glass');\n cards.forEach(card => {\n if (config.card_color) {\n card.style.backgroundColor = config.card_color;\n }\n });\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => {\n config.card_color = value;\n window.elementSdk.setConfig({ card_color: value });\n }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => {\n config.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => {\n config.accent_color = value;\n window.elementSdk.setConfig({ accent_color: value });\n }\n },\n {\n get: () => config.secondary_color || defaultConfig.secondary_color,\n set: (value) => {\n config.secondary_color = value;\n window.elementSdk.setConfig({ secondary_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['subtitle', config.subtitle || defaultConfig.subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cf22e4a76d58963',t:'MTc3MTI5ODc2MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19 – \u0e21\u0e08\u0e23 \u2638 \ud83d\udcda \ud83c\udf93 \ud83d\udcd6 \ud83d\udcda \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \ud83c\udfdb\ufe0f \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e17\u0e32\u0e07\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e41\u0e25\u0e30\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48 \ud83c\udfdb\ufe0f \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \ud83c\udfdb\ufe0f \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e21\u0e08\u0e23 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07) \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c OPAC E-Book E-Journal<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-772","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=772"}],"version-history":[{"count":3,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/772\/revisions"}],"predecessor-version":[{"id":880,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/772\/revisions\/880"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}