\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e17\u0e2d\u0e07\u0e04\u0e33 – Trade Gold<\/title>\n <link rel=\"icon\" type=\"image\/png\" href=\"\/image\/logo.png\">\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=Kanit:wght@300;400;500;600;700;900&display=swap\"\n rel=\"stylesheet\">\n <style>\n :root {\n --gold-primary: #EDBF43;\n --gold-light: #FFD700;\n --gold-dark: #B8860B;\n --navy: #1E3A8A;\n --navy-dark: #172d69;\n --navy-medium: #1E40AF;\n --white: #ffffff;\n --gray-light: #f8f9fa;\n --gray-medium: #e9ecef;\n --text-dark: #2c3e50;\n --sky-blue: #87CEEB;\n --sky-light: #A3DFF8;\n --shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n --tag-beginner: #3B82F6;\n --tag-intermediate: #EDBF43;\n --tag-professional: #EF4444\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box\n }\n\n html {\n scroll-behavior: smooth\n }\n\n body {\n margin: 0;\n padding: 0;\n width: 100%\n }\n\n body {\n font-family: 'Kanit', sans-serif;\n background: linear-gradient(180deg, var(--sky-light) 0%, var(--white) 100%);\n color: var(--text-dark);\n line-height: 1.6\n }\n\n @keyframes pulse {\n\n 0%,\n 100% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7)\n }\n\n 50% {\n box-shadow: 0 0 0 10px rgba(212, 175, 55, 0)\n }\n }\n\n .page-header {\n padding: 2rem 2rem;\n text-align: center;\n color: var(--white)\n }\n\n .page-header h1 {\n font-family: 'Kanit', serif;\n font-size: 3.5rem;\n margin-bottom: 1rem;\n margin-top: 1rem;\n color: var(--navy)\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 3rem 2rem\n }\n\n .category-tabs {\n display: flex;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n justify-content: center\n }\n\n .category-tab {\n padding: 1rem 2rem;\n background: var(--white);\n border: 2px solid var(--gray-medium);\n border-radius: 30px;\n cursor: pointer;\n transition: all 0.3s;\n font-size: 1rem;\n font-family: 'Kanit', sans-serif;\n font-weight: 600\n }\n\n .category-tab:hover,\n .category-tab.active {\n background: var(--navy-medium);\n color: var(--white);\n border-color: var(--gold-primary);\n transform: translateY(-2px)\n }\n\n .knowledge-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.4rem;\n margin-bottom: 2.1rem;\n grid-auto-rows: 1fr;\n }\n\n .knowledge-card {\n background: var(--white);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 3px 11px rgba(0, 0, 0, 0.08);\n transition: all 0.3s;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n min-height: 364px;\n text-decoration: none;\n color: inherit;\n height: 100%;\n }\n\n .knowledge-card:hover {\n transform: translateY(-3.5px);\n box-shadow: 0 5.6px 17.5px rgba(0, 0, 0, 0.15)\n }\n\n .knowledge-image {\n height: 200px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 3.5rem;\n background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 100%);\n position: relative\n }\n\n .knowledge-content {\n padding: 1.4rem;\n display: flex;\n flex-direction: column;\n flex: 1;\n position: relative;\n min-height: 210px\n }\n\n .knowledge-category {\n position: absolute;\n top: 8.4px;\n right: 8.4px;\n display: inline-block;\n width: fit-content;\n padding: 0.28rem 0.63rem;\n background: var(--navy-dark);\n color: var(--gray-light);\n border-radius: 14px;\n font-size: 0.8rem;\n font-weight: 600;\n white-space: nowrap;\n box-shadow: 0 1.4px 5.6px rgba(0, 0, 0, 0.2);\n z-index: 10\n }\n\n .knowledge-card h3 {\n font-size: 0.98rem;\n margin-bottom: 0.7rem;\n color: var(--navy);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n min-height: 2.8rem;\n }\n\n .knowledge-description {\n color: #666;\n line-height: 1.56;\n margin-bottom: 1.05rem;\n flex: 1;\n font-size: 0.88rem;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .knowledge-meta {\n display: flex !important;\n justify-content: space-between;\n align-items: center;\n gap: 0.7rem;\n flex-wrap: nowrap;\n padding-top: 0.7rem;\n border-top: 1px solid var(--gray-medium);\n font-size: 0.8rem;\n color: #666;\n min-height: 1.75rem;\n margin-top: auto\n }\n\n .knowledge-meta span {\n display: inline-flex !important;\n align-items: center;\n gap: 0.21rem;\n font-weight: 400;\n color: #666\n }\n\n \/* \u2705 CSS \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e17\u0e47\u0e01\u0e43\u0e19 meta (\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14) *\/\n .meta-tag {\n display: inline-block;\n padding: 0.35rem 0.8rem;\n color: var(--white) !important;\n border-radius: 18px;\n font-size: 0.75rem;\n font-weight: 700;\n white-space: nowrap;\n letter-spacing: 0.3px;\n text-transform: capitalize;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n }\n\n .meta-tag.beginner {\n background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;\n color: #ffffff !important;\n }\n\n .meta-tag.intermediate {\n background: linear-gradient(135deg, #EDBF43 0%, #D4AF37 100%) !important;\n color: #1a1a1a !important;\n }\n\n .meta-tag.professional {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;\n color: #ffffff !important;\n }\n\n \/* \u2705 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48: \u0e41\u0e17\u0e47\u0e01 Expert \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e35\u0e41\u0e14\u0e07 \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\n .meta-tag.expert {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;\n color: #ffffff !important;\n }\n\n .featured-article {\n background: var(--white);\n border-radius: 15px;\n overflow: hidden;\n margin-bottom: 3rem;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n border: 3px solid var(--gold-primary)\n }\n\n .featured-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0\n }\n\n .featured-image-section {\n background: url('https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/Book.webp') center center\/cover no-repeat, linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 8rem;\n padding: 3rem;\n position: relative;\n overflow: hidden\n }\n\n .featured-image-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--navy);\n opacity: 0.5;\n z-index: 0\n }\n\n .featured-text-section {\n padding: 3rem\n }\n\n .featured-tag {\n display: inline-block;\n background: var(--navy);\n color: var(--white);\n padding: 0.5rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n margin-bottom: 1.5rem\n }\n\n .featured-article h2 {\n font-size: 2rem;\n color: var(--navy);\n margin-bottom: 1rem\n }\n\n .featured-description {\n color: #666;\n line-height: 1.8;\n margin-bottom: 2rem\n }\n\n .read-more-btn {\n display: inline-block;\n padding: 1rem 2rem;\n background: var(--navy);\n color: var(--white);\n text-decoration: none;\n border-radius: 30px;\n font-weight: 600;\n transition: all 0.3s\n }\n\n .read-more-btn:hover {\n background: var(--navy-dark);\n transform: scale(1.05)\n }\n\n .faq-section {\n background: var(--white);\n border-radius: 15px;\n padding: 3rem;\n margin-bottom: 3rem;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05)\n }\n\n .faq-section h2 {\n font-size: 2rem;\n color: var(--navy);\n margin-bottom: 2rem;\n text-align: center\n }\n\n .faq-item {\n margin-bottom: 1.5rem;\n border: 2px solid var(--gray-medium);\n border-radius: 10px;\n overflow: hidden\n }\n\n .faq-question {\n padding: 1.5rem;\n background: linear-gradient(180deg, var(--sky-light) 0%, var(--white) 100%);\n cursor: pointer;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s\n }\n\n .faq-question:hover {\n background: var(--gold-light)\n }\n\n .faq-answer {\n padding: 1.5rem;\n display: none;\n line-height: 1.8;\n color: #666\n }\n\n .faq-item.active .faq-answer {\n display: block\n }\n\n .faq-icon {\n font-size: 1.5rem;\n transition: transform 0.3s\n }\n\n .faq-item.active .faq-icon {\n transform: rotate(180deg)\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px)\n }\n\n to {\n opacity: 1;\n transform: translateY(0)\n }\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg)\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n\n .knowledge-card {\n animation: fadeIn 0.6s ease-out\n }\n\n @media (max-width:1200px) {}\n\n @media (max-width:768px) {\n .page-header h1 {\n font-size: 2rem\n }\n\n .knowledge-grid {\n grid-template-columns: 1fr\n }\n\n .featured-content {\n grid-template-columns: 1fr\n }\n\n .featured-image-section {\n font-size: 5rem;\n padding: 2rem\n }\n\n .category-tab {\n padding: 0.75rem 1.5rem;\n font-size: 0.9rem\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"navbar-placeholder\"><\/div>\n\n <section class=\"page-header\">\n <h1>\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07\u0e04\u0e33<\/h1>\n <\/section>\n\n <div class=\"container\">\n <div class=\"featured-article\">\n <div class=\"featured-content\">\n <div class=\"featured-image-section\"><\/div>\n <div class=\"featured-text-section\">\n <span class=\"featured-tag\">\ud83d\udcd8 Guide Book<\/span>\n <h2>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48<\/h2>\n <p class=\"featured-description\">\n \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\n \u0e41\u0e25\u0e30\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\n <\/p>\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/guide\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e15\u0e47\u0e21 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"categoryTabs\" class=\"category-tabs\">\n <button class=\"category-tab active\" data-category=\"\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/button>\n <\/div>\n\n <div id=\"knowledgeGrid\" class=\"knowledge-grid\">\n <div class=\"knowledge-card\"\n style=\"grid-column: 1 \/ -1; border: none; box-shadow: none; background: transparent;\">\n <div class=\"knowledge-content\" style=\"text-align: center; padding: 3rem;\">\n <div style=\"\n background: white;\n padding: 3rem 2rem;\n border-radius: 15px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n \">\n <div\n style=\"border: 4px solid #f3f3f3; border-top: 4px solid #EDBF43; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 0 auto 1rem;\">\n <\/div>\n <p style=\"color: #666; margin: 0;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21…<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"footer-placeholder\"><\/div>\n\n \n <div id=\"switch-button-placeholder\"><\/div>\n\n <script>\n const BLOG_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzTIMUcEl49nXGRMQk_L_TI1XFD28gUNyMt0IXKVWnDiPnV5GorIEEPMswp-Gsv0r1Bhw\/exec';\n\n \/\/ \u2705 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e02\u0e2d\u0e07\u0e41\u0e17\u0e47\u0e01\n function getTagClass(tag) {\n if (!tag) return '';\n const tagLower = tag.toLowerCase().trim();\n if (tagLower === 'beginner') return 'beginner';\n if (tagLower === 'intermediate') return 'intermediate';\n if (tagLower === 'professional') return 'professional';\n if (tagLower === 'expert') return 'expert'; \/\/ \u2705 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48\n return 'beginner'; \/\/ default\n }\n\n async function loadBlogArticles() {\n try {\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 timestamp \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 cache\n const timestamp = new Date().getTime();\n const response = await fetch(`${BLOG_API_URL}?v=${timestamp}`);\n if (!response.ok) throw new Error('Failed to fetch data');\n const data = await response.json();\n let articles = Array.isArray(data) ? data : (data.articles || data.faqs || []);\n\n \/\/ \u0e01\u0e23\u0e2d\u0e07\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e15\u0e32\u0e21 Mode\n const currentMode = localStorage.getItem('tradeSiteMode') || 'gold';\n const modePrefix = currentMode === 'silver' ? '#Silver' : '#Gold';\n\n \/\/ \u0e01\u0e23\u0e2d\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48 Link \u0e02\u0e36\u0e49\u0e19\u0e15\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22 mode \u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\n articles = articles.filter(article => {\n const link = article.Link || '';\n return link.toLowerCase().startsWith(modePrefix.toLowerCase());\n });\n\n if (articles.length > 0) {\n articles.sort((a, b) => new Date(b.Date || b.date || '1900-01-01') - new Date(a.Date || a.date || '1900-01-01'));\n\n console.log(`\ud83d\udcca Loaded ${currentMode} blog articles:`, articles.length);\n console.log('\ud83d\udcc5 Latest article date:', articles[0].Date || articles[0].date);\n console.log('\ud83d\udd17 Mode filter:', modePrefix);\n\n displayBlogArticles(articles);\n } else {\n showEmptyState();\n }\n } catch (error) {\n console.error('\u274c Error loading blog articles:', error);\n showErrorState();\n }\n }\n\n function displayBlogArticles(articles) {\n const knowledgeGrid = document.getElementById('knowledgeGrid');\n createCategoryTabs(articles);\n const bgColors = ['linear-gradient(135deg, #EDBF43 0%, #B8860B 100%)', 'linear-gradient(135deg, #3b82f6 0%, #1e40af 100%)', 'linear-gradient(135deg, #059669 0%, #047857 100%)', 'linear-gradient(135deg, #dc2626 0%, #991b1b 100%)'];\n\n knowledgeGrid.innerHTML = articles.map((article, index) => {\n const title = article.Title || article.Question || '\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d';\n const category = article.Category || article.\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b';\n const description = article.Excerpt || article.Answer || '';\n const date = article.Date || '';\n const author = article.Author || '';\n const articleId = article.ID || article.id || article.No || article.no || index + 1;\n const tag = article.Tag || ''; \/\/ \u2705 \u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 Tag\n let imageUrl = article.Image || '';\n const bgColor = bgColors[index % bgColors.length];\n\n \/\/ \u0e41\u0e1b\u0e25\u0e07 Google Drive URL\n if (imageUrl && imageUrl.includes('drive.google.com')) {\n let fileId = '';\n const match1 = imageUrl.match(\/\\\/d\\\/(.*?)\\\/\/);\n const match2 = imageUrl.match(\/id=(.*?)(&|$)\/);\n\n if (match1) {\n fileId = match1[1];\n } else if (match2) {\n fileId = match2[1];\n }\n\n if (fileId) {\n imageUrl = `https:\/\/lh3.googleusercontent.com\/d\/${fileId}`;\n }\n }\n\n \/\/ Debug \u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\n if (index === 0) {\n console.log('Original Image URL:', article.Image);\n console.log('Converted Image URL:', imageUrl);\n }\n\n \/\/ \u2705 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e17\u0e47\u0e01 HTML \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e19 meta\n const tagHTML = tag ? `<span class=\"meta-tag ${getTagClass(tag)}\">${tag}<\/span>` : '';\n\n return `\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/detail?id=${articleId}\" class=\"knowledge-card\" data-category=\"${category}\">\n <div class=\"knowledge-image\" style=\"background:${bgColor}; position: relative;\">\n ${imageUrl ? `<img decoding=\"async\" loading=\"lazy\" src=\"${imageUrl}\" onerror=\"console.error('Failed to load:', this.src); this.style.display='none'; this.nextElementSibling.style.display='none'; this.parentElement.innerHTML='\ud83d\udcc4<span class=\\\\'knowledge-category\\\\'>${category}<\/span>';\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">` : '\ud83d\udcc4'}\n <span class=\"knowledge-category\" style=\"${imageUrl ? 'position:absolute;' : ''}\">${category}<\/span>\n <\/div>\n <div class=\"knowledge-content\">\n <h3>${title}<\/h3>\n <p class=\"knowledge-description\">${description.substring(0, 150)}...<\/p>\n <div class=\"knowledge-meta\">\n <span>${date || ''}<\/span>\n ${tagHTML}\n <\/div>\n <\/div>\n <\/a>`;\n }).join('');\n initializeFilters();\n }\n\n function createCategoryTabs(articles) {\n const categoryTabsContainer = document.getElementById('categoryTabs');\n\n \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e25\u0e33\u0e14\u0e31\u0e1a Category \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\n const categoryOrder = ['\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14', '\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19', '\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19', '\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e15\u0e25\u0e32\u0e14', '\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04', '\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22'];\n\n \/\/ \u0e14\u0e36\u0e07 categories \u0e17\u0e35\u0e48\u0e21\u0e35\u0e08\u0e23\u0e34\u0e07\u0e08\u0e32\u0e01\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\n const existingCategories = [...new Set(articles.map(a => a.Category || a.\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b'))];\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 tabs \u0e15\u0e32\u0e21\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e42\u0e14\u0e22\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\n let tabsHTML = '';\n categoryOrder.forEach(cat => {\n if (cat === '\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14') {\n tabsHTML += `<button class=\"category-tab active\" data-category=\"\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/button>`;\n } else if (existingCategories.includes(cat)) {\n tabsHTML += `<button class=\"category-tab\" data-category=\"${cat}\">${cat}<\/button>`;\n }\n });\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 categories \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14 (\u0e16\u0e49\u0e32\u0e21\u0e35)\n existingCategories.forEach(cat => {\n if (!categoryOrder.includes(cat)) {\n tabsHTML += `<button class=\"category-tab\" data-category=\"${cat}\">${cat}<\/button>`;\n }\n });\n\n categoryTabsContainer.innerHTML = tabsHTML;\n }\n\n function showEmptyState() {\n document.getElementById('knowledgeGrid').innerHTML = '<div style=\"grid-column:1\/-1; text-align:center; padding:3rem;\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/div>';\n }\n\n function showErrorState() {\n document.getElementById('knowledgeGrid').innerHTML = '<div style=\"grid-column:1\/-1; text-align:center; padding:3rem;\">\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/div>';\n }\n\n function initializeFilters() {\n document.querySelectorAll('.category-tab').forEach(btn => {\n btn.addEventListener('click', function () {\n const filter = this.getAttribute('data-category');\n document.querySelectorAll('.category-tab').forEach(t => t.classList.remove('active'));\n this.classList.add('active');\n document.querySelectorAll('.knowledge-card').forEach(card => {\n card.style.display = (filter === '\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14' || card.getAttribute('data-category') === filter) ? 'flex' : 'none';\n });\n });\n });\n }\n\n window.addEventListener('DOMContentLoaded', loadBlogArticles);\n <\/script>\n\n \n <script>\n \/\/ Apps Script URL \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Search Bar)\n window.GUIDE_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzTIMUcEl49nXGRMQk_L_TI1XFD28gUNyMt0IXKVWnDiPnV5GorIEEPMswp-Gsv0r1Bhw\/exec';\n\n \/\/ \u0e42\u0e2b\u0e25\u0e14 Navbar \u0e41\u0e25\u0e30 Footer\n fetch('index.html')\n .then(response => response.text())\n .then(html => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text\/html');\n\n \/\/ \u0e14\u0e36\u0e07 Navbar Template\n const navbarTemplate = doc.getElementById('navbar-template');\n if (navbarTemplate) {\n const navbarContent = navbarTemplate.content.cloneNode(true);\n document.getElementById('navbar-placeholder').appendChild(navbarContent);\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 active class\n const currentPage = window.location.pathname.split('\/').pop().replace('.html', '') || 'home';\n const navLinks = document.querySelectorAll('.nav-menu a');\n navLinks.forEach(link => {\n const pageName = link.getAttribute('data-page');\n if (pageName === currentPage) {\n link.classList.add('active');\n }\n });\n }\n\n \/\/ \u0e14\u0e36\u0e07 Footer Template\n const footerTemplate = doc.getElementById('footer-template');\n if (footerTemplate) {\n const footerContent = footerTemplate.content.cloneNode(true);\n document.getElementById('footer-placeholder').appendChild(footerContent);\n }\n\n\n \/\/ \u0e14\u0e36\u0e07 Switch Button Template\n const switchButtonTemplate = doc.getElementById('switch-button-template');\n if (switchButtonTemplate) {\n const switchButtonContent = switchButtonTemplate.content.cloneNode(true);\n document.getElementById('switch-button-placeholder').appendChild(switchButtonContent);\n console.log('\u2705 Switch button loaded!');\n }\n \/\/ \u0e14\u0e36\u0e07 Styles\n const sharedStyles = doc.getElementById('shared-styles');\n if (sharedStyles && !document.getElementById('shared-styles-injected')) {\n const styleElement = document.createElement('style');\n styleElement.id = 'shared-styles-injected';\n styleElement.textContent = sharedStyles.textContent;\n document.head.appendChild(styleElement);\n }\n\n \/\/ \u0e14\u0e36\u0e07\u0e41\u0e25\u0e30\u0e23\u0e31\u0e19 Shared Components Script\n const sharedScript = doc.getElementById('shared-components-script');\n if (sharedScript && !window.sharedScriptLoaded) {\n console.log('Loading shared components script...');\n const scriptElement = document.createElement('script');\n scriptElement.textContent = sharedScript.textContent;\n document.body.appendChild(scriptElement);\n window.sharedScriptLoaded = true;\n console.log('\u2705 Shared components script loaded!');\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e04\u0e33\u0e15\u0e32\u0e21 Mode\n setTimeout(() => {\n function updateTextByMode() {\n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n\n const textReplacements = {\n '\u0e17\u0e2d\u0e07\u0e04\u0e33': isSilverMode ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07\u0e04\u0e33',\n '\u0e17\u0e2d\u0e07': isSilverMode ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07',\n 'Gold': isSilverMode ? 'Silver' : 'Gold'\n };\n\n function replaceText(element) {\n if (element.nodeType === Node.TEXT_NODE) {\n let text = element.textContent;\n let modified = false;\n\n for (const [oldText, newText] of Object.entries(textReplacements)) {\n if (text.includes(oldText)) {\n text = text.replace(new RegExp(oldText, 'g'), newText);\n modified = true;\n }\n }\n\n if (modified) {\n element.textContent = text;\n }\n } else if (element.nodeType === Node.ELEMENT_NODE &&\n element.tagName !== 'SCRIPT' &&\n element.tagName !== 'STYLE' &&\n !element.classList.contains('no-translate')) {\n for (const child of element.childNodes) {\n replaceText(child);\n }\n }\n }\n\n const mainContent = document.body;\n if (mainContent) {\n replaceText(mainContent);\n }\n\n console.log(`\u2705 Blog page text updated to ${isSilverMode ? 'Silver' : 'Gold'} mode`);\n }\n\n updateTextByMode();\n\n window.addEventListener('modeChanged', () => {\n updateTextByMode();\n \/\/ Reload \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 Mode\n loadBlogArticles();\n });\n }, 600);\n })\n .catch(error => console.error('Error loading components:', error));\n <\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e17\u0e2d\u0e07\u0e04\u0e33 – Trade Gold \u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07\u0e04\u0e33 \ud83d\udcd8 Guide Book \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08 \u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e15\u0e47\u0e21 \u2192 \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-builder-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":3,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":42,"date":"2026-01-13T14:47:38","date_gmt":"2026-01-13T14:47:38","guid":{"rendered":"http:\/\/localhost\/trade-gold\/?page_id=42"},"modified":"2026-03-18T02:53:24","modified_gmt":"2026-03-18T02:53:24","slug":"blog","status":"publish","type":"page","link":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\n\n\n\n\n \n \n \n \u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e17\u0e2d\u0e07\u0e04\u0e33 – Trade Gold<\/title>\n <link rel=\"icon\" type=\"image\/png\" href=\"\/image\/logo.png\">\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=Kanit:wght@300;400;500;600;700;900&display=swap\"\n rel=\"stylesheet\">\n <style>\n :root {\n --gold-primary: #EDBF43;\n --gold-light: #FFD700;\n --gold-dark: #B8860B;\n --navy: #1E3A8A;\n --navy-dark: #172d69;\n --navy-medium: #1E40AF;\n --white: #ffffff;\n --gray-light: #f8f9fa;\n --gray-medium: #e9ecef;\n --text-dark: #2c3e50;\n --sky-blue: #87CEEB;\n --sky-light: #A3DFF8;\n --shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n --tag-beginner: #3B82F6;\n --tag-intermediate: #EDBF43;\n --tag-professional: #EF4444\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box\n }\n\n html {\n scroll-behavior: smooth\n }\n\n body {\n margin: 0;\n padding: 0;\n width: 100%\n }\n\n body {\n font-family: 'Kanit', sans-serif;\n background: linear-gradient(180deg, var(--sky-light) 0%, var(--white) 100%);\n color: var(--text-dark);\n line-height: 1.6\n }\n\n @keyframes pulse {\n\n 0%,\n 100% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7)\n }\n\n 50% {\n box-shadow: 0 0 0 10px rgba(212, 175, 55, 0)\n }\n }\n\n .page-header {\n padding: 2rem 2rem;\n text-align: center;\n color: var(--white)\n }\n\n .page-header h1 {\n font-family: 'Kanit', serif;\n font-size: 3.5rem;\n margin-bottom: 1rem;\n margin-top: 1rem;\n color: var(--navy)\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 3rem 2rem\n }\n\n .category-tabs {\n display: flex;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n justify-content: center\n }\n\n .category-tab {\n padding: 1rem 2rem;\n background: var(--white);\n border: 2px solid var(--gray-medium);\n border-radius: 30px;\n cursor: pointer;\n transition: all 0.3s;\n font-size: 1rem;\n font-family: 'Kanit', sans-serif;\n font-weight: 600\n }\n\n .category-tab:hover,\n .category-tab.active {\n background: var(--navy-medium);\n color: var(--white);\n border-color: var(--gold-primary);\n transform: translateY(-2px)\n }\n\n .knowledge-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.4rem;\n margin-bottom: 2.1rem;\n grid-auto-rows: 1fr;\n }\n\n .knowledge-card {\n background: var(--white);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 3px 11px rgba(0, 0, 0, 0.08);\n transition: all 0.3s;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n min-height: 364px;\n text-decoration: none;\n color: inherit;\n height: 100%;\n }\n\n .knowledge-card:hover {\n transform: translateY(-3.5px);\n box-shadow: 0 5.6px 17.5px rgba(0, 0, 0, 0.15)\n }\n\n .knowledge-image {\n height: 200px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 3.5rem;\n background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 100%);\n position: relative\n }\n\n .knowledge-content {\n padding: 1.4rem;\n display: flex;\n flex-direction: column;\n flex: 1;\n position: relative;\n min-height: 210px\n }\n\n .knowledge-category {\n position: absolute;\n top: 8.4px;\n right: 8.4px;\n display: inline-block;\n width: fit-content;\n padding: 0.28rem 0.63rem;\n background: var(--navy-dark);\n color: var(--gray-light);\n border-radius: 14px;\n font-size: 0.8rem;\n font-weight: 600;\n white-space: nowrap;\n box-shadow: 0 1.4px 5.6px rgba(0, 0, 0, 0.2);\n z-index: 10\n }\n\n .knowledge-card h3 {\n font-size: 0.98rem;\n margin-bottom: 0.7rem;\n color: var(--navy);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n min-height: 2.8rem;\n }\n\n .knowledge-description {\n color: #666;\n line-height: 1.56;\n margin-bottom: 1.05rem;\n flex: 1;\n font-size: 0.88rem;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .knowledge-meta {\n display: flex !important;\n justify-content: space-between;\n align-items: center;\n gap: 0.7rem;\n flex-wrap: nowrap;\n padding-top: 0.7rem;\n border-top: 1px solid var(--gray-medium);\n font-size: 0.8rem;\n color: #666;\n min-height: 1.75rem;\n margin-top: auto\n }\n\n .knowledge-meta span {\n display: inline-flex !important;\n align-items: center;\n gap: 0.21rem;\n font-weight: 400;\n color: #666\n }\n\n \/* \u2705 CSS \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e17\u0e47\u0e01\u0e43\u0e19 meta (\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14) *\/\n .meta-tag {\n display: inline-block;\n padding: 0.35rem 0.8rem;\n color: var(--white) !important;\n border-radius: 18px;\n font-size: 0.75rem;\n font-weight: 700;\n white-space: nowrap;\n letter-spacing: 0.3px;\n text-transform: capitalize;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n }\n\n .meta-tag.beginner {\n background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;\n color: #ffffff !important;\n }\n\n .meta-tag.intermediate {\n background: linear-gradient(135deg, #EDBF43 0%, #D4AF37 100%) !important;\n color: #1a1a1a !important;\n }\n\n .meta-tag.professional {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;\n color: #ffffff !important;\n }\n\n \/* \u2705 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48: \u0e41\u0e17\u0e47\u0e01 Expert \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e35\u0e41\u0e14\u0e07 \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\n .meta-tag.expert {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;\n color: #ffffff !important;\n }\n\n .featured-article {\n background: var(--white);\n border-radius: 15px;\n overflow: hidden;\n margin-bottom: 3rem;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n border: 3px solid var(--gold-primary)\n }\n\n .featured-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0\n }\n\n .featured-image-section {\n background: url('https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/Book.webp') center center\/cover no-repeat, linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 8rem;\n padding: 3rem;\n position: relative;\n overflow: hidden\n }\n\n .featured-image-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--navy);\n opacity: 0.5;\n z-index: 0\n }\n\n .featured-text-section {\n padding: 3rem\n }\n\n .featured-tag {\n display: inline-block;\n background: var(--navy);\n color: var(--white);\n padding: 0.5rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n margin-bottom: 1.5rem\n }\n\n .featured-article h2 {\n font-size: 2rem;\n color: var(--navy);\n margin-bottom: 1rem\n }\n\n .featured-description {\n color: #666;\n line-height: 1.8;\n margin-bottom: 2rem\n }\n\n .read-more-btn {\n display: inline-block;\n padding: 1rem 2rem;\n background: var(--navy);\n color: var(--white);\n text-decoration: none;\n border-radius: 30px;\n font-weight: 600;\n transition: all 0.3s\n }\n\n .read-more-btn:hover {\n background: var(--navy-dark);\n transform: scale(1.05)\n }\n\n .faq-section {\n background: var(--white);\n border-radius: 15px;\n padding: 3rem;\n margin-bottom: 3rem;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05)\n }\n\n .faq-section h2 {\n font-size: 2rem;\n color: var(--navy);\n margin-bottom: 2rem;\n text-align: center\n }\n\n .faq-item {\n margin-bottom: 1.5rem;\n border: 2px solid var(--gray-medium);\n border-radius: 10px;\n overflow: hidden\n }\n\n .faq-question {\n padding: 1.5rem;\n background: linear-gradient(180deg, var(--sky-light) 0%, var(--white) 100%);\n cursor: pointer;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s\n }\n\n .faq-question:hover {\n background: var(--gold-light)\n }\n\n .faq-answer {\n padding: 1.5rem;\n display: none;\n line-height: 1.8;\n color: #666\n }\n\n .faq-item.active .faq-answer {\n display: block\n }\n\n .faq-icon {\n font-size: 1.5rem;\n transition: transform 0.3s\n }\n\n .faq-item.active .faq-icon {\n transform: rotate(180deg)\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px)\n }\n\n to {\n opacity: 1;\n transform: translateY(0)\n }\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg)\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n\n .knowledge-card {\n animation: fadeIn 0.6s ease-out\n }\n\n @media (max-width:1200px) {}\n\n @media (max-width:768px) {\n .page-header h1 {\n font-size: 2rem\n }\n\n .knowledge-grid {\n grid-template-columns: 1fr\n }\n\n .featured-content {\n grid-template-columns: 1fr\n }\n\n .featured-image-section {\n font-size: 5rem;\n padding: 2rem\n }\n\n .category-tab {\n padding: 0.75rem 1.5rem;\n font-size: 0.9rem\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"navbar-placeholder\"><\/div>\n\n <section class=\"page-header\">\n <h1>\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07\u0e04\u0e33<\/h1>\n <\/section>\n\n <div class=\"container\">\n <div class=\"featured-article\">\n <div class=\"featured-content\">\n <div class=\"featured-image-section\"><\/div>\n <div class=\"featured-text-section\">\n <span class=\"featured-tag\">\ud83d\udcd8 Guide Book<\/span>\n <h2>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48<\/h2>\n <p class=\"featured-description\">\n \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\n \u0e41\u0e25\u0e30\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\n <\/p>\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/guide\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e15\u0e47\u0e21 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"categoryTabs\" class=\"category-tabs\">\n <button class=\"category-tab active\" data-category=\"\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/button>\n <\/div>\n\n <div id=\"knowledgeGrid\" class=\"knowledge-grid\">\n <div class=\"knowledge-card\"\n style=\"grid-column: 1 \/ -1; border: none; box-shadow: none; background: transparent;\">\n <div class=\"knowledge-content\" style=\"text-align: center; padding: 3rem;\">\n <div style=\"\n background: white;\n padding: 3rem 2rem;\n border-radius: 15px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n \">\n <div\n style=\"border: 4px solid #f3f3f3; border-top: 4px solid #EDBF43; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 0 auto 1rem;\">\n <\/div>\n <p style=\"color: #666; margin: 0;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21…<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"footer-placeholder\"><\/div>\n\n \n <div id=\"switch-button-placeholder\"><\/div>\n\n <script>\n const BLOG_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzTIMUcEl49nXGRMQk_L_TI1XFD28gUNyMt0IXKVWnDiPnV5GorIEEPMswp-Gsv0r1Bhw\/exec';\n\n \/\/ \u2705 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e02\u0e2d\u0e07\u0e41\u0e17\u0e47\u0e01\n function getTagClass(tag) {\n if (!tag) return '';\n const tagLower = tag.toLowerCase().trim();\n if (tagLower === 'beginner') return 'beginner';\n if (tagLower === 'intermediate') return 'intermediate';\n if (tagLower === 'professional') return 'professional';\n if (tagLower === 'expert') return 'expert'; \/\/ \u2705 \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48\n return 'beginner'; \/\/ default\n }\n\n async function loadBlogArticles() {\n try {\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 timestamp \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 cache\n const timestamp = new Date().getTime();\n const response = await fetch(`${BLOG_API_URL}?v=${timestamp}`);\n if (!response.ok) throw new Error('Failed to fetch data');\n const data = await response.json();\n let articles = Array.isArray(data) ? data : (data.articles || data.faqs || []);\n\n \/\/ \u0e01\u0e23\u0e2d\u0e07\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e15\u0e32\u0e21 Mode\n const currentMode = localStorage.getItem('tradeSiteMode') || 'gold';\n const modePrefix = currentMode === 'silver' ? '#Silver' : '#Gold';\n\n \/\/ \u0e01\u0e23\u0e2d\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48 Link \u0e02\u0e36\u0e49\u0e19\u0e15\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22 mode \u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\n articles = articles.filter(article => {\n const link = article.Link || '';\n return link.toLowerCase().startsWith(modePrefix.toLowerCase());\n });\n\n if (articles.length > 0) {\n articles.sort((a, b) => new Date(b.Date || b.date || '1900-01-01') - new Date(a.Date || a.date || '1900-01-01'));\n\n console.log(`\ud83d\udcca Loaded ${currentMode} blog articles:`, articles.length);\n console.log('\ud83d\udcc5 Latest article date:', articles[0].Date || articles[0].date);\n console.log('\ud83d\udd17 Mode filter:', modePrefix);\n\n displayBlogArticles(articles);\n } else {\n showEmptyState();\n }\n } catch (error) {\n console.error('\u274c Error loading blog articles:', error);\n showErrorState();\n }\n }\n\n function displayBlogArticles(articles) {\n const knowledgeGrid = document.getElementById('knowledgeGrid');\n createCategoryTabs(articles);\n const bgColors = ['linear-gradient(135deg, #EDBF43 0%, #B8860B 100%)', 'linear-gradient(135deg, #3b82f6 0%, #1e40af 100%)', 'linear-gradient(135deg, #059669 0%, #047857 100%)', 'linear-gradient(135deg, #dc2626 0%, #991b1b 100%)'];\n\n knowledgeGrid.innerHTML = articles.map((article, index) => {\n const title = article.Title || article.Question || '\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d';\n const category = article.Category || article.\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b';\n const description = article.Excerpt || article.Answer || '';\n const date = article.Date || '';\n const author = article.Author || '';\n const articleId = article.ID || article.id || article.No || article.no || index + 1;\n const tag = article.Tag || ''; \/\/ \u2705 \u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 Tag\n let imageUrl = article.Image || '';\n const bgColor = bgColors[index % bgColors.length];\n\n \/\/ \u0e41\u0e1b\u0e25\u0e07 Google Drive URL\n if (imageUrl && imageUrl.includes('drive.google.com')) {\n let fileId = '';\n const match1 = imageUrl.match(\/\\\/d\\\/(.*?)\\\/\/);\n const match2 = imageUrl.match(\/id=(.*?)(&|$)\/);\n\n if (match1) {\n fileId = match1[1];\n } else if (match2) {\n fileId = match2[1];\n }\n\n if (fileId) {\n imageUrl = `https:\/\/lh3.googleusercontent.com\/d\/${fileId}`;\n }\n }\n\n \/\/ Debug \u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\n if (index === 0) {\n console.log('Original Image URL:', article.Image);\n console.log('Converted Image URL:', imageUrl);\n }\n\n \/\/ \u2705 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e17\u0e47\u0e01 HTML \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e19 meta\n const tagHTML = tag ? `<span class=\"meta-tag ${getTagClass(tag)}\">${tag}<\/span>` : '';\n\n return `\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/detail?id=${articleId}\" class=\"knowledge-card\" data-category=\"${category}\">\n <div class=\"knowledge-image\" style=\"background:${bgColor}; position: relative;\">\n ${imageUrl ? `<img decoding=\"async\" loading=\"lazy\" src=\"${imageUrl}\" onerror=\"console.error('Failed to load:', this.src); this.style.display='none'; this.nextElementSibling.style.display='none'; this.parentElement.innerHTML='\ud83d\udcc4<span class=\\\\'knowledge-category\\\\'>${category}<\/span>';\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">` : '\ud83d\udcc4'}\n <span class=\"knowledge-category\" style=\"${imageUrl ? 'position:absolute;' : ''}\">${category}<\/span>\n <\/div>\n <div class=\"knowledge-content\">\n <h3>${title}<\/h3>\n <p class=\"knowledge-description\">${description.substring(0, 150)}...<\/p>\n <div class=\"knowledge-meta\">\n <span>${date || ''}<\/span>\n ${tagHTML}\n <\/div>\n <\/div>\n <\/a>`;\n }).join('');\n initializeFilters();\n }\n\n function createCategoryTabs(articles) {\n const categoryTabsContainer = document.getElementById('categoryTabs');\n\n \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e25\u0e33\u0e14\u0e31\u0e1a Category \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\n const categoryOrder = ['\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14', '\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19', '\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19', '\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e15\u0e25\u0e32\u0e14', '\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04', '\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22'];\n\n \/\/ \u0e14\u0e36\u0e07 categories \u0e17\u0e35\u0e48\u0e21\u0e35\u0e08\u0e23\u0e34\u0e07\u0e08\u0e32\u0e01\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\n const existingCategories = [...new Set(articles.map(a => a.Category || a.\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b'))];\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 tabs \u0e15\u0e32\u0e21\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e42\u0e14\u0e22\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\n let tabsHTML = '';\n categoryOrder.forEach(cat => {\n if (cat === '\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14') {\n tabsHTML += `<button class=\"category-tab active\" data-category=\"\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/button>`;\n } else if (existingCategories.includes(cat)) {\n tabsHTML += `<button class=\"category-tab\" data-category=\"${cat}\">${cat}<\/button>`;\n }\n });\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 categories \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14 (\u0e16\u0e49\u0e32\u0e21\u0e35)\n existingCategories.forEach(cat => {\n if (!categoryOrder.includes(cat)) {\n tabsHTML += `<button class=\"category-tab\" data-category=\"${cat}\">${cat}<\/button>`;\n }\n });\n\n categoryTabsContainer.innerHTML = tabsHTML;\n }\n\n function showEmptyState() {\n document.getElementById('knowledgeGrid').innerHTML = '<div style=\"grid-column:1\/-1; text-align:center; padding:3rem;\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/div>';\n }\n\n function showErrorState() {\n document.getElementById('knowledgeGrid').innerHTML = '<div style=\"grid-column:1\/-1; text-align:center; padding:3rem;\">\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/div>';\n }\n\n function initializeFilters() {\n document.querySelectorAll('.category-tab').forEach(btn => {\n btn.addEventListener('click', function () {\n const filter = this.getAttribute('data-category');\n document.querySelectorAll('.category-tab').forEach(t => t.classList.remove('active'));\n this.classList.add('active');\n document.querySelectorAll('.knowledge-card').forEach(card => {\n card.style.display = (filter === '\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14' || card.getAttribute('data-category') === filter) ? 'flex' : 'none';\n });\n });\n });\n }\n\n window.addEventListener('DOMContentLoaded', loadBlogArticles);\n <\/script>\n\n \n <script>\n \/\/ Apps Script URL \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Search Bar)\n window.GUIDE_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzTIMUcEl49nXGRMQk_L_TI1XFD28gUNyMt0IXKVWnDiPnV5GorIEEPMswp-Gsv0r1Bhw\/exec';\n\n \/\/ \u0e42\u0e2b\u0e25\u0e14 Navbar \u0e41\u0e25\u0e30 Footer\n fetch('index.html')\n .then(response => response.text())\n .then(html => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text\/html');\n\n \/\/ \u0e14\u0e36\u0e07 Navbar Template\n const navbarTemplate = doc.getElementById('navbar-template');\n if (navbarTemplate) {\n const navbarContent = navbarTemplate.content.cloneNode(true);\n document.getElementById('navbar-placeholder').appendChild(navbarContent);\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 active class\n const currentPage = window.location.pathname.split('\/').pop().replace('.html', '') || 'home';\n const navLinks = document.querySelectorAll('.nav-menu a');\n navLinks.forEach(link => {\n const pageName = link.getAttribute('data-page');\n if (pageName === currentPage) {\n link.classList.add('active');\n }\n });\n }\n\n \/\/ \u0e14\u0e36\u0e07 Footer Template\n const footerTemplate = doc.getElementById('footer-template');\n if (footerTemplate) {\n const footerContent = footerTemplate.content.cloneNode(true);\n document.getElementById('footer-placeholder').appendChild(footerContent);\n }\n\n\n \/\/ \u0e14\u0e36\u0e07 Switch Button Template\n const switchButtonTemplate = doc.getElementById('switch-button-template');\n if (switchButtonTemplate) {\n const switchButtonContent = switchButtonTemplate.content.cloneNode(true);\n document.getElementById('switch-button-placeholder').appendChild(switchButtonContent);\n console.log('\u2705 Switch button loaded!');\n }\n \/\/ \u0e14\u0e36\u0e07 Styles\n const sharedStyles = doc.getElementById('shared-styles');\n if (sharedStyles && !document.getElementById('shared-styles-injected')) {\n const styleElement = document.createElement('style');\n styleElement.id = 'shared-styles-injected';\n styleElement.textContent = sharedStyles.textContent;\n document.head.appendChild(styleElement);\n }\n\n \/\/ \u0e14\u0e36\u0e07\u0e41\u0e25\u0e30\u0e23\u0e31\u0e19 Shared Components Script\n const sharedScript = doc.getElementById('shared-components-script');\n if (sharedScript && !window.sharedScriptLoaded) {\n console.log('Loading shared components script...');\n const scriptElement = document.createElement('script');\n scriptElement.textContent = sharedScript.textContent;\n document.body.appendChild(scriptElement);\n window.sharedScriptLoaded = true;\n console.log('\u2705 Shared components script loaded!');\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e04\u0e33\u0e15\u0e32\u0e21 Mode\n setTimeout(() => {\n function updateTextByMode() {\n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n\n const textReplacements = {\n '\u0e17\u0e2d\u0e07\u0e04\u0e33': isSilverMode ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07\u0e04\u0e33',\n '\u0e17\u0e2d\u0e07': isSilverMode ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07',\n 'Gold': isSilverMode ? 'Silver' : 'Gold'\n };\n\n function replaceText(element) {\n if (element.nodeType === Node.TEXT_NODE) {\n let text = element.textContent;\n let modified = false;\n\n for (const [oldText, newText] of Object.entries(textReplacements)) {\n if (text.includes(oldText)) {\n text = text.replace(new RegExp(oldText, 'g'), newText);\n modified = true;\n }\n }\n\n if (modified) {\n element.textContent = text;\n }\n } else if (element.nodeType === Node.ELEMENT_NODE &&\n element.tagName !== 'SCRIPT' &&\n element.tagName !== 'STYLE' &&\n !element.classList.contains('no-translate')) {\n for (const child of element.childNodes) {\n replaceText(child);\n }\n }\n }\n\n const mainContent = document.body;\n if (mainContent) {\n replaceText(mainContent);\n }\n\n console.log(`\u2705 Blog page text updated to ${isSilverMode ? 'Silver' : 'Gold'} mode`);\n }\n\n updateTextByMode();\n\n window.addEventListener('modeChanged', () => {\n updateTextByMode();\n \/\/ Reload \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 Mode\n loadBlogArticles();\n });\n }, 600);\n })\n .catch(error => console.error('Error loading components:', error));\n <\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e17\u0e2d\u0e07\u0e04\u0e33 – Trade Gold \u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07\u0e04\u0e33 \ud83d\udcd8 Guide Book \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08 \u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e15\u0e47\u0e21 \u2192 \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-builder-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":3,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}