\u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61\u5730\u5716<\/title>\n<style>\n :root {\n color-scheme: light;\n --surface-1: #fcfcfb;\n --page-plane: #f9f9f7;\n --text-primary: #0b0b0b;\n --text-secondary: #52514e;\n --text-muted: #898781;\n --gridline: #e1e0d9;\n --border: rgba(11,11,11,0.10);\n --series-1: #2a78d6; \/* \u5ba2\u6236\u670d\u52d9\u570b\u5bb6 *\/\n --series-2: #eb6834; \/* \u88fd\u9020\u7e3d\u90e8 *\/\n --series-3: #1baf7a; \/* \u6d77\u5916\u670d\u52d9\/\u7d93\u92b7\u64da\u9ede *\/\n --land: #e4e2d9;\n --ocean: #eef4f8;\n --card-bg: #ffffff;\n }\n :root[data-theme=\"dark\"] {\n color-scheme: dark;\n --surface-1: #1a1a19;\n --page-plane: #0d0d0d;\n --text-primary: #ffffff;\n --text-secondary: #c3c2b7;\n --text-muted: #898781;\n --gridline: #2c2c2a;\n --border: rgba(255,255,255,0.10);\n --series-1: #3987e5;\n --series-2: #d95926;\n --series-3: #199e70;\n --land: #2a2a28;\n --ocean: #14201f;\n --card-bg: #232322;\n }\n @media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n color-scheme: dark;\n --surface-1: #1a1a19;\n --page-plane: #0d0d0d;\n --text-primary: #ffffff;\n --text-secondary: #c3c2b7;\n --text-muted: #898781;\n --gridline: #2c2c2a;\n --border: rgba(255,255,255,0.10);\n --series-1: #3987e5;\n --series-2: #d95926;\n --series-3: #199e70;\n --land: #2a2a28;\n --ocean: #14201f;\n --card-bg: #232322;\n }\n }\n * { box-sizing: border-box; }\n body {\n margin: 0;\n font-family: system-ui, -apple-system, \"Segoe UI\", \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n background: var(--page-plane);\n color: var(--text-primary);\n transition: background .2s, color .2s;\n }\n\n .wrap { max-width: 1180px; margin: 0 auto; padding: 28px 20px 60px; }\n header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom: 18px; flex-wrap: wrap; }\n h1 { font-size: 22px; margin: 0 0 4px; letter-spacing: .2px; }\n .subtitle { font-size: 13.5px; color: var(--text-secondary); margin: 0; }\n .stats { font-size: 13px; color: var(--text-secondary); margin-top: 6px; }\n .stats strong { color: var(--text-primary); font-weight: 600; }\n\n .toolbar { display:flex; gap:8px; flex-shrink:0; }\n button.ctl {\n font: inherit; font-size: 13px; padding: 7px 13px; border-radius: 7px;\n border: 1px solid var(--border); background: var(--card-bg); color: var(--text-primary);\n cursor: pointer;\n }\n button.ctl:hover { filter: brightness(0.97); }\n [data-theme=\"dark\"] button.ctl:hover { filter: brightness(1.2); }\n\n .legend-row { display:flex; flex-wrap:wrap; gap: 18px; align-items:center; margin: 4px 0 14px; font-size: 13px; color: var(--text-secondary); }\n .legend-item { display:flex; align-items:center; gap: 7px; }\n .swatch { width: 11px; height: 11px; border-radius: 50%; display:inline-block; flex-shrink:0; }\n .swatch.hq { clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); border-radius:0; width:14px; height:14px; }\n .swatch.svc { border-radius: 2px; transform: rotate(45deg); }\n\n .panel {\n background: var(--surface-1); border: 1px solid var(--border); border-radius: 12px;\n padding: 10px; margin-bottom: 22px; position: relative;\n }\n #mapSvgWrap { width: 100%; }\n #mapSvgWrap svg { width: 100%; height: auto; display: block; }\n .land { fill: var(--land); stroke: var(--surface-1); stroke-width: 0.5; }\n .ocean-bg { fill: var(--ocean); }\n\n .marker-dot { fill: var(--series-1); stroke: #ffffff; stroke-width: 1; cursor: pointer; }\n .marker-hq { fill: var(--series-2); stroke: #ffffff; stroke-width: 1; cursor: pointer; }\n .marker-svc { fill: var(--series-3); stroke: #ffffff; stroke-width: 1; cursor: pointer; }\n .marker-label { fill: var(--text-primary); font-size: 9.5px; font-weight: 600; pointer-events: none; }\n\n #tooltip {\n position: fixed; display:none; z-index: 50; max-width: 280px;\n background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border);\n border-radius: 8px; padding: 9px 12px; font-size: 12.5px; line-height: 1.6;\n box-shadow: 0 4px 14px rgba(0,0,0,0.18); pointer-events: none;\n }\n #tooltip b { display:block; margin-bottom: 3px; }\n\n .table-wrap { display:none; overflow-x:auto; }\n .table-wrap.active { display:block; }\n #mapSvgWrap.hidden { display:none; }\n\n table.data-table { width:100%; border-collapse: collapse; font-size: 13px; }\n table.data-table th, table.data-table td {\n text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--gridline); vertical-align: top;\n }\n table.data-table th { color: var(--text-secondary); font-weight: 600; font-size: 12px; }\n table.data-table td.cat { white-space: nowrap; }\n .cat-dot { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; }\n\n h2.section-title { font-size: 16px; margin: 0 0 12px; }\n\n .cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }\n .card {\n background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 16px 18px;\n }\n .card .tag {\n display:inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px;\n color: #fff; margin-bottom: 8px;\n }\n .card .tag.hq { background: var(--series-2); }\n .card .tag.svc { background: var(--series-3); }\n .card h3 { font-size: 14.5px; margin: 0 0 10px; line-height:1.4; }\n .card dl { margin: 0; font-size: 12.8px; color: var(--text-secondary); line-height: 1.65; }\n .card dl div { display:flex; gap: 6px; margin-bottom: 2px; }\n .card dl b { color: var(--text-primary); font-weight: 600; flex-shrink:0; min-width: 34px; }\n .card a { color: var(--series-1); text-decoration: none; }\n .card a:hover { text-decoration: underline; }\n\n footer { margin-top: 30px; font-size: 12px; color: var(--text-muted); text-align:center; }\n\n @media (max-width: 640px) {\n header { flex-direction: column; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"viz-root\">\n <div class=\"wrap\">\n <header>\n <div>\n <h1>\u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61<\/h1>\n <p class=\"subtitle\">\u88fd\u9020\u7e3d\u90e8\u30fb\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546 \u8207 \u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6<\/p>\n <p class=\"stats\">\u6db5\u84cb <strong>12<\/strong> \u500b\u5ba2\u6236\u670d\u52d9\u570b\u5bb6\u30fb<strong>1<\/strong> \u500b\u88fd\u9020\u7e3d\u90e8\u30fb<strong>3<\/strong> \u500b\u6d77\u5916\u670d\u52d9\uff0f\u7d93\u92b7\u64da\u9ede<\/p>\n <\/div>\n <div class=\"toolbar\">\n <button class=\"ctl\" id=\"toggleView\">\u5207\u63db\u70ba\u8cc7\u6599\u8868<\/button>\n <button class=\"ctl\" id=\"toggleTheme\">\u5207\u63db\u6df1\u8272\u6a21\u5f0f<\/button>\n <\/div>\n <\/header>\n\n <div class=\"legend-row\">\n <div class=\"legend-item\"><span class=\"swatch\" style=\"background:var(--series-1)\"><\/span>\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6<\/div>\n <div class=\"legend-item\"><span class=\"swatch hq\" style=\"background:var(--series-2)\"><\/span>\u88fd\u9020\u7e3d\u90e8\uff08\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8\u30fb\u53f0\u7063\u53f0\u4e2d\uff09<\/div>\n <div class=\"legend-item\"><span class=\"swatch svc\" style=\"background:var(--series-3)\"><\/span>\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546<\/div>\n <\/div>\n\n <div class=\"panel\">\n <div id=\"mapSvgWrap\"><\/div>\n <div class=\"table-wrap\" id=\"tableWrap\">\n <table class=\"data-table\" id=\"dataTable\">\n <thead>\n <tr><th>\u985e\u5225<\/th><th>\u540d\u7a31<\/th><th>\u570b\u5bb6\uff0f\u5730\u5340<\/th><th>\u8a73\u7d30\u8cc7\u8a0a<\/th><\/tr>\n <\/thead>\n <tbody><\/tbody>\n <\/table>\n <\/div>\n <div id=\"tooltip\"><\/div>\n <\/div>\n\n <h2 class=\"section-title\">\u806f\u7d61\u65b9\u5f0f<\/h2>\n <div class=\"cards\" id=\"cardsWrap\"><\/div>\n\n <footer>\u8cc7\u6599\u6574\u7406\u65e5\u671f\uff1a2026 \u5e74 8 \u6708\u30fb\u5730\u5716\u4f4d\u7f6e\u70ba\u6982\u7565\u5730\u7406\u5ea7\u6a19\uff0c\u50c5\u4f9b\u6a19\u793a\u53c3\u8003<\/footer>\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/d3@7\/dist\/d3.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/topojson-client@3\/dist\/topojson-client.min.js\"><\/script>\n<script>\n(function () {\n var root = document.documentElement;\n var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n var theme = prefersDark ? 'dark' : 'light';\n root.setAttribute('data-theme', theme);\n document.getElementById('toggleTheme').textContent = theme === 'dark' ? '\u5207\u63db\u6dfa\u8272\u6a21\u5f0f' : '\u5207\u63db\u6df1\u8272\u6a21\u5f0f';\n\n \/\/ ---- Data ----\n var customerCountries = [\n { name: '\u745e\u58eb Switzerland', lat: 46.8182, lon: 8.2275 },\n { name: '\u5fb7\u570b Germany', lat: 51.1657, lon: 10.4515 },\n { name: '\u897f\u73ed\u7259 Spain', lat: 40.4637, lon: -3.7492 },\n { name: '\u7f85\u99ac\u5c3c\u4e9e Romania', lat: 45.9432, lon: 24.9668 },\n { name: '\u7fa9\u5927\u5229 Italy', lat: 41.8719, lon: 12.5674 },\n { name: '\u6cf0\u570b Thailand', lat: 15.8700, lon: 100.9925 },\n { name: '\u8d8a\u5357 Vietnam', lat: 14.0583, lon: 108.2772 },\n { name: '\u97d3\u570b South Korea', lat: 35.9078, lon: 127.7669 },\n { name: '\u4e2d\u570b\u5927\u9678 China', lat: 35.8617, lon: 104.1954 },\n { name: '\u571f\u8033\u5176 Turkey', lat: 38.9637, lon: 35.2433 },\n { name: '\u65b0\u52a0\u5761 Singapore', lat: 1.3521, lon: 103.8198 },\n { name: '\u99ac\u4f86\u897f\u4e9e Malaysia', lat: 4.2105, lon: 101.9758 }\n ];\n\n var hq = {\n name: '\u88fd\u9020\u7e3d\u90e8\u30fb\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8',\n country: '\u53f0\u7063\u30fb\u53f0\u4e2d',\n lat: 24.2515, lon: 120.6910,\n hover: '<b>\u88fd\u9020\u7e3d\u90e8\uff5c\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8<\/b><br>\u5730\u5740\uff1a429 \u53f0\u7063\u81fa\u4e2d\u5e02\u795e\u5ca1\u5340\u4e2d\u8208\u8def56\u865f<br>\u96fb\u8a71\uff1a+886-4-2533-0232<br>\u50b3\u771f\uff1a+886-4-2533-0250<br>\u7db2\u7ad9\uff1awww.S-TYPEcnc.com',\n table: '\u5730\u5740\uff1a429 \u53f0\u7063\u81fa\u4e2d\u5e02\u795e\u5ca1\u5340\u4e2d\u8208\u8def56\u865f\uff5c\u96fb\u8a71\uff1a+886-4-2533-0232\uff5c\u50b3\u771f\uff1a+886-4-2533-0250\uff5c\u7db2\u7ad9\uff1awww.S-TYPEcnc.com\uff5cEmail\uff1amaster@szrongguang.com'\n };\n\n var servicePoints = [\n {\n name: '\u5927\u9678\u552e\u670d\u4e2d\u5fc3\u30fb\u6df1\u5733\u5f69\u5408\u4e94\u91d1\u6a5f\u68b0\u6709\u9650\u516c\u53f8',\n country: '\u4e2d\u570b\u5927\u9678\u30fb\u6771\u839e',\n lat: 22.9760, lon: 114.0330,\n hover: '<b>\u5927\u9678\u552e\u670d\u4e2d\u5fc3\uff5c\u5f69\u5408\u4e94\u91d1\u6a5f\u68b0\u6709\u9650\u516c\u53f8<\/b><br>\u5730\u5740\uff1a\u5ee3\u6771\u7701\u6771\u839e\u5e02\u9cf3\u5d17\u93ae\u6d78\u6821\u5858\u632f\u5858\u8def11\u865f<br>\u9214\u5408\u7cbe\u5bc6\u5de5\u696d\u57121\u68df3\u6a13<br>\u96fb\u8a71\uff1a+86-769-8777-2861',\n table: '\u5730\u5740\uff1a\u5ee3\u6771\u7701\u6771\u839e\u5e02\u9cf3\u5d17\u93ae\u6d78\u6821\u5858\u632f\u5858\u8def11\u865f \u9214\u5408\u7cbe\u5bc6\u5de5\u696d\u57121\u68df3\u6a13\uff5c\u96fb\u8a71\uff1a+86-769-8777-2861\uff5c\u50b3\u771f\uff1a+86-769-8777-2862\uff5c\u7db2\u5740\uff1awww.promisecnc.com\uff5cEmail\uff1aparagon00886@126.com'\n },\n {\n name: '\u65e5\u672c\u7d93\u92b7\u5546\u30fb\u30a8\u30e0\u30ef\u30a4\u30c6\u30c3\u30af\u682a\u5f0f\u4f1a\u793e',\n country: '\u65e5\u672c\u30fb\u611b\u77e5\u7e23\u6c5f\u5357\u5e02',\n lat: 35.3283, lon: 136.8697,\n hover: '<b>\u65e5\u672c\u7d93\u92b7\u5546\uff5c\u30a8\u30e0\u30ef\u30a4\u30c6\u30c3\u30af\u682a\u5f0f\u4f1a\u793e<\/b><br>\u5730\u5740\uff1a\u611b\u77e5\u7e23\u6c5f\u5357\u5e02\u5f8c\u98db\u4fdd\u753a\u6771\u9ad8\u702c97<br>\u96fb\u8a71\uff1a0587-86-2065',\n table: '\u90f5\u7de8\uff1a483-8344\uff5c\u5730\u5740\uff1a\u611b\u77e5\u7e23\u6c5f\u5357\u5e02\u5f8c\u98db\u4fdd\u753a\u6771\u9ad8\u702c97\uff5c\u96fb\u8a71\uff1a0587-86-2065\uff5c\u50b3\u771f\uff1a0587-86-2350'\n },\n {\n name: '\u6cf0\u570b\u670d\u52d9\u516c\u53f8\u30fbV G STEEL CO.,LTD.',\n country: '\u6cf0\u570b\u30fbSamut Prakarn',\n lat: 13.5990, lon: 100.7314,\n hover: '<b>\u6cf0\u570b\u670d\u52d9\u516c\u53f8\uff5cV G STEEL CO.,LTD.<\/b><br>\u5730\u5740\uff1a66\/13 MOO 12 T.BANGPLA, BANGPLEE<br>SAMUTPRAKARN 10540 THAILAND<br>\u96fb\u8a71\uff1a662-3121866',\n table: '\u5730\u5740\uff1a66\/13 MOO 12 T.BANGPLA, BANGPLEE, SAMUTPRAKARN 10540 THAILAND\uff5c\u806f\u7e6b\u4eba\uff1aRawisara \/ Ketsaraa\uff5c\u96fb\u8a71\uff1a662-3121866'\n }\n ];\n\n \/\/ ---- Build SVG map (topology data loaded from CDN, see fetch call below) ----\n function renderMap(LAND_TOPOLOGY) {\n var W = 960, H = 500;\n var landGeo = topojson.feature(LAND_TOPOLOGY, LAND_TOPOLOGY.objects.land);\n var projection = d3.geoNaturalEarth1().fitExtent([[10, 14], [W - 10, H - 14]], landGeo);\n var pathGen = d3.geoPath(projection);\n\n var svgNS = 'http:\/\/www.w3.org\/2000\/svg';\n var svg = document.createElementNS(svgNS, 'svg');\n svg.setAttribute('viewBox', '0 0 ' + W + ' ' + H);\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');\n\n var oceanRect = document.createElementNS(svgNS, 'rect');\n oceanRect.setAttribute('class', 'ocean-bg');\n oceanRect.setAttribute('x', 0); oceanRect.setAttribute('y', 0);\n oceanRect.setAttribute('width', W); oceanRect.setAttribute('height', H);\n svg.appendChild(oceanRect);\n\n var landPath = document.createElementNS(svgNS, 'path');\n landPath.setAttribute('class', 'land');\n landPath.setAttribute('d', pathGen(landGeo));\n svg.appendChild(landPath);\n\n var markerLayer = document.createElementNS(svgNS, 'g');\n svg.appendChild(markerLayer);\n\n function project(lon, lat) {\n var p = projection([lon, lat]);\n return p || [0, 0];\n }\n\n function addCircle(cls, lon, lat, r, hoverHtml) {\n var p = project(lon, lat);\n var c = document.createElementNS(svgNS, 'circle');\n c.setAttribute('class', cls);\n c.setAttribute('cx', p[0]); c.setAttribute('cy', p[1]); c.setAttribute('r', r);\n attachTooltip(c, hoverHtml);\n markerLayer.appendChild(c);\n return p;\n }\n\n function addDiamond(cls, lon, lat, r, hoverHtml) {\n var p = project(lon, lat);\n var d = 'M ' + p[0] + ' ' + (p[1] - r) + ' L ' + (p[0] + r) + ' ' + p[1] + ' L ' + p[0] + ' ' + (p[1] + r) + ' L ' + (p[0] - r) + ' ' + p[1] + ' Z';\n var el = document.createElementNS(svgNS, 'path');\n el.setAttribute('class', cls);\n el.setAttribute('d', d);\n attachTooltip(el, hoverHtml);\n markerLayer.appendChild(el);\n return p;\n }\n\n function starPoints(cx, cy, rOuter, rInner) {\n var pts = [];\n for (var i = 0; i < 10; i++) {\n var r = (i % 2 === 0) ? rOuter : rInner;\n var ang = (-90 + i * 36) * Math.PI \/ 180;\n pts.push((cx + r * Math.cos(ang)) + ',' + (cy + r * Math.sin(ang)));\n }\n return pts.join(' ');\n }\n\n function addStar(cls, lon, lat, rOuter, hoverHtml) {\n var p = project(lon, lat);\n var el = document.createElementNS(svgNS, 'polygon');\n el.setAttribute('class', cls);\n el.setAttribute('points', starPoints(p[0], p[1], rOuter, rOuter * 0.42));\n attachTooltip(el, hoverHtml);\n markerLayer.appendChild(el);\n return p;\n }\n\n function addLabel(x, y, text, dx, dy) {\n var t = document.createElementNS(svgNS, 'text');\n t.setAttribute('class', 'marker-label');\n t.setAttribute('x', x + (dx || 0));\n t.setAttribute('y', y + (dy || 0));\n t.textContent = text;\n markerLayer.appendChild(t);\n }\n\n var tooltip = document.getElementById('tooltip');\n function attachTooltip(el, html) {\n el.addEventListener('mouseenter', function () {\n tooltip.innerHTML = html;\n tooltip.style.display = 'block';\n });\n el.addEventListener('mousemove', function (ev) {\n var tw = 280, pad = 14;\n var x = ev.clientX + pad, y = ev.clientY + pad;\n if (x + tw > window.innerWidth) x = ev.clientX - tw - pad;\n tooltip.style.left = x + 'px';\n tooltip.style.top = y + 'px';\n });\n el.addEventListener('mouseleave', function () {\n tooltip.style.display = 'none';\n });\n }\n\n customerCountries.forEach(function (d) {\n addCircle('marker-dot', d.lon, d.lat, 4.6, '<b>' + d.name + '<\/b>\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6');\n });\n\n var hqP = addStar('marker-hq', hq.lon, hq.lat, 8, hq.hover);\n addLabel(hqP[0], hqP[1], '\u88fd\u9020\u7e3d\u90e8', 10, -8);\n\n servicePoints.forEach(function (d) {\n var p = addDiamond('marker-svc', d.lon, d.lat, 5.2, d.hover);\n });\n\n document.getElementById('mapSvgWrap').appendChild(svg);\n } \/\/ end renderMap\n\n \/\/ world-atlas 110m land topology (public domain, from d3\/topojson project), loaded at runtime\n fetch('https:\/\/cdn.jsdelivr.net\/npm\/world-atlas@2\/land-110m.json')\n .then(function (r) { return r.json(); })\n .then(renderMap)\n .catch(function (err) {\n document.getElementById('mapSvgWrap').innerHTML =\n '<p style=\"padding:20px;color:var(--text-secondary);font-size:13px;\">\u5730\u5716\u8cc7\u6599\u8f09\u5165\u5931\u6557\uff0c\u8acb\u78ba\u8a8d\u7db2\u8def\u9023\u7dda\u5f8c\u91cd\u65b0\u6574\u7406\u9801\u9762\u3002<\/p>';\n console.error('Failed to load land topology:', err);\n });\n\n \/\/ ---- Table view ----\n function fillTable() {\n var tbody = document.querySelector('#dataTable tbody');\n tbody.innerHTML = '';\n var rows = [];\n customerCountries.forEach(function (d) {\n rows.push({ cat: '\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6', dot: 'var(--series-1)', name: d.name, country: d.name, detail: '\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6' });\n });\n rows.push({ cat: '\u88fd\u9020\u7e3d\u90e8', dot: 'var(--series-2)', name: hq.name, country: hq.country, detail: hq.table });\n servicePoints.forEach(function (d) {\n rows.push({ cat: '\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546', dot: 'var(--series-3)', name: d.name, country: d.country, detail: d.table });\n });\n rows.forEach(function (r) {\n var tr = document.createElement('tr');\n tr.innerHTML =\n '<td class=\"cat\"><span class=\"cat-dot\" style=\"background:' + r.dot + '\"><\/span>' + r.cat + '<\/td>' +\n '<td>' + r.name + '<\/td>' +\n '<td>' + r.country + '<\/td>' +\n '<td>' + r.detail + '<\/td>';\n tbody.appendChild(tr);\n });\n }\n fillTable();\n\n \/\/ ---- Contact cards ----\n function fillCards() {\n var wrap = document.getElementById('cardsWrap');\n var items = [\n { tag: 'hq', tagLabel: '\u88fd\u9020\u7e3d\u90e8', title: '\u53f0\u7063\u88fd\u9020\u516c\u53f8\u30fb\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8', rows: [\n ['\u5730\u5740', '429 \u4e2d\u570b\u53f0\u7063\u81fa\u4e2d\u5e02\u795e\u5ca1\u5340\u4e2d\u8208\u8def56\u865f'],\n ['\u96fb\u8a71', '+886-4-2533-0232'],\n ['\u50b3\u771f', '+886-4-2533-0250'],\n ['\u7db2\u7ad9', '<a href=\"https:\/\/www.S-TYPEcnc.com\" target=\"_blank\" rel=\"noopener\">www.S-TYPEcnc.com<\/a>'],\n ['Email', '<a href=\"mailto:master@szrongguang.com\">master@szrongguang.com<\/a>']\n ]},\n { tag: 'svc', tagLabel: '\u5927\u9678\u552e\u670d\u4e2d\u5fc3\uff08\u6771\u839e\uff09', title: '\u6df1\u5733\u5f69\u5408\u4e94\u91d1\u6a5f\u68b0\u6709\u9650\u516c\u53f8', rows: [\n ['\u5730\u5740', '\u5ee3\u6771\u7701\u6771\u839e\u5e02\u9cf3\u5d17\u93ae\u6d78\u6821\u5858\u632f\u5858\u8def11\u865f \u9214\u5408\u7cbe\u5bc6\u5de5\u696d\u57121\u68df3\u6a13'],\n ['\u96fb\u8a71', '+86-769-8777-2861'],\n ['\u50b3\u771f', '+86-769-8777-2862'],\n ['\u7db2\u5740', '<a href=\"https:\/\/www.promisecnc.com\" target=\"_blank\" rel=\"noopener\">www.promisecnc.com<\/a>'],\n ['Email', '<a href=\"mailto:paragon00886@126.com\">paragon00886@126.com<\/a>']\n ]},\n { tag: 'svc', tagLabel: '\u65e5\u672c\u7d93\u92b7\u5546', title: '\u30a8\u30e0\u30ef\u30a4\u30c6\u30c3\u30af\u682a\u5f0f\u4f1a\u793e', rows: [\n ['\u90f5\u7de8', '483-8344'],\n ['\u5730\u5740', '\u611b\u77e5\u7e23\u6c5f\u5357\u5e02\u5f8c\u98db\u4fdd\u753a\u6771\u9ad8\u702c97'],\n ['\u96fb\u8a71', '0587-86-2065'],\n ['\u50b3\u771f', '0587-86-2350']\n ]},\n { tag: 'svc', tagLabel: '\u6cf0\u570b\u670d\u52d9\u516c\u53f8', title: 'V G STEEL CO.,LTD.', rows: [\n ['\u5730\u5740', '66\/13 MOO 12 T.BANGPLA, BANGPLEE, SAMUTPRAKARN 10540 THAILAND'],\n ['\u806f\u7e6b\u4eba', 'Rawisara \/ Ketsaraa'],\n ['\u96fb\u8a71', '662-3121866']\n ]}\n ];\n wrap.innerHTML = items.map(function (it) {\n return '<div class=\"card\"><span class=\"tag ' + it.tag + '\">' + it.tagLabel + '<\/span><h3>' + it.title + '<\/h3><dl>' +\n it.rows.map(function (r) { return '<div><b>' + r[0] + '<\/b><span>' + r[1] + '<\/span><\/div>'; }).join('') +\n '<\/dl><\/div>';\n }).join('');\n }\n fillCards();\n\n \/\/ ---- Toggle: map \/ table ----\n var showingTable = false;\n document.getElementById('toggleView').addEventListener('click', function () {\n showingTable = !showingTable;\n document.getElementById('mapSvgWrap').classList.toggle('hidden', showingTable);\n document.getElementById('tableWrap').classList.toggle('active', showingTable);\n tooltip.style.display = 'none';\n this.textContent = showingTable ? '\u5207\u63db\u70ba\u5730\u5716' : '\u5207\u63db\u70ba\u8cc7\u6599\u8868';\n });\n\n \/\/ ---- Toggle: theme ----\n document.getElementById('toggleTheme').addEventListener('click', function () {\n theme = (root.getAttribute('data-theme') === 'dark') ? 'light' : 'dark';\n root.setAttribute('data-theme', theme);\n this.textContent = theme === 'dark' ? '\u5207\u63db\u6dfa\u8272\u6a21\u5f0f' : '\u5207\u63db\u6df1\u8272\u6a21\u5f0f';\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61\u5730\u5716 \u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61 \u88fd\u9020\u7e3d\u90e8\u30fb\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546 \u8207 \u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6 \u6db5\u84cb 12 \u500b\u5ba2\u6236\u670d\u52d9\u570b\u5bb6\u30fb1 \u500b\u88fd\u9020\u7e3d\u90e8\u30fb3 \u500b\u6d77\u5916\u670d\u52d9\uff0f\u7d93\u92b7\u64da\u9ede \u5207\u63db\u70ba\u8cc7\u6599\u8868 \u5207\u63db\u6df1\u8272\u6a21\u5f0f \u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6 \u88fd\u9020\u7e3d\u90e8\uff08\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8\u30fb\u53f0\u7063\u53f0\u4e2d\uff09 \u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546 \u985e\u5225 \u540d\u7a31 \u570b\u5bb6\uff0f\u5730\u5340<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-1467","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/stype-grinder.com\/zh\/contact-2\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"zh_TW\" \/>\n\t\t<meta property=\"og:site_name\" content=\"S-TYPE LTD.,CO. | Focused on Centerless Grinding. Do one thing, and do it the best.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Contact | S-TYPE LTD.,CO.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/stype-grinder.com\/zh\/contact-2\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-03-09T23:17:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-08-19T03:26:49+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Contact | S-TYPE LTD.,CO.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stype-grinder.com\\\/zh\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#listItem\",\"name\":\"Contact\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#listItem\",\"position\":2,\"name\":\"Contact\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#organization\",\"name\":\"S-TYPE LTD.,CO.\",\"description\":\"Focused on Centerless Grinding. Do one thing, and do it the best.\",\"url\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/stype-grinder.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#organizationLogo\",\"width\":118,\"height\":90},\"image\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#webpage\",\"url\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/\",\"name\":\"Contact | S-TYPE LTD.,CO.\",\"inLanguage\":\"zh-TW\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#breadcrumblist\"},\"datePublished\":\"2024-03-09T23:17:39+00:00\",\"dateModified\":\"2026-08-19T03:26:49+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#website\",\"url\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/\",\"name\":\"S-TYPE LTD.,CO.\",\"description\":\"Focused on Centerless Grinding. Do one thing, and do it the best.\",\"inLanguage\":\"zh-TW\",\"publisher\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Contact | S-TYPE LTD.,CO.","description":"","canonical_url":"https:\/\/stype-grinder.com\/zh\/contact-2\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh#listItem","position":1,"name":"Home","item":"https:\/\/stype-grinder.com\/zh","nextItem":{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#listItem","name":"Contact"}},{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#listItem","position":2,"name":"Contact","previousItem":{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/stype-grinder.com\/zh\/#organization","name":"S-TYPE LTD.,CO.","description":"Focused on Centerless Grinding. Do one thing, and do it the best.","url":"https:\/\/stype-grinder.com\/zh\/","logo":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#organizationLogo","width":118,"height":90},"image":{"@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#webpage","url":"https:\/\/stype-grinder.com\/zh\/contact-2\/","name":"Contact | S-TYPE LTD.,CO.","inLanguage":"zh-TW","isPartOf":{"@id":"https:\/\/stype-grinder.com\/zh\/#website"},"breadcrumb":{"@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#breadcrumblist"},"datePublished":"2024-03-09T23:17:39+00:00","dateModified":"2026-08-19T03:26:49+00:00"},{"@type":"WebSite","@id":"https:\/\/stype-grinder.com\/zh\/#website","url":"https:\/\/stype-grinder.com\/zh\/","name":"S-TYPE LTD.,CO.","description":"Focused on Centerless Grinding. Do one thing, and do it the best.","inLanguage":"zh-TW","publisher":{"@id":"https:\/\/stype-grinder.com\/zh\/#organization"}}]},"og:locale":"zh_TW","og:site_name":"S-TYPE LTD.,CO. | Focused on Centerless Grinding. Do one thing, and do it the best.","og:type":"article","og:title":"Contact | S-TYPE LTD.,CO.","og:url":"https:\/\/stype-grinder.com\/zh\/contact-2\/","og:image":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1","og:image:secure_url":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1","article:published_time":"2024-03-09T23:17:39+00:00","article:modified_time":"2026-08-19T03:26:49+00:00","twitter:card":"summary","twitter:title":"Contact | S-TYPE LTD.,CO.","twitter:image":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1"},"aioseo_meta_data":{"post_id":"1467","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-27 23:50:41","updated":"2026-08-19 03:29:59","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/stype-grinder.com\/zh\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tContact\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/stype-grinder.com\/zh"},{"label":"Contact","link":"https:\/\/stype-grinder.com\/zh\/contact-2\/"}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages\/1467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/comments?post=1467"}],"version-history":[{"count":5,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages\/1467\/revisions"}],"predecessor-version":[{"id":2119,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages\/1467\/revisions\/2119"}],"wp:attachment":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/media?parent=1467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1467,"date":"2024-03-09T23:17:39","date_gmt":"2024-03-09T23:17:39","guid":{"rendered":"https:\/\/stype-grinder.com\/?page_id=1467"},"modified":"2026-08-19T03:26:49","modified_gmt":"2026-08-19T03:26:49","slug":"contact-2","status":"publish","type":"page","link":"https:\/\/stype-grinder.com\/zh\/contact-2\/","title":{"rendered":"\u806f\u7d61\u6211\u5011"},"content":{"rendered":"\n\n\n\n\n\n\u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61\u5730\u5716<\/title>\n<style>\n :root {\n color-scheme: light;\n --surface-1: #fcfcfb;\n --page-plane: #f9f9f7;\n --text-primary: #0b0b0b;\n --text-secondary: #52514e;\n --text-muted: #898781;\n --gridline: #e1e0d9;\n --border: rgba(11,11,11,0.10);\n --series-1: #2a78d6; \/* \u5ba2\u6236\u670d\u52d9\u570b\u5bb6 *\/\n --series-2: #eb6834; \/* \u88fd\u9020\u7e3d\u90e8 *\/\n --series-3: #1baf7a; \/* \u6d77\u5916\u670d\u52d9\/\u7d93\u92b7\u64da\u9ede *\/\n --land: #e4e2d9;\n --ocean: #eef4f8;\n --card-bg: #ffffff;\n }\n :root[data-theme=\"dark\"] {\n color-scheme: dark;\n --surface-1: #1a1a19;\n --page-plane: #0d0d0d;\n --text-primary: #ffffff;\n --text-secondary: #c3c2b7;\n --text-muted: #898781;\n --gridline: #2c2c2a;\n --border: rgba(255,255,255,0.10);\n --series-1: #3987e5;\n --series-2: #d95926;\n --series-3: #199e70;\n --land: #2a2a28;\n --ocean: #14201f;\n --card-bg: #232322;\n }\n @media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n color-scheme: dark;\n --surface-1: #1a1a19;\n --page-plane: #0d0d0d;\n --text-primary: #ffffff;\n --text-secondary: #c3c2b7;\n --text-muted: #898781;\n --gridline: #2c2c2a;\n --border: rgba(255,255,255,0.10);\n --series-1: #3987e5;\n --series-2: #d95926;\n --series-3: #199e70;\n --land: #2a2a28;\n --ocean: #14201f;\n --card-bg: #232322;\n }\n }\n * { box-sizing: border-box; }\n body {\n margin: 0;\n font-family: system-ui, -apple-system, \"Segoe UI\", \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n background: var(--page-plane);\n color: var(--text-primary);\n transition: background .2s, color .2s;\n }\n\n .wrap { max-width: 1180px; margin: 0 auto; padding: 28px 20px 60px; }\n header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom: 18px; flex-wrap: wrap; }\n h1 { font-size: 22px; margin: 0 0 4px; letter-spacing: .2px; }\n .subtitle { font-size: 13.5px; color: var(--text-secondary); margin: 0; }\n .stats { font-size: 13px; color: var(--text-secondary); margin-top: 6px; }\n .stats strong { color: var(--text-primary); font-weight: 600; }\n\n .toolbar { display:flex; gap:8px; flex-shrink:0; }\n button.ctl {\n font: inherit; font-size: 13px; padding: 7px 13px; border-radius: 7px;\n border: 1px solid var(--border); background: var(--card-bg); color: var(--text-primary);\n cursor: pointer;\n }\n button.ctl:hover { filter: brightness(0.97); }\n [data-theme=\"dark\"] button.ctl:hover { filter: brightness(1.2); }\n\n .legend-row { display:flex; flex-wrap:wrap; gap: 18px; align-items:center; margin: 4px 0 14px; font-size: 13px; color: var(--text-secondary); }\n .legend-item { display:flex; align-items:center; gap: 7px; }\n .swatch { width: 11px; height: 11px; border-radius: 50%; display:inline-block; flex-shrink:0; }\n .swatch.hq { clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); border-radius:0; width:14px; height:14px; }\n .swatch.svc { border-radius: 2px; transform: rotate(45deg); }\n\n .panel {\n background: var(--surface-1); border: 1px solid var(--border); border-radius: 12px;\n padding: 10px; margin-bottom: 22px; position: relative;\n }\n #mapSvgWrap { width: 100%; }\n #mapSvgWrap svg { width: 100%; height: auto; display: block; }\n .land { fill: var(--land); stroke: var(--surface-1); stroke-width: 0.5; }\n .ocean-bg { fill: var(--ocean); }\n\n .marker-dot { fill: var(--series-1); stroke: #ffffff; stroke-width: 1; cursor: pointer; }\n .marker-hq { fill: var(--series-2); stroke: #ffffff; stroke-width: 1; cursor: pointer; }\n .marker-svc { fill: var(--series-3); stroke: #ffffff; stroke-width: 1; cursor: pointer; }\n .marker-label { fill: var(--text-primary); font-size: 9.5px; font-weight: 600; pointer-events: none; }\n\n #tooltip {\n position: fixed; display:none; z-index: 50; max-width: 280px;\n background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border);\n border-radius: 8px; padding: 9px 12px; font-size: 12.5px; line-height: 1.6;\n box-shadow: 0 4px 14px rgba(0,0,0,0.18); pointer-events: none;\n }\n #tooltip b { display:block; margin-bottom: 3px; }\n\n .table-wrap { display:none; overflow-x:auto; }\n .table-wrap.active { display:block; }\n #mapSvgWrap.hidden { display:none; }\n\n table.data-table { width:100%; border-collapse: collapse; font-size: 13px; }\n table.data-table th, table.data-table td {\n text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--gridline); vertical-align: top;\n }\n table.data-table th { color: var(--text-secondary); font-weight: 600; font-size: 12px; }\n table.data-table td.cat { white-space: nowrap; }\n .cat-dot { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; }\n\n h2.section-title { font-size: 16px; margin: 0 0 12px; }\n\n .cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }\n .card {\n background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 16px 18px;\n }\n .card .tag {\n display:inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px;\n color: #fff; margin-bottom: 8px;\n }\n .card .tag.hq { background: var(--series-2); }\n .card .tag.svc { background: var(--series-3); }\n .card h3 { font-size: 14.5px; margin: 0 0 10px; line-height:1.4; }\n .card dl { margin: 0; font-size: 12.8px; color: var(--text-secondary); line-height: 1.65; }\n .card dl div { display:flex; gap: 6px; margin-bottom: 2px; }\n .card dl b { color: var(--text-primary); font-weight: 600; flex-shrink:0; min-width: 34px; }\n .card a { color: var(--series-1); text-decoration: none; }\n .card a:hover { text-decoration: underline; }\n\n footer { margin-top: 30px; font-size: 12px; color: var(--text-muted); text-align:center; }\n\n @media (max-width: 640px) {\n header { flex-direction: column; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"viz-root\">\n <div class=\"wrap\">\n <header>\n <div>\n <h1>\u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61<\/h1>\n <p class=\"subtitle\">\u88fd\u9020\u7e3d\u90e8\u30fb\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546 \u8207 \u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6<\/p>\n <p class=\"stats\">\u6db5\u84cb <strong>12<\/strong> \u500b\u5ba2\u6236\u670d\u52d9\u570b\u5bb6\u30fb<strong>1<\/strong> \u500b\u88fd\u9020\u7e3d\u90e8\u30fb<strong>3<\/strong> \u500b\u6d77\u5916\u670d\u52d9\uff0f\u7d93\u92b7\u64da\u9ede<\/p>\n <\/div>\n <div class=\"toolbar\">\n <button class=\"ctl\" id=\"toggleView\">\u5207\u63db\u70ba\u8cc7\u6599\u8868<\/button>\n <button class=\"ctl\" id=\"toggleTheme\">\u5207\u63db\u6df1\u8272\u6a21\u5f0f<\/button>\n <\/div>\n <\/header>\n\n <div class=\"legend-row\">\n <div class=\"legend-item\"><span class=\"swatch\" style=\"background:var(--series-1)\"><\/span>\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6<\/div>\n <div class=\"legend-item\"><span class=\"swatch hq\" style=\"background:var(--series-2)\"><\/span>\u88fd\u9020\u7e3d\u90e8\uff08\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8\u30fb\u53f0\u7063\u53f0\u4e2d\uff09<\/div>\n <div class=\"legend-item\"><span class=\"swatch svc\" style=\"background:var(--series-3)\"><\/span>\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546<\/div>\n <\/div>\n\n <div class=\"panel\">\n <div id=\"mapSvgWrap\"><\/div>\n <div class=\"table-wrap\" id=\"tableWrap\">\n <table class=\"data-table\" id=\"dataTable\">\n <thead>\n <tr><th>\u985e\u5225<\/th><th>\u540d\u7a31<\/th><th>\u570b\u5bb6\uff0f\u5730\u5340<\/th><th>\u8a73\u7d30\u8cc7\u8a0a<\/th><\/tr>\n <\/thead>\n <tbody><\/tbody>\n <\/table>\n <\/div>\n <div id=\"tooltip\"><\/div>\n <\/div>\n\n <h2 class=\"section-title\">\u806f\u7d61\u65b9\u5f0f<\/h2>\n <div class=\"cards\" id=\"cardsWrap\"><\/div>\n\n <footer>\u8cc7\u6599\u6574\u7406\u65e5\u671f\uff1a2026 \u5e74 8 \u6708\u30fb\u5730\u5716\u4f4d\u7f6e\u70ba\u6982\u7565\u5730\u7406\u5ea7\u6a19\uff0c\u50c5\u4f9b\u6a19\u793a\u53c3\u8003<\/footer>\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/d3@7\/dist\/d3.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/topojson-client@3\/dist\/topojson-client.min.js\"><\/script>\n<script>\n(function () {\n var root = document.documentElement;\n var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n var theme = prefersDark ? 'dark' : 'light';\n root.setAttribute('data-theme', theme);\n document.getElementById('toggleTheme').textContent = theme === 'dark' ? '\u5207\u63db\u6dfa\u8272\u6a21\u5f0f' : '\u5207\u63db\u6df1\u8272\u6a21\u5f0f';\n\n \/\/ ---- Data ----\n var customerCountries = [\n { name: '\u745e\u58eb Switzerland', lat: 46.8182, lon: 8.2275 },\n { name: '\u5fb7\u570b Germany', lat: 51.1657, lon: 10.4515 },\n { name: '\u897f\u73ed\u7259 Spain', lat: 40.4637, lon: -3.7492 },\n { name: '\u7f85\u99ac\u5c3c\u4e9e Romania', lat: 45.9432, lon: 24.9668 },\n { name: '\u7fa9\u5927\u5229 Italy', lat: 41.8719, lon: 12.5674 },\n { name: '\u6cf0\u570b Thailand', lat: 15.8700, lon: 100.9925 },\n { name: '\u8d8a\u5357 Vietnam', lat: 14.0583, lon: 108.2772 },\n { name: '\u97d3\u570b South Korea', lat: 35.9078, lon: 127.7669 },\n { name: '\u4e2d\u570b\u5927\u9678 China', lat: 35.8617, lon: 104.1954 },\n { name: '\u571f\u8033\u5176 Turkey', lat: 38.9637, lon: 35.2433 },\n { name: '\u65b0\u52a0\u5761 Singapore', lat: 1.3521, lon: 103.8198 },\n { name: '\u99ac\u4f86\u897f\u4e9e Malaysia', lat: 4.2105, lon: 101.9758 }\n ];\n\n var hq = {\n name: '\u88fd\u9020\u7e3d\u90e8\u30fb\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8',\n country: '\u53f0\u7063\u30fb\u53f0\u4e2d',\n lat: 24.2515, lon: 120.6910,\n hover: '<b>\u88fd\u9020\u7e3d\u90e8\uff5c\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8<\/b><br>\u5730\u5740\uff1a429 \u53f0\u7063\u81fa\u4e2d\u5e02\u795e\u5ca1\u5340\u4e2d\u8208\u8def56\u865f<br>\u96fb\u8a71\uff1a+886-4-2533-0232<br>\u50b3\u771f\uff1a+886-4-2533-0250<br>\u7db2\u7ad9\uff1awww.S-TYPEcnc.com',\n table: '\u5730\u5740\uff1a429 \u53f0\u7063\u81fa\u4e2d\u5e02\u795e\u5ca1\u5340\u4e2d\u8208\u8def56\u865f\uff5c\u96fb\u8a71\uff1a+886-4-2533-0232\uff5c\u50b3\u771f\uff1a+886-4-2533-0250\uff5c\u7db2\u7ad9\uff1awww.S-TYPEcnc.com\uff5cEmail\uff1amaster@szrongguang.com'\n };\n\n var servicePoints = [\n {\n name: '\u5927\u9678\u552e\u670d\u4e2d\u5fc3\u30fb\u6df1\u5733\u5f69\u5408\u4e94\u91d1\u6a5f\u68b0\u6709\u9650\u516c\u53f8',\n country: '\u4e2d\u570b\u5927\u9678\u30fb\u6771\u839e',\n lat: 22.9760, lon: 114.0330,\n hover: '<b>\u5927\u9678\u552e\u670d\u4e2d\u5fc3\uff5c\u5f69\u5408\u4e94\u91d1\u6a5f\u68b0\u6709\u9650\u516c\u53f8<\/b><br>\u5730\u5740\uff1a\u5ee3\u6771\u7701\u6771\u839e\u5e02\u9cf3\u5d17\u93ae\u6d78\u6821\u5858\u632f\u5858\u8def11\u865f<br>\u9214\u5408\u7cbe\u5bc6\u5de5\u696d\u57121\u68df3\u6a13<br>\u96fb\u8a71\uff1a+86-769-8777-2861',\n table: '\u5730\u5740\uff1a\u5ee3\u6771\u7701\u6771\u839e\u5e02\u9cf3\u5d17\u93ae\u6d78\u6821\u5858\u632f\u5858\u8def11\u865f \u9214\u5408\u7cbe\u5bc6\u5de5\u696d\u57121\u68df3\u6a13\uff5c\u96fb\u8a71\uff1a+86-769-8777-2861\uff5c\u50b3\u771f\uff1a+86-769-8777-2862\uff5c\u7db2\u5740\uff1awww.promisecnc.com\uff5cEmail\uff1aparagon00886@126.com'\n },\n {\n name: '\u65e5\u672c\u7d93\u92b7\u5546\u30fb\u30a8\u30e0\u30ef\u30a4\u30c6\u30c3\u30af\u682a\u5f0f\u4f1a\u793e',\n country: '\u65e5\u672c\u30fb\u611b\u77e5\u7e23\u6c5f\u5357\u5e02',\n lat: 35.3283, lon: 136.8697,\n hover: '<b>\u65e5\u672c\u7d93\u92b7\u5546\uff5c\u30a8\u30e0\u30ef\u30a4\u30c6\u30c3\u30af\u682a\u5f0f\u4f1a\u793e<\/b><br>\u5730\u5740\uff1a\u611b\u77e5\u7e23\u6c5f\u5357\u5e02\u5f8c\u98db\u4fdd\u753a\u6771\u9ad8\u702c97<br>\u96fb\u8a71\uff1a0587-86-2065',\n table: '\u90f5\u7de8\uff1a483-8344\uff5c\u5730\u5740\uff1a\u611b\u77e5\u7e23\u6c5f\u5357\u5e02\u5f8c\u98db\u4fdd\u753a\u6771\u9ad8\u702c97\uff5c\u96fb\u8a71\uff1a0587-86-2065\uff5c\u50b3\u771f\uff1a0587-86-2350'\n },\n {\n name: '\u6cf0\u570b\u670d\u52d9\u516c\u53f8\u30fbV G STEEL CO.,LTD.',\n country: '\u6cf0\u570b\u30fbSamut Prakarn',\n lat: 13.5990, lon: 100.7314,\n hover: '<b>\u6cf0\u570b\u670d\u52d9\u516c\u53f8\uff5cV G STEEL CO.,LTD.<\/b><br>\u5730\u5740\uff1a66\/13 MOO 12 T.BANGPLA, BANGPLEE<br>SAMUTPRAKARN 10540 THAILAND<br>\u96fb\u8a71\uff1a662-3121866',\n table: '\u5730\u5740\uff1a66\/13 MOO 12 T.BANGPLA, BANGPLEE, SAMUTPRAKARN 10540 THAILAND\uff5c\u806f\u7e6b\u4eba\uff1aRawisara \/ Ketsaraa\uff5c\u96fb\u8a71\uff1a662-3121866'\n }\n ];\n\n \/\/ ---- Build SVG map (topology data loaded from CDN, see fetch call below) ----\n function renderMap(LAND_TOPOLOGY) {\n var W = 960, H = 500;\n var landGeo = topojson.feature(LAND_TOPOLOGY, LAND_TOPOLOGY.objects.land);\n var projection = d3.geoNaturalEarth1().fitExtent([[10, 14], [W - 10, H - 14]], landGeo);\n var pathGen = d3.geoPath(projection);\n\n var svgNS = 'http:\/\/www.w3.org\/2000\/svg';\n var svg = document.createElementNS(svgNS, 'svg');\n svg.setAttribute('viewBox', '0 0 ' + W + ' ' + H);\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');\n\n var oceanRect = document.createElementNS(svgNS, 'rect');\n oceanRect.setAttribute('class', 'ocean-bg');\n oceanRect.setAttribute('x', 0); oceanRect.setAttribute('y', 0);\n oceanRect.setAttribute('width', W); oceanRect.setAttribute('height', H);\n svg.appendChild(oceanRect);\n\n var landPath = document.createElementNS(svgNS, 'path');\n landPath.setAttribute('class', 'land');\n landPath.setAttribute('d', pathGen(landGeo));\n svg.appendChild(landPath);\n\n var markerLayer = document.createElementNS(svgNS, 'g');\n svg.appendChild(markerLayer);\n\n function project(lon, lat) {\n var p = projection([lon, lat]);\n return p || [0, 0];\n }\n\n function addCircle(cls, lon, lat, r, hoverHtml) {\n var p = project(lon, lat);\n var c = document.createElementNS(svgNS, 'circle');\n c.setAttribute('class', cls);\n c.setAttribute('cx', p[0]); c.setAttribute('cy', p[1]); c.setAttribute('r', r);\n attachTooltip(c, hoverHtml);\n markerLayer.appendChild(c);\n return p;\n }\n\n function addDiamond(cls, lon, lat, r, hoverHtml) {\n var p = project(lon, lat);\n var d = 'M ' + p[0] + ' ' + (p[1] - r) + ' L ' + (p[0] + r) + ' ' + p[1] + ' L ' + p[0] + ' ' + (p[1] + r) + ' L ' + (p[0] - r) + ' ' + p[1] + ' Z';\n var el = document.createElementNS(svgNS, 'path');\n el.setAttribute('class', cls);\n el.setAttribute('d', d);\n attachTooltip(el, hoverHtml);\n markerLayer.appendChild(el);\n return p;\n }\n\n function starPoints(cx, cy, rOuter, rInner) {\n var pts = [];\n for (var i = 0; i < 10; i++) {\n var r = (i % 2 === 0) ? rOuter : rInner;\n var ang = (-90 + i * 36) * Math.PI \/ 180;\n pts.push((cx + r * Math.cos(ang)) + ',' + (cy + r * Math.sin(ang)));\n }\n return pts.join(' ');\n }\n\n function addStar(cls, lon, lat, rOuter, hoverHtml) {\n var p = project(lon, lat);\n var el = document.createElementNS(svgNS, 'polygon');\n el.setAttribute('class', cls);\n el.setAttribute('points', starPoints(p[0], p[1], rOuter, rOuter * 0.42));\n attachTooltip(el, hoverHtml);\n markerLayer.appendChild(el);\n return p;\n }\n\n function addLabel(x, y, text, dx, dy) {\n var t = document.createElementNS(svgNS, 'text');\n t.setAttribute('class', 'marker-label');\n t.setAttribute('x', x + (dx || 0));\n t.setAttribute('y', y + (dy || 0));\n t.textContent = text;\n markerLayer.appendChild(t);\n }\n\n var tooltip = document.getElementById('tooltip');\n function attachTooltip(el, html) {\n el.addEventListener('mouseenter', function () {\n tooltip.innerHTML = html;\n tooltip.style.display = 'block';\n });\n el.addEventListener('mousemove', function (ev) {\n var tw = 280, pad = 14;\n var x = ev.clientX + pad, y = ev.clientY + pad;\n if (x + tw > window.innerWidth) x = ev.clientX - tw - pad;\n tooltip.style.left = x + 'px';\n tooltip.style.top = y + 'px';\n });\n el.addEventListener('mouseleave', function () {\n tooltip.style.display = 'none';\n });\n }\n\n customerCountries.forEach(function (d) {\n addCircle('marker-dot', d.lon, d.lat, 4.6, '<b>' + d.name + '<\/b>\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6');\n });\n\n var hqP = addStar('marker-hq', hq.lon, hq.lat, 8, hq.hover);\n addLabel(hqP[0], hqP[1], '\u88fd\u9020\u7e3d\u90e8', 10, -8);\n\n servicePoints.forEach(function (d) {\n var p = addDiamond('marker-svc', d.lon, d.lat, 5.2, d.hover);\n });\n\n document.getElementById('mapSvgWrap').appendChild(svg);\n } \/\/ end renderMap\n\n \/\/ world-atlas 110m land topology (public domain, from d3\/topojson project), loaded at runtime\n fetch('https:\/\/cdn.jsdelivr.net\/npm\/world-atlas@2\/land-110m.json')\n .then(function (r) { return r.json(); })\n .then(renderMap)\n .catch(function (err) {\n document.getElementById('mapSvgWrap').innerHTML =\n '<p style=\"padding:20px;color:var(--text-secondary);font-size:13px;\">\u5730\u5716\u8cc7\u6599\u8f09\u5165\u5931\u6557\uff0c\u8acb\u78ba\u8a8d\u7db2\u8def\u9023\u7dda\u5f8c\u91cd\u65b0\u6574\u7406\u9801\u9762\u3002<\/p>';\n console.error('Failed to load land topology:', err);\n });\n\n \/\/ ---- Table view ----\n function fillTable() {\n var tbody = document.querySelector('#dataTable tbody');\n tbody.innerHTML = '';\n var rows = [];\n customerCountries.forEach(function (d) {\n rows.push({ cat: '\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6', dot: 'var(--series-1)', name: d.name, country: d.name, detail: '\u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6' });\n });\n rows.push({ cat: '\u88fd\u9020\u7e3d\u90e8', dot: 'var(--series-2)', name: hq.name, country: hq.country, detail: hq.table });\n servicePoints.forEach(function (d) {\n rows.push({ cat: '\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546', dot: 'var(--series-3)', name: d.name, country: d.country, detail: d.table });\n });\n rows.forEach(function (r) {\n var tr = document.createElement('tr');\n tr.innerHTML =\n '<td class=\"cat\"><span class=\"cat-dot\" style=\"background:' + r.dot + '\"><\/span>' + r.cat + '<\/td>' +\n '<td>' + r.name + '<\/td>' +\n '<td>' + r.country + '<\/td>' +\n '<td>' + r.detail + '<\/td>';\n tbody.appendChild(tr);\n });\n }\n fillTable();\n\n \/\/ ---- Contact cards ----\n function fillCards() {\n var wrap = document.getElementById('cardsWrap');\n var items = [\n { tag: 'hq', tagLabel: '\u88fd\u9020\u7e3d\u90e8', title: '\u53f0\u7063\u88fd\u9020\u516c\u53f8\u30fb\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8', rows: [\n ['\u5730\u5740', '429 \u4e2d\u570b\u53f0\u7063\u81fa\u4e2d\u5e02\u795e\u5ca1\u5340\u4e2d\u8208\u8def56\u865f'],\n ['\u96fb\u8a71', '+886-4-2533-0232'],\n ['\u50b3\u771f', '+886-4-2533-0250'],\n ['\u7db2\u7ad9', '<a href=\"https:\/\/www.S-TYPEcnc.com\" target=\"_blank\" rel=\"noopener\">www.S-TYPEcnc.com<\/a>'],\n ['Email', '<a href=\"mailto:master@szrongguang.com\">master@szrongguang.com<\/a>']\n ]},\n { tag: 'svc', tagLabel: '\u5927\u9678\u552e\u670d\u4e2d\u5fc3\uff08\u6771\u839e\uff09', title: '\u6df1\u5733\u5f69\u5408\u4e94\u91d1\u6a5f\u68b0\u6709\u9650\u516c\u53f8', rows: [\n ['\u5730\u5740', '\u5ee3\u6771\u7701\u6771\u839e\u5e02\u9cf3\u5d17\u93ae\u6d78\u6821\u5858\u632f\u5858\u8def11\u865f \u9214\u5408\u7cbe\u5bc6\u5de5\u696d\u57121\u68df3\u6a13'],\n ['\u96fb\u8a71', '+86-769-8777-2861'],\n ['\u50b3\u771f', '+86-769-8777-2862'],\n ['\u7db2\u5740', '<a href=\"https:\/\/www.promisecnc.com\" target=\"_blank\" rel=\"noopener\">www.promisecnc.com<\/a>'],\n ['Email', '<a href=\"mailto:paragon00886@126.com\">paragon00886@126.com<\/a>']\n ]},\n { tag: 'svc', tagLabel: '\u65e5\u672c\u7d93\u92b7\u5546', title: '\u30a8\u30e0\u30ef\u30a4\u30c6\u30c3\u30af\u682a\u5f0f\u4f1a\u793e', rows: [\n ['\u90f5\u7de8', '483-8344'],\n ['\u5730\u5740', '\u611b\u77e5\u7e23\u6c5f\u5357\u5e02\u5f8c\u98db\u4fdd\u753a\u6771\u9ad8\u702c97'],\n ['\u96fb\u8a71', '0587-86-2065'],\n ['\u50b3\u771f', '0587-86-2350']\n ]},\n { tag: 'svc', tagLabel: '\u6cf0\u570b\u670d\u52d9\u516c\u53f8', title: 'V G STEEL CO.,LTD.', rows: [\n ['\u5730\u5740', '66\/13 MOO 12 T.BANGPLA, BANGPLEE, SAMUTPRAKARN 10540 THAILAND'],\n ['\u806f\u7e6b\u4eba', 'Rawisara \/ Ketsaraa'],\n ['\u96fb\u8a71', '662-3121866']\n ]}\n ];\n wrap.innerHTML = items.map(function (it) {\n return '<div class=\"card\"><span class=\"tag ' + it.tag + '\">' + it.tagLabel + '<\/span><h3>' + it.title + '<\/h3><dl>' +\n it.rows.map(function (r) { return '<div><b>' + r[0] + '<\/b><span>' + r[1] + '<\/span><\/div>'; }).join('') +\n '<\/dl><\/div>';\n }).join('');\n }\n fillCards();\n\n \/\/ ---- Toggle: map \/ table ----\n var showingTable = false;\n document.getElementById('toggleView').addEventListener('click', function () {\n showingTable = !showingTable;\n document.getElementById('mapSvgWrap').classList.toggle('hidden', showingTable);\n document.getElementById('tableWrap').classList.toggle('active', showingTable);\n tooltip.style.display = 'none';\n this.textContent = showingTable ? '\u5207\u63db\u70ba\u5730\u5716' : '\u5207\u63db\u70ba\u8cc7\u6599\u8868';\n });\n\n \/\/ ---- Toggle: theme ----\n document.getElementById('toggleTheme').addEventListener('click', function () {\n theme = (root.getAttribute('data-theme') === 'dark') ? 'light' : 'dark';\n root.setAttribute('data-theme', theme);\n this.textContent = theme === 'dark' ? '\u5207\u63db\u6dfa\u8272\u6a21\u5f0f' : '\u5207\u63db\u6df1\u8272\u6a21\u5f0f';\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61\u5730\u5716 \u53f8\u592a\u666e\u96c6\u5718 \u5168\u7403\u670d\u52d9\u7db2\u7d61 \u88fd\u9020\u7e3d\u90e8\u30fb\u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546 \u8207 \u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6 \u6db5\u84cb 12 \u500b\u5ba2\u6236\u670d\u52d9\u570b\u5bb6\u30fb1 \u500b\u88fd\u9020\u7e3d\u90e8\u30fb3 \u500b\u6d77\u5916\u670d\u52d9\uff0f\u7d93\u92b7\u64da\u9ede \u5207\u63db\u70ba\u8cc7\u6599\u8868 \u5207\u63db\u6df1\u8272\u6a21\u5f0f \u670d\u52d9\u5ba2\u6236\u6240\u5728\u570b\u5bb6 \u88fd\u9020\u7e3d\u90e8\uff08\u53f8\u592a\u666e\u6709\u9650\u516c\u53f8\u30fb\u53f0\u7063\u53f0\u4e2d\uff09 \u6d77\u5916\u670d\u52d9\u64da\u9ede\uff0f\u7d93\u92b7\u5546 \u985e\u5225 \u540d\u7a31 \u570b\u5bb6\uff0f\u5730\u5340<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-1467","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/stype-grinder.com\/zh\/contact-2\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"zh_TW\" \/>\n\t\t<meta property=\"og:site_name\" content=\"S-TYPE LTD.,CO. | Focused on Centerless Grinding. Do one thing, and do it the best.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Contact | S-TYPE LTD.,CO.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/stype-grinder.com\/zh\/contact-2\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-03-09T23:17:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-08-19T03:26:49+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Contact | S-TYPE LTD.,CO.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stype-grinder.com\\\/zh\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#listItem\",\"name\":\"Contact\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#listItem\",\"position\":2,\"name\":\"Contact\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#organization\",\"name\":\"S-TYPE LTD.,CO.\",\"description\":\"Focused on Centerless Grinding. Do one thing, and do it the best.\",\"url\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/stype-grinder.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#organizationLogo\",\"width\":118,\"height\":90},\"image\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#webpage\",\"url\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/\",\"name\":\"Contact | S-TYPE LTD.,CO.\",\"inLanguage\":\"zh-TW\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/contact-2\\\/#breadcrumblist\"},\"datePublished\":\"2024-03-09T23:17:39+00:00\",\"dateModified\":\"2026-08-19T03:26:49+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#website\",\"url\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/\",\"name\":\"S-TYPE LTD.,CO.\",\"description\":\"Focused on Centerless Grinding. Do one thing, and do it the best.\",\"inLanguage\":\"zh-TW\",\"publisher\":{\"@id\":\"https:\\\/\\\/stype-grinder.com\\\/zh\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Contact | S-TYPE LTD.,CO.","description":"","canonical_url":"https:\/\/stype-grinder.com\/zh\/contact-2\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh#listItem","position":1,"name":"Home","item":"https:\/\/stype-grinder.com\/zh","nextItem":{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#listItem","name":"Contact"}},{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#listItem","position":2,"name":"Contact","previousItem":{"@type":"ListItem","@id":"https:\/\/stype-grinder.com\/zh#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/stype-grinder.com\/zh\/#organization","name":"S-TYPE LTD.,CO.","description":"Focused on Centerless Grinding. Do one thing, and do it the best.","url":"https:\/\/stype-grinder.com\/zh\/","logo":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#organizationLogo","width":118,"height":90},"image":{"@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#webpage","url":"https:\/\/stype-grinder.com\/zh\/contact-2\/","name":"Contact | S-TYPE LTD.,CO.","inLanguage":"zh-TW","isPartOf":{"@id":"https:\/\/stype-grinder.com\/zh\/#website"},"breadcrumb":{"@id":"https:\/\/stype-grinder.com\/zh\/contact-2\/#breadcrumblist"},"datePublished":"2024-03-09T23:17:39+00:00","dateModified":"2026-08-19T03:26:49+00:00"},{"@type":"WebSite","@id":"https:\/\/stype-grinder.com\/zh\/#website","url":"https:\/\/stype-grinder.com\/zh\/","name":"S-TYPE LTD.,CO.","description":"Focused on Centerless Grinding. Do one thing, and do it the best.","inLanguage":"zh-TW","publisher":{"@id":"https:\/\/stype-grinder.com\/zh\/#organization"}}]},"og:locale":"zh_TW","og:site_name":"S-TYPE LTD.,CO. | Focused on Centerless Grinding. Do one thing, and do it the best.","og:type":"article","og:title":"Contact | S-TYPE LTD.,CO.","og:url":"https:\/\/stype-grinder.com\/zh\/contact-2\/","og:image":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1","og:image:secure_url":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1","article:published_time":"2024-03-09T23:17:39+00:00","article:modified_time":"2026-08-19T03:26:49+00:00","twitter:card":"summary","twitter:title":"Contact | S-TYPE LTD.,CO.","twitter:image":"https:\/\/i0.wp.com\/stype-grinder.com\/wp-content\/uploads\/2020\/03\/cropped-2020log-%E6%9B%B4%E5%B0%8F.gif?fit=118%2C90&ssl=1"},"aioseo_meta_data":{"post_id":"1467","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-27 23:50:41","updated":"2026-08-19 03:29:59","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/stype-grinder.com\/zh\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tContact\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/stype-grinder.com\/zh"},{"label":"Contact","link":"https:\/\/stype-grinder.com\/zh\/contact-2\/"}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages\/1467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/comments?post=1467"}],"version-history":[{"count":5,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages\/1467\/revisions"}],"predecessor-version":[{"id":2119,"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/pages\/1467\/revisions\/2119"}],"wp:attachment":[{"href":"https:\/\/stype-grinder.com\/zh\/wp-json\/wp\/v2\/media?parent=1467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}