Trade Gold – \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33<\/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 * {\n margin: 0;\n padding: 0;\n box-sizing: border-box\n }\n\n :root {\n --gold-primary: #EDBF43;\n --gold-dark: #B8860B;\n --gold-light: #FFD700;\n --navy: #1E3A8A;\n --navy-dark: #172d69;\n --sky-blue: #87CEEB;\n --sky-light: #A3DFF8;\n --white: #ffffff;\n --text-dark: #1a1a1a;\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 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 .hero {\n background: url('https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/bg.jpg') center center\/cover no-repeat, linear-gradient(135deg, var(--navy) 100%, var(--white) 15%);\n color: var(--white);\n padding: 3rem 2rem 1.5rem 2rem;\n position: relative;\n overflow: hidden\n }\n\n .hero::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--navy);\n opacity: 60%;\n z-index: 0\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"80\" cy=\"30\" r=\"40\" fill=\"rgba(212,175,55,0.1)\"\/><circle cx=\"90\" cy=\"70\" r=\"30\" fill=\"rgba(255,215,0,0.1)\"\/><\/svg>');\n background-size: cover;\n z-index: 1\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n z-index: 2\n }\n\n .hero-content h1 {\n font-family: 'Kanit', serif;\n font-size: 7rem;\n font-weight: 900;\n margin-bottom: 5px;\n color: var(--gold-light)\n }\n\n .hero-content p {\n font-size: 2rem;\n margin-bottom: 1.5rem;\n opacity: 0.9\n }\n\n .hero-btn {\n background: var(--gold-primary);\n color: var(--text-dark);\n padding: 0.75rem 2rem;\n border-radius: 30px;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 600;\n transition: all 0.3s;\n animation: pulse 2s infinite\n }\n\n .hero-btn:hover {\n background: var(--gold-light);\n color: var(--text-dark);\n transform: scale(1.05)\n }\n\n @keyframes pulse {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7)\n }\n 50% {\n box-shadow: 0 0 0 10px rgba(212, 175, 55, 0)\n }\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 2rem\n }\n\n .section-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2rem;\n padding-bottom: 0.5rem;\n border-bottom: 3px solid var(--gold-primary)\n }\n\n .section-header h2 {\n font-family: 'Kanit', serif;\n font-size: 1.8rem;\n color: var(--navy)\n }\n\n .section-badge {\n background: var(--navy);\n color: var(--white);\n padding: 0.5rem 1.5rem;\n border-radius: 25px;\n font-size: 0.9rem;\n font-weight: 600;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 2px 8px rgba(30, 58, 138, 0.3);\n text-decoration: none;\n display: inline-block\n }\n\n .section-badge:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(30, 58, 138, 0.5);\n background: var(--navy-dark)\n }\n\n .gold-price-section {\n background: var(--white);\n padding: 1.19rem;\n border-radius: 11.9px;\n box-shadow: var(--shadow);\n margin-bottom: 1.785rem\n }\n\n .chart-section {\n margin-top: 1.05rem\n }\n\n .chart-and-widgets-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.05rem\n }\n\n .main-chart-container {\n background: var(--white);\n border-radius: 10.5px;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n min-height: 350px;\n height: 425px;\n width: 100%\n }\n\n .floating-sidebar {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));\n gap: 1.05rem\n }\n\n .country-dropdown-container {\n margin-left: auto;\n padding: 0;\n position: relative;\n display: inline-block\n }\n\n .custom-dropdown {\n position: relative;\n width: 220px\n }\n\n .custom-dropdown-selected {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 0.75rem 1.25rem;\n background: var(--navy);\n color: var(--white);\n border-radius: 10px;\n cursor: pointer;\n font-size: 1rem;\n font-family: 'Kanit', sans-serif;\n font-weight: 500;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n transition: all 0.3s\n }\n\n .custom-dropdown-selected:hover {\n background: var(--navy-dark)\n }\n\n .dropdown-flag {\n width: 40px;\n height: 40px;\n object-fit: cover;\n border-radius: 50%;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border: 2px solid rgba(237, 191, 67, 0.3)\n }\n\n .dropdown-arrow {\n transition: transform 0.3s\n }\n\n .custom-dropdown.active .dropdown-arrow {\n transform: rotate(180deg)\n }\n\n .custom-dropdown-options {\n position: absolute;\n top: calc(100%+5px);\n left: 0;\n right: 0;\n background: var(--white);\n border-radius: 10px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n transition: all 0.3s;\n z-index: 100\n }\n\n .custom-dropdown.active .custom-dropdown-options {\n max-height: 500px;\n opacity: 1\n }\n\n .custom-option {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 0.85rem 1.25rem;\n cursor: pointer;\n color: var(--navy);\n font-size: 1rem;\n transition: background 0.2s\n }\n\n .custom-option img {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n object-fit: cover;\n border: 2px solid rgba(237, 191, 67, 0.3);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1)\n }\n\n .custom-option:hover {\n background: #f8f9fa\n }\n\n .custom-option.selected {\n background: var(--gold-primary);\n color: var(--white);\n font-weight: 600\n }\n\n .tv-widget-item {\n background: var(--white);\n border-radius: 10.5px;\n overflow: hidden;\n box-shadow: 0 1.4px 7px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n min-height: 84px\n }\n\n .tv-widget-item:hover {\n transform: translateY(-3.5px);\n box-shadow: 0 3.5px 14px rgba(212, 175, 55, 0.2)\n }\n\n .related-news {\n margin-bottom: 3rem\n }\n\n .related-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-top: 1.5rem\n }\n\n .related-card {\n background: var(--white);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n display: block;\n cursor: pointer\n }\n\n .related-card:hover {\n transform: scale(1.02)\n }\n\n .related-content {\n display: flex;\n gap: 1.5rem;\n padding: 1.5rem\n }\n\n .related-image {\n width: 500px;\n height: 259.2px;\n border-radius: 10px;\n background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 6rem;\n flex-shrink: 0;\n position: relative\n }\n\n .fallback-emoji {\n font-size: 6rem;\n position: absolute;\n z-index: 1;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .related-text {\n flex: 1;\n display: flex;\n flex-direction: column\n }\n\n .related-title {\n font-weight: 700;\n font-size: 1.2rem;\n margin-bottom: 0.75rem;\n color: var(--navy)\n }\n\n .related-description {\n font-size: 0.95rem;\n color: #666;\n line-height: 1.6;\n flex: 1\n }\n\n .related-category {\n position: absolute;\n top: 12px;\n right: 12px;\n display: inline-block;\n padding: 0.5rem 1rem;\n background: var(--navy-dark);\n color: var(--white);\n border-radius: 25px;\n font-size: 0.9rem;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);\n z-index: 11;\n letter-spacing: 0.3px;\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.4rem 0.9rem;\n color: var(--white);\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 700;\n white-space: nowrap;\n letter-spacing: 0.3px;\n }\n\n .meta-tag.beginner {\n background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);\n color: #ffffff;\n }\n\n \/* \u2705 \u0e41\u0e01\u0e49\u0e44\u0e02: \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 Intermediate \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e14\u0e33 *\/\n .meta-tag.intermediate {\n background: linear-gradient(135deg, #EDBF43 0%, #D4AF37 100%);\n color: #000000 !important;\n }\n\n .meta-tag.professional {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);\n color: #ffffff;\n }\n\n .meta-tag-small {\n display: inline-block;\n padding: 0.3rem 0.7rem;\n color: var(--white);\n border-radius: 15px;\n font-size: 0.75rem;\n font-weight: 700;\n white-space: nowrap;\n letter-spacing: 0.3px;\n }\n\n .meta-tag-small.beginner {\n background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);\n color: #ffffff;\n }\n\n \/* \u2705 \u0e41\u0e01\u0e49\u0e44\u0e02: \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 Intermediate (small) \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e14\u0e33 *\/\n .meta-tag-small.intermediate {\n background: linear-gradient(135deg, #EDBF43 0%, #D4AF37 100%);\n color: #000000 !important;\n }\n\n .meta-tag-small.professional {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);\n color: #ffffff;\n }\n\n .related-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 1rem;\n margin-top: auto;\n border-top: 1px solid #e5e7eb;\n font-size: 0.85rem;\n color: #666\n }\n\n .small-news-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-top: 1.5rem;\n grid-auto-rows: 1fr;\n }\n\n .small-news-card {\n background: var(--white);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .small-news-card:hover {\n transform: translateY(-5px)\n }\n\n .small-news-image {\n width: 100%;\n height: 150px;\n background: 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: 2.5rem;\n position: relative\n }\n\n .small-news-content {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n min-height: 200px;\n height: 100%;\n }\n\n .small-news-title {\n font-weight: 700;\n font-size: 0.95rem;\n margin-bottom: 0.5rem;\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 .small-news-excerpt {\n font-size: 0.85rem;\n color: #666;\n line-height: 1.5;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n min-height: 3.825rem;\n }\n\n .small-news-category {\n position: absolute;\n top: 10px;\n right: 10px;\n padding: 0.4rem 0.85rem;\n background: var(--navy-dark);\n color: var(--white);\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 700;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);\n z-index: 11;\n letter-spacing: 0.3px;\n }\n\n .small-news-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 0.75rem;\n margin-top: auto;\n border-top: 1px solid #e5e7eb;\n font-size: 0.8rem;\n color: #666\n }\n\n .gold-types {\n margin-top: 4rem;\n margin-bottom: 3rem\n }\n\n .types-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-top: 1.5rem\n }\n\n .type-card {\n background: var(--white);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: var(--shadow);\n text-align: center;\n transition: all 0.3s;\n border: 3px solid transparent\n }\n\n .type-card:hover {\n border-color: var(--gold-primary);\n transform: translateY(-10px)\n }\n\n .type-icon {\n width: 80px;\n height: 80px;\n margin: 0 auto 1rem;\n background: var(--sky-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--navy)\n }\n\n .type-title {\n font-weight: 700;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n color: var(--navy)\n }\n\n .type-subtitle {\n font-size: 0.95rem;\n color: var(--gold-dark);\n font-weight: 600;\n margin-bottom: 0.75rem\n }\n\n .type-description {\n font-size: 0.85rem;\n color: #666;\n line-height: 1.5\n }\n\n .cta-section {\n background: linear-gradient(135deg, var(--navy) 0%, var(--navy) 100%);\n color: var(--white);\n padding: 4rem 2rem;\n border-radius: 20px;\n text-align: center;\n margin-bottom: 1.5rem;\n position: relative;\n overflow: hidden\n }\n\n .cta-content h2 {\n font-family: 'Kanit', serif;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n color: var(--gold-light)\n }\n\n .cta-content {\n display: flex;\n flex-direction: column;\n align-items: center\n }\n\n .qr-code {\n display: inline-block;\n padding: 1.4rem;\n background: var(--white);\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)\n }\n\n .qr-code img {\n max-width: 210px;\n width: 100%;\n height: auto;\n display: block\n }\n\n .cta-btn {\n background: var(--gold-primary);\n color: var(--text-dark);\n padding: 1rem 3rem;\n border-radius: 30px;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n font-size: 1.1rem;\n transition: all 0.3s;\n margin-top: 1.5rem\n }\n\n .cta-btn:hover {\n background: var(--gold-light);\n transform: scale(1.05)\n }\n\n @media (max-width:1024px) {\n .small-news-grid, .types-grid {\n grid-template-columns: repeat(2, 1fr)\n }\n }\n\n @media (max-width:768px) {\n .hero-content h1 {\n font-size: 4rem\n }\n .hero-content p {\n font-size: 1.5rem\n }\n .section-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem\n }\n .country-dropdown-container {\n margin-left: 0;\n width: 100%\n }\n .small-news-grid, .types-grid {\n grid-template-columns: 1fr\n }\n .related-content {\n flex-direction: column\n }\n .related-image {\n width: 100%\n }\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg) }\n 100% { transform: rotate(360deg) }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"navbar-placeholder\"><\/div>\n\n <section class=\"hero\" id=\"heroSection\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <h1 id=\"heroBannerTitle\">Trade Gold<\/h1>\n <p>\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e1a\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a<\/p>\n <a href=\"https:\/\/forms.gle\/39UFCgrYbdfTVmhZ9\" target=\"_blank\" rel=\"noopener\" class=\"hero-btn\">\n \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <section class=\"gold-price-section\">\n <div class=\"section-header\">\n <h2>\u0e23\u0e32\u0e04\u0e32\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49<\/h2>\n <a href=\"\/market\" class=\"section-badge\">\u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/a>\n\n <div class=\"country-dropdown-container\">\n <div class=\"custom-dropdown\" id=\"customDropdown\">\n <div class=\"custom-dropdown-selected\" id=\"dropdownSelected\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/us.svg\" alt=\"USA\" class=\"dropdown-flag\">\n <span>USA<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" class=\"dropdown-arrow\">\n <path fill=\"#ffffff\" d=\"M6 9L1 4h10z\" \/>\n <\/svg>\n <\/div>\n <div class=\"custom-dropdown-options\" id=\"dropdownOptions\">\n <div class=\"custom-option\" data-value=\"USA\" data-flag=\"us\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/us.svg\" alt=\"USA\" class=\"dropdown-flag\">\n <span>USA<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Thailand\" data-flag=\"th\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/th.svg\" alt=\"Thailand\" class=\"dropdown-flag\">\n <span>Thailand<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"UK\" data-flag=\"gb\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/gb.svg\" alt=\"UK\" class=\"dropdown-flag\">\n <span>UK<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Europe\" data-flag=\"eu\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/eu.svg\" alt=\"Europe\" class=\"dropdown-flag\">\n <span>Europe<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Japan\" data-flag=\"jp\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/jp.svg\" alt=\"Japan\" class=\"dropdown-flag\">\n <span>Japan<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Hong Kong\" data-flag=\"hk\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/hk.svg\" alt=\"Hong Kong\" class=\"dropdown-flag\">\n <span>Hong Kong<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Shanghai\" data-flag=\"cn\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/cn.svg\" alt=\"Shanghai\" class=\"dropdown-flag\">\n <span>Shanghai<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Singapore\" data-flag=\"sg\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/sg.svg\" alt=\"Singapore\" class=\"dropdown-flag\">\n <span>Singapore<\/span>\n <\/div>\n <\/div>\n <\/div>\n <select id=\"countryDropdown\" style=\"display: none;\">\n <option value=\"USA\" selected>USA<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"UK\">UK<\/option>\n <option value=\"Europe\">Europe<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Hong Kong\">Hong Kong<\/option>\n <option value=\"Shanghai\">Shanghai<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <section class=\"chart-section\">\n <div class=\"chart-and-widgets-wrapper\">\n <div class=\"main-chart-container\" id=\"mainChartContainer\">\n <div class=\"tradingview-widget-container\" style=\"width:100%; height:100%;\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-symbol-overview.js\" async>\n {\n \"symbols\": [[\"OANDA:XAUUSD|ALL\"]],\n \"chartOnly\": false,\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"locale\": \"en\",\n \"colorTheme\": \"light\",\n \"autosize\": true,\n \"showVolume\": false,\n \"scalePosition\": \"right\",\n \"scaleMode\": \"Normal\",\n \"fontFamily\": \"-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif\",\n \"fontSize\": \"10\",\n \"noTimeScale\": false,\n \"valuesTracking\": \"1\",\n \"changeMode\": \"price-and-percent\",\n \"chartType\": \"area\",\n \"lineWidth\": 2,\n \"lineType\": 0,\n \"dateRanges\": [\"1d|1\", \"1m|30\", \"3m|60\", \"12m|1D\", \"60m|1W\", \"all|1M\"]\n }\n <\/script>\n <\/div>\n <\/div>\n\n <div class=\"floating-sidebar\">\n <div class=\"tradingview-widget-container tv-widget-item\" id=\"widget0\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js\" async>\n { \"symbol\": \"PEPPERSTONE:XAUTHB\", \"colorTheme\": \"light\", \"isTransparent\": false, \"locale\": \"en\", \"width\": \"100%\", \"height\": 100 }\n <\/script>\n <\/div>\n\n <div class=\"tradingview-widget-container tv-widget-item\" id=\"widget1\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js\" async>\n { \"symbol\": \"OANDA:XAUUSD\", \"colorTheme\": \"light\", \"isTransparent\": false, \"locale\": \"en\", \"width\": \"100%\", \"height\": 100 }\n <\/script>\n <\/div>\n\n <div class=\"tradingview-widget-container tv-widget-item\" id=\"widget3\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js\" async>\n { \"symbol\": \"FOREXCOM:USDTHB\", \"colorTheme\": \"light\", \"isTransparent\": false, \"locale\": \"en\", \"width\": \"100%\", \"height\": 100 }\n <\/script>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n\n <section class=\"related-news\">\n <div class=\"section-header\">\n <h2>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33<\/h2>\n <a href=\"\/blog\" class=\"section-badge\">\u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/a>\n <\/div>\n <div id=\"guideGrid\" class=\"related-grid\">\n <div class=\"related-card\">\n <div class=\"related-content\" style=\"justify-content: center; align-items: center; min-height: 200px;\">\n <div style=\"text-align: center;\">\n <div 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;\"><\/div>\n <p style=\"color: #666;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25…<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div id=\"smallNewsGrid\" class=\"small-news-grid\">\n <div class=\"small-news-card\" style=\"grid-column: 1 \/ -1;\">\n <div class=\"small-news-content\" style=\"text-align: center; padding: 2rem;\">\n <div style=\"border: 4px solid #f3f3f3; border-top: 4px solid #EDBF43; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 1rem;\"><\/div>\n <p style=\"color: #666; margin: 0;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25…<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"gold-types\">\n <div class=\"section-header\">\n <h2>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07 (Gold Types)<\/h2>\n <\/div>\n <div class=\"types-grid\">\n <div class=\"type-card\">\n <div class=\"type-icon\">S<\/div>\n <h3 class=\"type-title\">Spot Gold<\/h3>\n <p class=\"type-subtitle\">\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e17\u0e48\u0e07 \u0e17\u0e2d\u0e07\u0e04\u0e33\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <p class=\"type-description\">\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e17\u0e35\u0e48\u0e23\u0e32\u0e04\u0e32\u0e15\u0e25\u0e32\u0e14\u0e43\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e25\u0e07\u0e17\u0e38\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27<\/p>\n <\/div>\n <div class=\"type-card\">\n <div class=\"type-icon\">T<\/div>\n <h3 class=\"type-title\">Thai Gold Bullion<\/h3>\n <p class=\"type-subtitle\">\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e17\u0e48\u0e07 96.5%<\/p>\n <p class=\"type-description\">\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e17\u0e48\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e44\u0e17\u0e22 \u0e04\u0e27\u0e32\u0e21\u0e1a\u0e23\u0e34\u0e2a\u0e38\u0e17\u0e18\u0e34\u0e4c 96.5% \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e21<\/p>\n <\/div>\n <div class=\"type-card\">\n <div class=\"type-icon\">F<\/div>\n <h3 class=\"type-title\">Futures (TFEX)<\/h3>\n <p class=\"type-subtitle\">\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32<\/p>\n <p class=\"type-description\">\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e43\u0e19\u0e15\u0e25\u0e32\u0e14\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e43\u0e0a\u0e49\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e25\u0e07\u0e17\u0e38\u0e19\u0e19\u0e49\u0e2d\u0e22\u0e41\u0e15\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e2a\u0e39\u0e07<\/p>\n <\/div>\n <div class=\"type-card\">\n <div class=\"type-icon\">E<\/div>\n <h3 class=\"type-title\">Gold ETF<\/h3>\n <p class=\"type-subtitle\">\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e23\u0e27\u0e21\u0e17\u0e2d\u0e07\u0e04\u0e33<\/p>\n <p class=\"type-description\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e23\u0e27\u0e21 \u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e21\u0e35\u0e2a\u0e20\u0e32\u0e1e\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e2a\u0e39\u0e07<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2>\u0e40\u0e1b\u0e34\u0e14\u0e1e\u0e2d\u0e23\u0e4c\u0e15\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1b\u0e25\u0e32\u0e22\u0e19\u0e34\u0e49\u0e27<\/h2>\n <div class=\"qr-code\">\n <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/01\/qr-code.png\" alt=\"QR Code \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\">\n <\/div>\n <a href=\"https:\/\/forms.gle\/39UFCgrYbdfTVmhZ9\" target=\"_blank\" rel=\"noopener\" class=\"cta-btn\">\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/a>\n <\/div>\n <\/section>\n <\/div>\n\n <div id=\"footer-placeholder\"><\/div>\n <div id=\"switch-button-placeholder\"><\/div>\n\n <script>\n (function() {\n console.log('\ud83d\ude80 Immediate text replacement started');\n \n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n console.log('\ud83d\udccd Current mode:', isSilverMode ? 'SILVER' : 'GOLD');\n \n const updateHeroBackground = () => {\n const heroSection = document.getElementById('heroSection');\n if (heroSection) {\n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n const bgImage = isSilverMode \n ? 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/gold_to_silver-1.png'\n : 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/bg.jpg';\n heroSection.style.backgroundImage = `url('${bgImage}'), linear-gradient(135deg, var(--navy) 100%, var(--white) 15%)`;\n }\n };\n \n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', updateHeroBackground);\n } else {\n updateHeroBackground();\n }\n window.addEventListener('load', updateHeroBackground);\n \n if (isSilverMode) {\n const updateBanner = () => {\n const banner = document.getElementById('heroBannerTitle');\n if (banner && banner.textContent !== 'Trade Silver') {\n banner.textContent = 'Trade Silver';\n }\n };\n updateBanner();\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', updateBanner);\n }\n window.addEventListener('load', updateBanner);\n \n const replaceAllText = () => {\n const textReplacements = {\n 'Trade Gold': 'Trade Silver',\n '\u0e17\u0e2d\u0e07\u0e04\u0e33': '\u0e40\u0e07\u0e34\u0e19',\n '\u0e17\u0e2d\u0e07': '\u0e40\u0e07\u0e34\u0e19',\n 'Gold': 'Silver'\n };\n const walker = document.createTreeWalker(\n document.body,\n NodeFilter.SHOW_TEXT,\n {\n acceptNode: function(node) {\n if (node.parentElement.tagName === 'SCRIPT' || \n node.parentElement.tagName === 'STYLE') {\n return NodeFilter.FILTER_REJECT;\n }\n return NodeFilter.FILTER_ACCEPT;\n }\n }\n );\n let node;\n let count = 0;\n while (node = walker.nextNode()) {\n let text = node.textContent;\n let modified = false;\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 count++;\n }\n }\n if (modified) node.textContent = text;\n }\n console.log(`\u2705 Text replacement completed: ${count} replacements made`);\n };\n replaceAllText();\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', replaceAllText);\n }\n window.addEventListener('load', () => {\n setTimeout(replaceAllText, 100);\n setTimeout(replaceAllText, 500);\n });\n }\n })();\n <\/script>\n\n <script>\n const GUIDE_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzTIMUcEl49nXGRMQk_L_TI1XFD28gUNyMt0IXKVWnDiPnV5GorIEEPMswp-Gsv0r1Bhw\/exec';\n window.GUIDE_API_URL = GUIDE_API_URL;\n\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 return 'beginner';\n }\n\n async function loadAllData() {\n try {\n const timestamp = new Date().getTime();\n const response = await fetch(`${GUIDE_API_URL}?v=${timestamp}`);\n const data = await response.json();\n let guides = Array.isArray(data) ? data : (data.articles || []);\n\n const currentMode = localStorage.getItem('tradeSiteMode') || 'gold';\n const modePrefix = currentMode === 'silver' ? '#Silver' : '#Gold';\n guides = guides.filter(article => {\n const link = article.Link || '';\n return link.toLowerCase().startsWith(modePrefix.toLowerCase());\n });\n\n if (guides.length > 0) {\n guides.sort((a, b) => new Date(b.Date || 0) - new Date(a.Date || 0));\n displayGuideCards(guides);\n displaySmallNewsCards(guides);\n } else {\n document.getElementById('guideGrid').innerHTML = `\n <div class=\"related-card\">\n <div class=\"related-content\" style=\"justify-content: center; min-height: 200px;\">\n <p style=\"text-align: center; color: #666;\">\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a ${currentMode === 'silver' ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07\u0e04\u0e33'}<\/p>\n <\/div>\n <\/div>`;\n document.getElementById('smallNewsGrid').innerHTML = '';\n }\n } catch (error) {\n console.error('\u274c Error loading data:', error);\n document.getElementById('guideGrid').innerHTML = `\n <div class=\"related-card\">\n <div class=\"related-content\" style=\"justify-content: center; min-height: 200px;\">\n <p style=\"text-align: center; color: #e53e3e;\">\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<\/p>\n <\/div>\n <\/div>`;\n }\n }\n\n function displayGuideCards(guides) {\n const guide = guides[0];\n const title = guide.Title || guide.Question || '\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d';\n const image = guide.Image || '';\n const excerpt = guide.Excerpt || guide.Answer || '';\n const category = guide.Category || guide.\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b';\n const date = guide.Date || '';\n const articleId = guide.ID || guide.id || 1;\n const tag = guide.Tag || '';\n\n let imageUrl = image;\n if (image && image.includes('drive.google.com')) {\n const match1 = image.match(\/\\\/d\\\/(.*?)\\\/\/);\n const match2 = image.match(\/id=(.*?)(&|$)\/);\n const fileId = match1 ? match1[1] : (match2 ? match2[1] : '');\n if (fileId) imageUrl = `https:\/\/lh3.googleusercontent.com\/d\/${fileId}`;\n }\n\n const tagHTML = tag ? `<span class=\"meta-tag ${getTagClass(tag)}\">${tag}<\/span>` : '';\n\n document.getElementById('guideGrid').innerHTML = `\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/detail?id=${articleId}\" class=\"related-card\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"related-content\">\n <div class=\"related-image\" style=\"background: linear-gradient(135deg, #EDBF43 0%, #B8860B 100%);\">\n ${imageUrl ? `<img decoding=\"async\" loading=\"lazy\" src=\"${imageUrl}\" alt=\"${title}\" style=\"width:100%;height:100%;object-fit:cover;border-radius:10px;\">` : ''}\n <span style=\"font-size: 6rem;\" class=\"fallback-emoji\">${imageUrl ? '' : '\ud83d\udcd6'}<\/span>\n <span class=\"related-category\">${category}<\/span>\n <\/div>\n <div class=\"related-text\">\n <h3 class=\"related-title\">${title}<\/h3>\n <p class=\"related-description\">${excerpt}<\/p>\n <div class=\"related-meta\">\n <span>${date || ''}<\/span>\n ${tagHTML}\n <\/div>\n <\/div>\n <\/div>\n <\/a>`;\n\n setTimeout(() => {\n const img = document.querySelector('#guideGrid .related-image img');\n if (img) {\n img.addEventListener('error', function() {\n this.style.display = 'none';\n const fallback = this.parentElement.querySelector('.fallback-emoji');\n if (fallback) { fallback.textContent = '\ud83d\udcd6'; fallback.style.display = 'block'; }\n });\n }\n }, 100);\n }\n\n function displaySmallNewsCards(guides) {\n const items = guides.slice(1, 5);\n const bgColors = [\n 'linear-gradient(135deg, #EDBF43 0%, #B8860B 100%)',\n 'linear-gradient(135deg, #3b82f6 0%, #1e40af 100%)',\n 'linear-gradient(135deg, #059669 0%, #047857 100%)',\n 'linear-gradient(135deg, #dc2626 0%, #991b1b 100%)'\n ];\n let html = '';\n items.forEach((item, index) => {\n const category = item.Category || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b';\n const date = item.Date || '';\n const excerpt = item.Excerpt || item.Answer || '';\n const articleId = item.ID || item.id || (index + 2);\n const bgColor = bgColors[index % bgColors.length];\n const tag = item.Tag || '';\n let imageUrl = item.Image || '';\n if (imageUrl && imageUrl.includes('drive.google.com')) {\n const match1 = imageUrl.match(\/\\\/d\\\/(.*?)\\\/\/);\n const match2 = imageUrl.match(\/id=(.*?)(&|$)\/);\n const fileId = match1 ? match1[1] : (match2 ? match2[1] : '');\n if (fileId) imageUrl = `https:\/\/lh3.googleusercontent.com\/d\/${fileId}`;\n }\n const tagHTML = tag ? `<span class=\"meta-tag-small ${getTagClass(tag)}\">${tag}<\/span>` : '';\n html += `\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/detail?id=${articleId}\" class=\"small-news-card\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"small-news-image\" style=\"background: ${bgColor};\">\n ${imageUrl ? `<img decoding=\"async\" loading=\"lazy\" src=\"${imageUrl}\" onerror=\"this.style.display='none';\" style=\"width:100%;height:100%;object-fit:cover;\">` : '\ud83d\udcf0'}\n <span class=\"small-news-category\">${category}<\/span>\n <\/div>\n <div class=\"small-news-content\">\n <h4 class=\"small-news-title\">${item.Title || item.Question}<\/h4>\n <p class=\"small-news-excerpt\">${excerpt}<\/p>\n <div class=\"small-news-meta\">\n <span>${date || ''}<\/span>\n ${tagHTML}\n <\/div>\n <\/div>\n <\/a>`;\n });\n document.getElementById('smallNewsGrid').innerHTML = html;\n }\n\n const countrySymbols = {\n 'USA': { gold: 'OANDA:XAUUSD', silver: 'OANDA:XAGUSD', currency: 'FX_IDC:USDTHB' },\n 'Thailand': { gold: 'SAXO:XAUTHB', silver: 'FX_IDC:XAGTHB', currency: 'FX_IDC:USDTHB' },\n 'UK': { gold: 'FOREXCOM:XAUGBP', silver: 'FX_IDC:XAGGBP', currency: 'FX_IDC:GBPTHB' },\n 'Europe': { gold: 'FOREXCOM:XAUEUR', silver: 'OANDA:XAGEUR', currency: 'FX_IDC:EURTHB' },\n 'Japan': { gold: 'FOREXCOM:XAUJPY', silver: 'FX_IDC:XAGJPY', currency: 'FX_IDC:JPYTHB' },\n 'Hong Kong': { gold: 'SAXO:XAUHKD', silver: 'OANDA:XAGHKD', currency: 'FX_IDC:HKDTHB' },\n 'Shanghai': { gold: 'SAXO:XAUCNH', silver: 'FX_IDC:XAGCNY', currency: 'FX_IDC:CNYTHB' },\n 'Singapore': { gold: 'FX_IDC:XAUSGD', silver: 'FX_IDC:XAGSGD', currency: 'FX_IDC:SGDTHB' }\n };\n\n function reloadWidget(containerId, symbol) {\n const container = document.getElementById(containerId);\n if (!container) return;\n container.innerHTML = '<div class=\"tradingview-widget-container__widget\"><\/div>';\n const script = document.createElement('script');\n script.src = 'https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js';\n script.async = true;\n script.textContent = JSON.stringify({ symbol: symbol, colorTheme: \"light\", width: \"100%\", height: 100 });\n container.appendChild(script);\n }\n\n function reloadMainChart(symbol) {\n const container = document.getElementById('mainChartContainer');\n if (!container) return;\n container.innerHTML = '<div class=\"tradingview-widget-container\" style=\"width:100%; height:100%;\"><div class=\"tradingview-widget-container__widget\"><\/div><\/div>';\n const script = document.createElement('script');\n script.src = 'https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-symbol-overview.js';\n script.async = true;\n script.textContent = JSON.stringify({\n symbols: [[symbol + \"|ALL\"]],\n chartOnly: false, width: \"100%\", height: \"100%\",\n locale: \"en\", colorTheme: \"light\", autosize: true\n });\n container.querySelector('.tradingview-widget-container').appendChild(script);\n }\n\n function syncWidgets(country) {\n const symbols = countrySymbols[country];\n const mode = localStorage.getItem('tradeSiteMode') || 'gold';\n const metalSymbol = mode === 'silver' ? symbols.silver : symbols.gold;\n reloadMainChart(metalSymbol);\n reloadWidget('widget0', mode === 'silver' ? 'FX_IDC:XAGTHB' : 'PEPPERSTONE:XAUTHB');\n reloadWidget('widget1', metalSymbol);\n reloadWidget('widget3', symbols.currency);\n }\n\n function initCustomDropdown() {\n const dropdown = document.getElementById('customDropdown');\n const selected = document.getElementById('dropdownSelected');\n const options = document.getElementById('dropdownOptions');\n const hiddenSelect = document.getElementById('countryDropdown');\n if (!dropdown || !selected || !options) return;\n selected.addEventListener('click', (e) => { e.stopPropagation(); dropdown.classList.toggle('active'); });\n document.addEventListener('click', () => dropdown.classList.remove('active'));\n const optionElements = options.querySelectorAll('.custom-option');\n optionElements.forEach(option => {\n option.addEventListener('click', (e) => {\n e.stopPropagation();\n const value = option.dataset.value;\n const flag = option.dataset.flag;\n const text = option.querySelector('span').textContent;\n selected.querySelector('img').src = `https:\/\/hatscripts.github.io\/circle-flags\/flags\/${flag}.svg`;\n selected.querySelector('span').textContent = text;\n hiddenSelect.value = value;\n optionElements.forEach(opt => opt.classList.remove('selected'));\n option.classList.add('selected');\n dropdown.classList.remove('active');\n syncWidgets(value);\n });\n });\n optionElements[0].classList.add('selected');\n }\n\n window.addEventListener('DOMContentLoaded', () => {\n loadAllData();\n initCustomDropdown();\n syncWidgets(document.getElementById('countryDropdown').value || 'USA');\n window.addEventListener('storage', (e) => {\n if (e.key === 'tradeSiteMode') syncWidgets(document.getElementById('countryDropdown').value || 'USA');\n });\n window.addEventListener('modeChanged', () => syncWidgets(document.getElementById('countryDropdown').value || 'USA'));\n });\n <\/script>\n\n <script>\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 const navbarTemplate = doc.getElementById('navbar-template');\n if (navbarTemplate) {\n const navbarContent = navbarTemplate.content.cloneNode(true);\n document.getElementById('navbar-placeholder').appendChild(navbarContent);\n const currentPage = window.location.pathname.split('\/').pop().replace('.html', '') || 'home';\n document.querySelectorAll('.nav-menu a').forEach(link => {\n if (link.getAttribute('data-page') === currentPage) link.classList.add('active');\n });\n }\n\n const footerTemplate = doc.getElementById('footer-template');\n if (footerTemplate) {\n document.getElementById('footer-placeholder').appendChild(footerTemplate.content.cloneNode(true));\n }\n\n const switchButtonTemplate = doc.getElementById('switch-button-template');\n if (switchButtonTemplate) {\n document.getElementById('switch-button-placeholder').appendChild(switchButtonTemplate.content.cloneNode(true));\n }\n\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 const sharedScript = doc.getElementById('shared-components-script');\n if (sharedScript && !window.sharedScriptLoaded) {\n const scriptElement = document.createElement('script');\n scriptElement.textContent = sharedScript.textContent;\n document.body.appendChild(scriptElement);\n window.sharedScriptLoaded = true;\n\n function updateTextByMode() {\n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n const heroBannerTitle = document.getElementById('heroBannerTitle');\n if (heroBannerTitle) heroBannerTitle.textContent = isSilverMode ? 'Trade Silver' : 'Trade Gold';\n\n const heroSection = document.getElementById('heroSection');\n if (heroSection) {\n const bgImage = isSilverMode \n ? 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/gold_to_silver-1.png'\n : 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/bg.jpg';\n heroSection.style.backgroundImage = `url('${bgImage}'), linear-gradient(135deg, var(--navy) 100%, var(--white) 15%)`;\n }\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 for (const [oldText, newText] of Object.entries(textReplacements)) {\n if (text.includes(oldText)) { text = text.replace(new RegExp(oldText, 'g'), newText); modified = true; }\n }\n if (modified) element.textContent = text;\n } else if (element.nodeType === Node.ELEMENT_NODE && element.tagName !== 'SCRIPT' && element.tagName !== 'STYLE') {\n for (const child of element.childNodes) replaceText(child);\n }\n }\n\n replaceText(document.body);\n }\n\n setTimeout(updateTextByMode, 100);\n window.addEventListener('modeChanged', () => { updateTextByMode(); loadAllData(); });\n }\n })\n .catch(error => console.error('Error loading components:', error));\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Trade Gold – \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33 Trade Gold \u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e1a\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e23\u0e32\u0e04\u0e32\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49 \u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 USA USA Thailand UK Europe Japan Hong Kong Shanghai Singapore USAThailandUKEuropeJapanHong KongShanghaiSingapore \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33 \u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25… \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25… \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07 (Gold Types)…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"template-page-builder-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/7","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=7"}],"version-history":[{"count":13,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2026-01-13T13:14:50","date_gmt":"2026-01-13T13:14:50","guid":{"rendered":"http:\/\/localhost\/trade-gold\/?page_id=2"},"modified":"2026-03-18T05:11:43","modified_gmt":"2026-03-18T05:11:43","slug":"sample-page-2","status":"publish","type":"page","link":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\n\n \n \n \n Trade Gold – \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33<\/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 * {\n margin: 0;\n padding: 0;\n box-sizing: border-box\n }\n\n :root {\n --gold-primary: #EDBF43;\n --gold-dark: #B8860B;\n --gold-light: #FFD700;\n --navy: #1E3A8A;\n --navy-dark: #172d69;\n --sky-blue: #87CEEB;\n --sky-light: #A3DFF8;\n --white: #ffffff;\n --text-dark: #1a1a1a;\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 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 .hero {\n background: url('https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/bg.jpg') center center\/cover no-repeat, linear-gradient(135deg, var(--navy) 100%, var(--white) 15%);\n color: var(--white);\n padding: 3rem 2rem 1.5rem 2rem;\n position: relative;\n overflow: hidden\n }\n\n .hero::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--navy);\n opacity: 60%;\n z-index: 0\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"80\" cy=\"30\" r=\"40\" fill=\"rgba(212,175,55,0.1)\"\/><circle cx=\"90\" cy=\"70\" r=\"30\" fill=\"rgba(255,215,0,0.1)\"\/><\/svg>');\n background-size: cover;\n z-index: 1\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n z-index: 2\n }\n\n .hero-content h1 {\n font-family: 'Kanit', serif;\n font-size: 7rem;\n font-weight: 900;\n margin-bottom: 5px;\n color: var(--gold-light)\n }\n\n .hero-content p {\n font-size: 2rem;\n margin-bottom: 1.5rem;\n opacity: 0.9\n }\n\n .hero-btn {\n background: var(--gold-primary);\n color: var(--text-dark);\n padding: 0.75rem 2rem;\n border-radius: 30px;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 600;\n transition: all 0.3s;\n animation: pulse 2s infinite\n }\n\n .hero-btn:hover {\n background: var(--gold-light);\n color: var(--text-dark);\n transform: scale(1.05)\n }\n\n @keyframes pulse {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7)\n }\n 50% {\n box-shadow: 0 0 0 10px rgba(212, 175, 55, 0)\n }\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 2rem\n }\n\n .section-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2rem;\n padding-bottom: 0.5rem;\n border-bottom: 3px solid var(--gold-primary)\n }\n\n .section-header h2 {\n font-family: 'Kanit', serif;\n font-size: 1.8rem;\n color: var(--navy)\n }\n\n .section-badge {\n background: var(--navy);\n color: var(--white);\n padding: 0.5rem 1.5rem;\n border-radius: 25px;\n font-size: 0.9rem;\n font-weight: 600;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 2px 8px rgba(30, 58, 138, 0.3);\n text-decoration: none;\n display: inline-block\n }\n\n .section-badge:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(30, 58, 138, 0.5);\n background: var(--navy-dark)\n }\n\n .gold-price-section {\n background: var(--white);\n padding: 1.19rem;\n border-radius: 11.9px;\n box-shadow: var(--shadow);\n margin-bottom: 1.785rem\n }\n\n .chart-section {\n margin-top: 1.05rem\n }\n\n .chart-and-widgets-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.05rem\n }\n\n .main-chart-container {\n background: var(--white);\n border-radius: 10.5px;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n min-height: 350px;\n height: 425px;\n width: 100%\n }\n\n .floating-sidebar {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));\n gap: 1.05rem\n }\n\n .country-dropdown-container {\n margin-left: auto;\n padding: 0;\n position: relative;\n display: inline-block\n }\n\n .custom-dropdown {\n position: relative;\n width: 220px\n }\n\n .custom-dropdown-selected {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 0.75rem 1.25rem;\n background: var(--navy);\n color: var(--white);\n border-radius: 10px;\n cursor: pointer;\n font-size: 1rem;\n font-family: 'Kanit', sans-serif;\n font-weight: 500;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n transition: all 0.3s\n }\n\n .custom-dropdown-selected:hover {\n background: var(--navy-dark)\n }\n\n .dropdown-flag {\n width: 40px;\n height: 40px;\n object-fit: cover;\n border-radius: 50%;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n border: 2px solid rgba(237, 191, 67, 0.3)\n }\n\n .dropdown-arrow {\n transition: transform 0.3s\n }\n\n .custom-dropdown.active .dropdown-arrow {\n transform: rotate(180deg)\n }\n\n .custom-dropdown-options {\n position: absolute;\n top: calc(100%+5px);\n left: 0;\n right: 0;\n background: var(--white);\n border-radius: 10px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n transition: all 0.3s;\n z-index: 100\n }\n\n .custom-dropdown.active .custom-dropdown-options {\n max-height: 500px;\n opacity: 1\n }\n\n .custom-option {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 0.85rem 1.25rem;\n cursor: pointer;\n color: var(--navy);\n font-size: 1rem;\n transition: background 0.2s\n }\n\n .custom-option img {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n object-fit: cover;\n border: 2px solid rgba(237, 191, 67, 0.3);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1)\n }\n\n .custom-option:hover {\n background: #f8f9fa\n }\n\n .custom-option.selected {\n background: var(--gold-primary);\n color: var(--white);\n font-weight: 600\n }\n\n .tv-widget-item {\n background: var(--white);\n border-radius: 10.5px;\n overflow: hidden;\n box-shadow: 0 1.4px 7px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n min-height: 84px\n }\n\n .tv-widget-item:hover {\n transform: translateY(-3.5px);\n box-shadow: 0 3.5px 14px rgba(212, 175, 55, 0.2)\n }\n\n .related-news {\n margin-bottom: 3rem\n }\n\n .related-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-top: 1.5rem\n }\n\n .related-card {\n background: var(--white);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n display: block;\n cursor: pointer\n }\n\n .related-card:hover {\n transform: scale(1.02)\n }\n\n .related-content {\n display: flex;\n gap: 1.5rem;\n padding: 1.5rem\n }\n\n .related-image {\n width: 500px;\n height: 259.2px;\n border-radius: 10px;\n background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 6rem;\n flex-shrink: 0;\n position: relative\n }\n\n .fallback-emoji {\n font-size: 6rem;\n position: absolute;\n z-index: 1;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .related-text {\n flex: 1;\n display: flex;\n flex-direction: column\n }\n\n .related-title {\n font-weight: 700;\n font-size: 1.2rem;\n margin-bottom: 0.75rem;\n color: var(--navy)\n }\n\n .related-description {\n font-size: 0.95rem;\n color: #666;\n line-height: 1.6;\n flex: 1\n }\n\n .related-category {\n position: absolute;\n top: 12px;\n right: 12px;\n display: inline-block;\n padding: 0.5rem 1rem;\n background: var(--navy-dark);\n color: var(--white);\n border-radius: 25px;\n font-size: 0.9rem;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);\n z-index: 11;\n letter-spacing: 0.3px;\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.4rem 0.9rem;\n color: var(--white);\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 700;\n white-space: nowrap;\n letter-spacing: 0.3px;\n }\n\n .meta-tag.beginner {\n background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);\n color: #ffffff;\n }\n\n \/* \u2705 \u0e41\u0e01\u0e49\u0e44\u0e02: \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 Intermediate \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e14\u0e33 *\/\n .meta-tag.intermediate {\n background: linear-gradient(135deg, #EDBF43 0%, #D4AF37 100%);\n color: #000000 !important;\n }\n\n .meta-tag.professional {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);\n color: #ffffff;\n }\n\n .meta-tag-small {\n display: inline-block;\n padding: 0.3rem 0.7rem;\n color: var(--white);\n border-radius: 15px;\n font-size: 0.75rem;\n font-weight: 700;\n white-space: nowrap;\n letter-spacing: 0.3px;\n }\n\n .meta-tag-small.beginner {\n background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);\n color: #ffffff;\n }\n\n \/* \u2705 \u0e41\u0e01\u0e49\u0e44\u0e02: \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 Intermediate (small) \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e14\u0e33 *\/\n .meta-tag-small.intermediate {\n background: linear-gradient(135deg, #EDBF43 0%, #D4AF37 100%);\n color: #000000 !important;\n }\n\n .meta-tag-small.professional {\n background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);\n color: #ffffff;\n }\n\n .related-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 1rem;\n margin-top: auto;\n border-top: 1px solid #e5e7eb;\n font-size: 0.85rem;\n color: #666\n }\n\n .small-news-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-top: 1.5rem;\n grid-auto-rows: 1fr;\n }\n\n .small-news-card {\n background: var(--white);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .small-news-card:hover {\n transform: translateY(-5px)\n }\n\n .small-news-image {\n width: 100%;\n height: 150px;\n background: 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: 2.5rem;\n position: relative\n }\n\n .small-news-content {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n min-height: 200px;\n height: 100%;\n }\n\n .small-news-title {\n font-weight: 700;\n font-size: 0.95rem;\n margin-bottom: 0.5rem;\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 .small-news-excerpt {\n font-size: 0.85rem;\n color: #666;\n line-height: 1.5;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n min-height: 3.825rem;\n }\n\n .small-news-category {\n position: absolute;\n top: 10px;\n right: 10px;\n padding: 0.4rem 0.85rem;\n background: var(--navy-dark);\n color: var(--white);\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 700;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);\n z-index: 11;\n letter-spacing: 0.3px;\n }\n\n .small-news-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 0.75rem;\n margin-top: auto;\n border-top: 1px solid #e5e7eb;\n font-size: 0.8rem;\n color: #666\n }\n\n .gold-types {\n margin-top: 4rem;\n margin-bottom: 3rem\n }\n\n .types-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-top: 1.5rem\n }\n\n .type-card {\n background: var(--white);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: var(--shadow);\n text-align: center;\n transition: all 0.3s;\n border: 3px solid transparent\n }\n\n .type-card:hover {\n border-color: var(--gold-primary);\n transform: translateY(-10px)\n }\n\n .type-icon {\n width: 80px;\n height: 80px;\n margin: 0 auto 1rem;\n background: var(--sky-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--navy)\n }\n\n .type-title {\n font-weight: 700;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n color: var(--navy)\n }\n\n .type-subtitle {\n font-size: 0.95rem;\n color: var(--gold-dark);\n font-weight: 600;\n margin-bottom: 0.75rem\n }\n\n .type-description {\n font-size: 0.85rem;\n color: #666;\n line-height: 1.5\n }\n\n .cta-section {\n background: linear-gradient(135deg, var(--navy) 0%, var(--navy) 100%);\n color: var(--white);\n padding: 4rem 2rem;\n border-radius: 20px;\n text-align: center;\n margin-bottom: 1.5rem;\n position: relative;\n overflow: hidden\n }\n\n .cta-content h2 {\n font-family: 'Kanit', serif;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n color: var(--gold-light)\n }\n\n .cta-content {\n display: flex;\n flex-direction: column;\n align-items: center\n }\n\n .qr-code {\n display: inline-block;\n padding: 1.4rem;\n background: var(--white);\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)\n }\n\n .qr-code img {\n max-width: 210px;\n width: 100%;\n height: auto;\n display: block\n }\n\n .cta-btn {\n background: var(--gold-primary);\n color: var(--text-dark);\n padding: 1rem 3rem;\n border-radius: 30px;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n font-size: 1.1rem;\n transition: all 0.3s;\n margin-top: 1.5rem\n }\n\n .cta-btn:hover {\n background: var(--gold-light);\n transform: scale(1.05)\n }\n\n @media (max-width:1024px) {\n .small-news-grid, .types-grid {\n grid-template-columns: repeat(2, 1fr)\n }\n }\n\n @media (max-width:768px) {\n .hero-content h1 {\n font-size: 4rem\n }\n .hero-content p {\n font-size: 1.5rem\n }\n .section-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem\n }\n .country-dropdown-container {\n margin-left: 0;\n width: 100%\n }\n .small-news-grid, .types-grid {\n grid-template-columns: 1fr\n }\n .related-content {\n flex-direction: column\n }\n .related-image {\n width: 100%\n }\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg) }\n 100% { transform: rotate(360deg) }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"navbar-placeholder\"><\/div>\n\n <section class=\"hero\" id=\"heroSection\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <h1 id=\"heroBannerTitle\">Trade Gold<\/h1>\n <p>\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e1a\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a<\/p>\n <a href=\"https:\/\/forms.gle\/39UFCgrYbdfTVmhZ9\" target=\"_blank\" rel=\"noopener\" class=\"hero-btn\">\n \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <section class=\"gold-price-section\">\n <div class=\"section-header\">\n <h2>\u0e23\u0e32\u0e04\u0e32\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49<\/h2>\n <a href=\"\/market\" class=\"section-badge\">\u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/a>\n\n <div class=\"country-dropdown-container\">\n <div class=\"custom-dropdown\" id=\"customDropdown\">\n <div class=\"custom-dropdown-selected\" id=\"dropdownSelected\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/us.svg\" alt=\"USA\" class=\"dropdown-flag\">\n <span>USA<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" class=\"dropdown-arrow\">\n <path fill=\"#ffffff\" d=\"M6 9L1 4h10z\" \/>\n <\/svg>\n <\/div>\n <div class=\"custom-dropdown-options\" id=\"dropdownOptions\">\n <div class=\"custom-option\" data-value=\"USA\" data-flag=\"us\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/us.svg\" alt=\"USA\" class=\"dropdown-flag\">\n <span>USA<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Thailand\" data-flag=\"th\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/th.svg\" alt=\"Thailand\" class=\"dropdown-flag\">\n <span>Thailand<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"UK\" data-flag=\"gb\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/gb.svg\" alt=\"UK\" class=\"dropdown-flag\">\n <span>UK<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Europe\" data-flag=\"eu\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/eu.svg\" alt=\"Europe\" class=\"dropdown-flag\">\n <span>Europe<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Japan\" data-flag=\"jp\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/jp.svg\" alt=\"Japan\" class=\"dropdown-flag\">\n <span>Japan<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Hong Kong\" data-flag=\"hk\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/hk.svg\" alt=\"Hong Kong\" class=\"dropdown-flag\">\n <span>Hong Kong<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Shanghai\" data-flag=\"cn\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/cn.svg\" alt=\"Shanghai\" class=\"dropdown-flag\">\n <span>Shanghai<\/span>\n <\/div>\n <div class=\"custom-option\" data-value=\"Singapore\" data-flag=\"sg\">\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hatscripts.github.io\/circle-flags\/flags\/sg.svg\" alt=\"Singapore\" class=\"dropdown-flag\">\n <span>Singapore<\/span>\n <\/div>\n <\/div>\n <\/div>\n <select id=\"countryDropdown\" style=\"display: none;\">\n <option value=\"USA\" selected>USA<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"UK\">UK<\/option>\n <option value=\"Europe\">Europe<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Hong Kong\">Hong Kong<\/option>\n <option value=\"Shanghai\">Shanghai<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <section class=\"chart-section\">\n <div class=\"chart-and-widgets-wrapper\">\n <div class=\"main-chart-container\" id=\"mainChartContainer\">\n <div class=\"tradingview-widget-container\" style=\"width:100%; height:100%;\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-symbol-overview.js\" async>\n {\n \"symbols\": [[\"OANDA:XAUUSD|ALL\"]],\n \"chartOnly\": false,\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"locale\": \"en\",\n \"colorTheme\": \"light\",\n \"autosize\": true,\n \"showVolume\": false,\n \"scalePosition\": \"right\",\n \"scaleMode\": \"Normal\",\n \"fontFamily\": \"-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif\",\n \"fontSize\": \"10\",\n \"noTimeScale\": false,\n \"valuesTracking\": \"1\",\n \"changeMode\": \"price-and-percent\",\n \"chartType\": \"area\",\n \"lineWidth\": 2,\n \"lineType\": 0,\n \"dateRanges\": [\"1d|1\", \"1m|30\", \"3m|60\", \"12m|1D\", \"60m|1W\", \"all|1M\"]\n }\n <\/script>\n <\/div>\n <\/div>\n\n <div class=\"floating-sidebar\">\n <div class=\"tradingview-widget-container tv-widget-item\" id=\"widget0\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js\" async>\n { \"symbol\": \"PEPPERSTONE:XAUTHB\", \"colorTheme\": \"light\", \"isTransparent\": false, \"locale\": \"en\", \"width\": \"100%\", \"height\": 100 }\n <\/script>\n <\/div>\n\n <div class=\"tradingview-widget-container tv-widget-item\" id=\"widget1\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js\" async>\n { \"symbol\": \"OANDA:XAUUSD\", \"colorTheme\": \"light\", \"isTransparent\": false, \"locale\": \"en\", \"width\": \"100%\", \"height\": 100 }\n <\/script>\n <\/div>\n\n <div class=\"tradingview-widget-container tv-widget-item\" id=\"widget3\">\n <div class=\"tradingview-widget-container__widget\"><\/div>\n <script type=\"text\/javascript\" src=\"https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js\" async>\n { \"symbol\": \"FOREXCOM:USDTHB\", \"colorTheme\": \"light\", \"isTransparent\": false, \"locale\": \"en\", \"width\": \"100%\", \"height\": 100 }\n <\/script>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n\n <section class=\"related-news\">\n <div class=\"section-header\">\n <h2>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33<\/h2>\n <a href=\"\/blog\" class=\"section-badge\">\u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/a>\n <\/div>\n <div id=\"guideGrid\" class=\"related-grid\">\n <div class=\"related-card\">\n <div class=\"related-content\" style=\"justify-content: center; align-items: center; min-height: 200px;\">\n <div style=\"text-align: center;\">\n <div 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;\"><\/div>\n <p style=\"color: #666;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25…<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div id=\"smallNewsGrid\" class=\"small-news-grid\">\n <div class=\"small-news-card\" style=\"grid-column: 1 \/ -1;\">\n <div class=\"small-news-content\" style=\"text-align: center; padding: 2rem;\">\n <div style=\"border: 4px solid #f3f3f3; border-top: 4px solid #EDBF43; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 1rem;\"><\/div>\n <p style=\"color: #666; margin: 0;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25…<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"gold-types\">\n <div class=\"section-header\">\n <h2>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07 (Gold Types)<\/h2>\n <\/div>\n <div class=\"types-grid\">\n <div class=\"type-card\">\n <div class=\"type-icon\">S<\/div>\n <h3 class=\"type-title\">Spot Gold<\/h3>\n <p class=\"type-subtitle\">\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e17\u0e48\u0e07 \u0e17\u0e2d\u0e07\u0e04\u0e33\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <p class=\"type-description\">\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e17\u0e35\u0e48\u0e23\u0e32\u0e04\u0e32\u0e15\u0e25\u0e32\u0e14\u0e43\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e25\u0e07\u0e17\u0e38\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27<\/p>\n <\/div>\n <div class=\"type-card\">\n <div class=\"type-icon\">T<\/div>\n <h3 class=\"type-title\">Thai Gold Bullion<\/h3>\n <p class=\"type-subtitle\">\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e17\u0e48\u0e07 96.5%<\/p>\n <p class=\"type-description\">\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e17\u0e48\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e44\u0e17\u0e22 \u0e04\u0e27\u0e32\u0e21\u0e1a\u0e23\u0e34\u0e2a\u0e38\u0e17\u0e18\u0e34\u0e4c 96.5% \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e21<\/p>\n <\/div>\n <div class=\"type-card\">\n <div class=\"type-icon\">F<\/div>\n <h3 class=\"type-title\">Futures (TFEX)<\/h3>\n <p class=\"type-subtitle\">\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32<\/p>\n <p class=\"type-description\">\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e43\u0e19\u0e15\u0e25\u0e32\u0e14\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e43\u0e0a\u0e49\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e25\u0e07\u0e17\u0e38\u0e19\u0e19\u0e49\u0e2d\u0e22\u0e41\u0e15\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e2a\u0e39\u0e07<\/p>\n <\/div>\n <div class=\"type-card\">\n <div class=\"type-icon\">E<\/div>\n <h3 class=\"type-title\">Gold ETF<\/h3>\n <p class=\"type-subtitle\">\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e23\u0e27\u0e21\u0e17\u0e2d\u0e07\u0e04\u0e33<\/p>\n <p class=\"type-description\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e23\u0e27\u0e21 \u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e21\u0e35\u0e2a\u0e20\u0e32\u0e1e\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e2a\u0e39\u0e07<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2>\u0e40\u0e1b\u0e34\u0e14\u0e1e\u0e2d\u0e23\u0e4c\u0e15\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1b\u0e25\u0e32\u0e22\u0e19\u0e34\u0e49\u0e27<\/h2>\n <div class=\"qr-code\">\n <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/01\/qr-code.png\" alt=\"QR Code \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\">\n <\/div>\n <a href=\"https:\/\/forms.gle\/39UFCgrYbdfTVmhZ9\" target=\"_blank\" rel=\"noopener\" class=\"cta-btn\">\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/a>\n <\/div>\n <\/section>\n <\/div>\n\n <div id=\"footer-placeholder\"><\/div>\n <div id=\"switch-button-placeholder\"><\/div>\n\n <script>\n (function() {\n console.log('\ud83d\ude80 Immediate text replacement started');\n \n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n console.log('\ud83d\udccd Current mode:', isSilverMode ? 'SILVER' : 'GOLD');\n \n const updateHeroBackground = () => {\n const heroSection = document.getElementById('heroSection');\n if (heroSection) {\n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n const bgImage = isSilverMode \n ? 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/gold_to_silver-1.png'\n : 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/bg.jpg';\n heroSection.style.backgroundImage = `url('${bgImage}'), linear-gradient(135deg, var(--navy) 100%, var(--white) 15%)`;\n }\n };\n \n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', updateHeroBackground);\n } else {\n updateHeroBackground();\n }\n window.addEventListener('load', updateHeroBackground);\n \n if (isSilverMode) {\n const updateBanner = () => {\n const banner = document.getElementById('heroBannerTitle');\n if (banner && banner.textContent !== 'Trade Silver') {\n banner.textContent = 'Trade Silver';\n }\n };\n updateBanner();\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', updateBanner);\n }\n window.addEventListener('load', updateBanner);\n \n const replaceAllText = () => {\n const textReplacements = {\n 'Trade Gold': 'Trade Silver',\n '\u0e17\u0e2d\u0e07\u0e04\u0e33': '\u0e40\u0e07\u0e34\u0e19',\n '\u0e17\u0e2d\u0e07': '\u0e40\u0e07\u0e34\u0e19',\n 'Gold': 'Silver'\n };\n const walker = document.createTreeWalker(\n document.body,\n NodeFilter.SHOW_TEXT,\n {\n acceptNode: function(node) {\n if (node.parentElement.tagName === 'SCRIPT' || \n node.parentElement.tagName === 'STYLE') {\n return NodeFilter.FILTER_REJECT;\n }\n return NodeFilter.FILTER_ACCEPT;\n }\n }\n );\n let node;\n let count = 0;\n while (node = walker.nextNode()) {\n let text = node.textContent;\n let modified = false;\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 count++;\n }\n }\n if (modified) node.textContent = text;\n }\n console.log(`\u2705 Text replacement completed: ${count} replacements made`);\n };\n replaceAllText();\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', replaceAllText);\n }\n window.addEventListener('load', () => {\n setTimeout(replaceAllText, 100);\n setTimeout(replaceAllText, 500);\n });\n }\n })();\n <\/script>\n\n <script>\n const GUIDE_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzTIMUcEl49nXGRMQk_L_TI1XFD28gUNyMt0IXKVWnDiPnV5GorIEEPMswp-Gsv0r1Bhw\/exec';\n window.GUIDE_API_URL = GUIDE_API_URL;\n\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 return 'beginner';\n }\n\n async function loadAllData() {\n try {\n const timestamp = new Date().getTime();\n const response = await fetch(`${GUIDE_API_URL}?v=${timestamp}`);\n const data = await response.json();\n let guides = Array.isArray(data) ? data : (data.articles || []);\n\n const currentMode = localStorage.getItem('tradeSiteMode') || 'gold';\n const modePrefix = currentMode === 'silver' ? '#Silver' : '#Gold';\n guides = guides.filter(article => {\n const link = article.Link || '';\n return link.toLowerCase().startsWith(modePrefix.toLowerCase());\n });\n\n if (guides.length > 0) {\n guides.sort((a, b) => new Date(b.Date || 0) - new Date(a.Date || 0));\n displayGuideCards(guides);\n displaySmallNewsCards(guides);\n } else {\n document.getElementById('guideGrid').innerHTML = `\n <div class=\"related-card\">\n <div class=\"related-content\" style=\"justify-content: center; min-height: 200px;\">\n <p style=\"text-align: center; color: #666;\">\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a ${currentMode === 'silver' ? '\u0e40\u0e07\u0e34\u0e19' : '\u0e17\u0e2d\u0e07\u0e04\u0e33'}<\/p>\n <\/div>\n <\/div>`;\n document.getElementById('smallNewsGrid').innerHTML = '';\n }\n } catch (error) {\n console.error('\u274c Error loading data:', error);\n document.getElementById('guideGrid').innerHTML = `\n <div class=\"related-card\">\n <div class=\"related-content\" style=\"justify-content: center; min-height: 200px;\">\n <p style=\"text-align: center; color: #e53e3e;\">\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<\/p>\n <\/div>\n <\/div>`;\n }\n }\n\n function displayGuideCards(guides) {\n const guide = guides[0];\n const title = guide.Title || guide.Question || '\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d';\n const image = guide.Image || '';\n const excerpt = guide.Excerpt || guide.Answer || '';\n const category = guide.Category || guide.\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b';\n const date = guide.Date || '';\n const articleId = guide.ID || guide.id || 1;\n const tag = guide.Tag || '';\n\n let imageUrl = image;\n if (image && image.includes('drive.google.com')) {\n const match1 = image.match(\/\\\/d\\\/(.*?)\\\/\/);\n const match2 = image.match(\/id=(.*?)(&|$)\/);\n const fileId = match1 ? match1[1] : (match2 ? match2[1] : '');\n if (fileId) imageUrl = `https:\/\/lh3.googleusercontent.com\/d\/${fileId}`;\n }\n\n const tagHTML = tag ? `<span class=\"meta-tag ${getTagClass(tag)}\">${tag}<\/span>` : '';\n\n document.getElementById('guideGrid').innerHTML = `\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/detail?id=${articleId}\" class=\"related-card\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"related-content\">\n <div class=\"related-image\" style=\"background: linear-gradient(135deg, #EDBF43 0%, #B8860B 100%);\">\n ${imageUrl ? `<img decoding=\"async\" loading=\"lazy\" src=\"${imageUrl}\" alt=\"${title}\" style=\"width:100%;height:100%;object-fit:cover;border-radius:10px;\">` : ''}\n <span style=\"font-size: 6rem;\" class=\"fallback-emoji\">${imageUrl ? '' : '\ud83d\udcd6'}<\/span>\n <span class=\"related-category\">${category}<\/span>\n <\/div>\n <div class=\"related-text\">\n <h3 class=\"related-title\">${title}<\/h3>\n <p class=\"related-description\">${excerpt}<\/p>\n <div class=\"related-meta\">\n <span>${date || ''}<\/span>\n ${tagHTML}\n <\/div>\n <\/div>\n <\/div>\n <\/a>`;\n\n setTimeout(() => {\n const img = document.querySelector('#guideGrid .related-image img');\n if (img) {\n img.addEventListener('error', function() {\n this.style.display = 'none';\n const fallback = this.parentElement.querySelector('.fallback-emoji');\n if (fallback) { fallback.textContent = '\ud83d\udcd6'; fallback.style.display = 'block'; }\n });\n }\n }, 100);\n }\n\n function displaySmallNewsCards(guides) {\n const items = guides.slice(1, 5);\n const bgColors = [\n 'linear-gradient(135deg, #EDBF43 0%, #B8860B 100%)',\n 'linear-gradient(135deg, #3b82f6 0%, #1e40af 100%)',\n 'linear-gradient(135deg, #059669 0%, #047857 100%)',\n 'linear-gradient(135deg, #dc2626 0%, #991b1b 100%)'\n ];\n let html = '';\n items.forEach((item, index) => {\n const category = item.Category || '\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b';\n const date = item.Date || '';\n const excerpt = item.Excerpt || item.Answer || '';\n const articleId = item.ID || item.id || (index + 2);\n const bgColor = bgColors[index % bgColors.length];\n const tag = item.Tag || '';\n let imageUrl = item.Image || '';\n if (imageUrl && imageUrl.includes('drive.google.com')) {\n const match1 = imageUrl.match(\/\\\/d\\\/(.*?)\\\/\/);\n const match2 = imageUrl.match(\/id=(.*?)(&|$)\/);\n const fileId = match1 ? match1[1] : (match2 ? match2[1] : '');\n if (fileId) imageUrl = `https:\/\/lh3.googleusercontent.com\/d\/${fileId}`;\n }\n const tagHTML = tag ? `<span class=\"meta-tag-small ${getTagClass(tag)}\">${tag}<\/span>` : '';\n html += `\n <a href=\"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/detail?id=${articleId}\" class=\"small-news-card\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"small-news-image\" style=\"background: ${bgColor};\">\n ${imageUrl ? `<img decoding=\"async\" loading=\"lazy\" src=\"${imageUrl}\" onerror=\"this.style.display='none';\" style=\"width:100%;height:100%;object-fit:cover;\">` : '\ud83d\udcf0'}\n <span class=\"small-news-category\">${category}<\/span>\n <\/div>\n <div class=\"small-news-content\">\n <h4 class=\"small-news-title\">${item.Title || item.Question}<\/h4>\n <p class=\"small-news-excerpt\">${excerpt}<\/p>\n <div class=\"small-news-meta\">\n <span>${date || ''}<\/span>\n ${tagHTML}\n <\/div>\n <\/div>\n <\/a>`;\n });\n document.getElementById('smallNewsGrid').innerHTML = html;\n }\n\n const countrySymbols = {\n 'USA': { gold: 'OANDA:XAUUSD', silver: 'OANDA:XAGUSD', currency: 'FX_IDC:USDTHB' },\n 'Thailand': { gold: 'SAXO:XAUTHB', silver: 'FX_IDC:XAGTHB', currency: 'FX_IDC:USDTHB' },\n 'UK': { gold: 'FOREXCOM:XAUGBP', silver: 'FX_IDC:XAGGBP', currency: 'FX_IDC:GBPTHB' },\n 'Europe': { gold: 'FOREXCOM:XAUEUR', silver: 'OANDA:XAGEUR', currency: 'FX_IDC:EURTHB' },\n 'Japan': { gold: 'FOREXCOM:XAUJPY', silver: 'FX_IDC:XAGJPY', currency: 'FX_IDC:JPYTHB' },\n 'Hong Kong': { gold: 'SAXO:XAUHKD', silver: 'OANDA:XAGHKD', currency: 'FX_IDC:HKDTHB' },\n 'Shanghai': { gold: 'SAXO:XAUCNH', silver: 'FX_IDC:XAGCNY', currency: 'FX_IDC:CNYTHB' },\n 'Singapore': { gold: 'FX_IDC:XAUSGD', silver: 'FX_IDC:XAGSGD', currency: 'FX_IDC:SGDTHB' }\n };\n\n function reloadWidget(containerId, symbol) {\n const container = document.getElementById(containerId);\n if (!container) return;\n container.innerHTML = '<div class=\"tradingview-widget-container__widget\"><\/div>';\n const script = document.createElement('script');\n script.src = 'https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-single-quote.js';\n script.async = true;\n script.textContent = JSON.stringify({ symbol: symbol, colorTheme: \"light\", width: \"100%\", height: 100 });\n container.appendChild(script);\n }\n\n function reloadMainChart(symbol) {\n const container = document.getElementById('mainChartContainer');\n if (!container) return;\n container.innerHTML = '<div class=\"tradingview-widget-container\" style=\"width:100%; height:100%;\"><div class=\"tradingview-widget-container__widget\"><\/div><\/div>';\n const script = document.createElement('script');\n script.src = 'https:\/\/s3.tradingview.com\/external-embedding\/embed-widget-symbol-overview.js';\n script.async = true;\n script.textContent = JSON.stringify({\n symbols: [[symbol + \"|ALL\"]],\n chartOnly: false, width: \"100%\", height: \"100%\",\n locale: \"en\", colorTheme: \"light\", autosize: true\n });\n container.querySelector('.tradingview-widget-container').appendChild(script);\n }\n\n function syncWidgets(country) {\n const symbols = countrySymbols[country];\n const mode = localStorage.getItem('tradeSiteMode') || 'gold';\n const metalSymbol = mode === 'silver' ? symbols.silver : symbols.gold;\n reloadMainChart(metalSymbol);\n reloadWidget('widget0', mode === 'silver' ? 'FX_IDC:XAGTHB' : 'PEPPERSTONE:XAUTHB');\n reloadWidget('widget1', metalSymbol);\n reloadWidget('widget3', symbols.currency);\n }\n\n function initCustomDropdown() {\n const dropdown = document.getElementById('customDropdown');\n const selected = document.getElementById('dropdownSelected');\n const options = document.getElementById('dropdownOptions');\n const hiddenSelect = document.getElementById('countryDropdown');\n if (!dropdown || !selected || !options) return;\n selected.addEventListener('click', (e) => { e.stopPropagation(); dropdown.classList.toggle('active'); });\n document.addEventListener('click', () => dropdown.classList.remove('active'));\n const optionElements = options.querySelectorAll('.custom-option');\n optionElements.forEach(option => {\n option.addEventListener('click', (e) => {\n e.stopPropagation();\n const value = option.dataset.value;\n const flag = option.dataset.flag;\n const text = option.querySelector('span').textContent;\n selected.querySelector('img').src = `https:\/\/hatscripts.github.io\/circle-flags\/flags\/${flag}.svg`;\n selected.querySelector('span').textContent = text;\n hiddenSelect.value = value;\n optionElements.forEach(opt => opt.classList.remove('selected'));\n option.classList.add('selected');\n dropdown.classList.remove('active');\n syncWidgets(value);\n });\n });\n optionElements[0].classList.add('selected');\n }\n\n window.addEventListener('DOMContentLoaded', () => {\n loadAllData();\n initCustomDropdown();\n syncWidgets(document.getElementById('countryDropdown').value || 'USA');\n window.addEventListener('storage', (e) => {\n if (e.key === 'tradeSiteMode') syncWidgets(document.getElementById('countryDropdown').value || 'USA');\n });\n window.addEventListener('modeChanged', () => syncWidgets(document.getElementById('countryDropdown').value || 'USA'));\n });\n <\/script>\n\n <script>\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 const navbarTemplate = doc.getElementById('navbar-template');\n if (navbarTemplate) {\n const navbarContent = navbarTemplate.content.cloneNode(true);\n document.getElementById('navbar-placeholder').appendChild(navbarContent);\n const currentPage = window.location.pathname.split('\/').pop().replace('.html', '') || 'home';\n document.querySelectorAll('.nav-menu a').forEach(link => {\n if (link.getAttribute('data-page') === currentPage) link.classList.add('active');\n });\n }\n\n const footerTemplate = doc.getElementById('footer-template');\n if (footerTemplate) {\n document.getElementById('footer-placeholder').appendChild(footerTemplate.content.cloneNode(true));\n }\n\n const switchButtonTemplate = doc.getElementById('switch-button-template');\n if (switchButtonTemplate) {\n document.getElementById('switch-button-placeholder').appendChild(switchButtonTemplate.content.cloneNode(true));\n }\n\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 const sharedScript = doc.getElementById('shared-components-script');\n if (sharedScript && !window.sharedScriptLoaded) {\n const scriptElement = document.createElement('script');\n scriptElement.textContent = sharedScript.textContent;\n document.body.appendChild(scriptElement);\n window.sharedScriptLoaded = true;\n\n function updateTextByMode() {\n const isSilverMode = localStorage.getItem('tradeSiteMode') === 'silver';\n const heroBannerTitle = document.getElementById('heroBannerTitle');\n if (heroBannerTitle) heroBannerTitle.textContent = isSilverMode ? 'Trade Silver' : 'Trade Gold';\n\n const heroSection = document.getElementById('heroSection');\n if (heroSection) {\n const bgImage = isSilverMode \n ? 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/gold_to_silver-1.png'\n : 'https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/wp-content\/uploads\/2026\/02\/bg.jpg';\n heroSection.style.backgroundImage = `url('${bgImage}'), linear-gradient(135deg, var(--navy) 100%, var(--white) 15%)`;\n }\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 for (const [oldText, newText] of Object.entries(textReplacements)) {\n if (text.includes(oldText)) { text = text.replace(new RegExp(oldText, 'g'), newText); modified = true; }\n }\n if (modified) element.textContent = text;\n } else if (element.nodeType === Node.ELEMENT_NODE && element.tagName !== 'SCRIPT' && element.tagName !== 'STYLE') {\n for (const child of element.childNodes) replaceText(child);\n }\n }\n\n replaceText(document.body);\n }\n\n setTimeout(updateTextByMode, 100);\n window.addEventListener('modeChanged', () => { updateTextByMode(); loadAllData(); });\n }\n })\n .catch(error => console.error('Error loading components:', error));\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Trade Gold – \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33 Trade Gold \u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e41\u0e1a\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e23\u0e32\u0e04\u0e32\u0e17\u0e2d\u0e07\u0e04\u0e33\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49 \u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 USA USA Thailand UK Europe Japan Hong Kong Shanghai Singapore USAThailandUKEuropeJapanHong KongShanghaiSingapore \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e25\u0e07\u0e17\u0e38\u0e19\u0e43\u0e19\u0e17\u0e2d\u0e07\u0e04\u0e33 \u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25… \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25… \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e32\u0e23\u0e40\u0e17\u0e23\u0e14\u0e17\u0e2d\u0e07 (Gold Types)…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"template-page-builder-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/7","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=7"}],"version-history":[{"count":13,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/xn--72ca1blbo9dd2g7c7fhl3h.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}