{
    "id": 4086,
    "date": "2025-06-22T07:33:21",
    "date_gmt": "2025-06-22T07:33:21",
    "guid": {
        "rendered": "https:\/\/ysec.com.tw\/?page_id=4086"
    },
    "modified": "2025-08-28T08:03:26",
    "modified_gmt": "2025-08-28T08:03:26",
    "slug": "%e6%8a%80%e8%a1%93%e4%ba%a4%e6%b5%81",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/ysec.com.tw\/zh_tw\/%e6%8a%80%e8%a1%93%e4%ba%a4%e6%b5%81\/",
    "title": {
        "rendered": "\u8a2d\u5099\u4ecb\u7d39"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-page\" data-elementor-id=\"4086\" class=\"elementor elementor-4086\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e10074 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"3e10074\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-99e8d7c e-con-full e-flex e-con e-child\" data-id=\"99e8d7c\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74bcb1a elementor-widget elementor-widget-heading\" data-id=\"74bcb1a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u8a2d\u5099\u4ecb\u7d39<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9aa84dd e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"9aa84dd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:100,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebf48f9 elementor-widget elementor-widget-html\" data-id=\"ebf48f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-TW\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <style>\n        html, body {\n            overflow-x: hidden;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        *, *::before, *::after {\n            box-sizing: border-box;\n        }\n        .elementor-timeline-free .timeline-container {\n            position: relative;\n            padding-left: 40px;\n            max-width: 100%;\n        }\n        .elementor-timeline-free .timeline-container::before {\n            content: '';\n            position: absolute;\n            left: 20px;\n            top: 0;\n            bottom: 0;\n            width: 3px;\n            background: linear-gradient(to bottom, #001C31, #001C31);\n            border-radius: 2px;\n        }\n        .elementor-timeline-free .timeline-container::after {\n            content: '';\n            position: absolute;\n            left: 12px;\n            bottom: -15px;\n            width: 0;\n            height: 0;\n            border-left: 9px solid transparent;\n            border-right: 9px solid transparent;\n            border-top: 15px solid #001C31;\n            z-index: 3;\n        }\n        .elementor-timeline-free .timeline-item {\n            position: relative;\n            margin-bottom: 20px;\n            padding: 24px 28px;\n            background: white;\n            border-radius: 8px;\n            border-left: 4px solid #001C31;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .elementor-timeline-free .timeline-item:last-child {\n            margin-bottom: 0;\n        }\n        .elementor-timeline-free .timeline-item:hover {\n            background: #f8fafc !important;\n            border-left-color: #e60013 !important;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;\n            transform: translateX(0px) !important;\n        }\n        .elementor-timeline-free .timeline-item::before {\n            content: '';\n            position: absolute;\n            left: -45px;\n            top: 28px;\n            width: 14px;\n            height: 14px;\n            background: #001C31;\n            border-radius: 50%;\n            border: 4px solid white;\n            box-shadow: 0 0 0 2px #001C31;\n            transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 2;\n        }\n        .elementor-timeline-free .timeline-item:hover::before {\n            background: #e60013;\n            box-shadow: 0 0 0 2px #e60013, 0 0 15px rgba(230, 0, 19, 0.4);\n        }\n        .elementor-timeline-free .timeline-year {\n            font-weight: 700;\n            color: #001C31;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            display: block;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n        .elementor-timeline-free .timeline-content {\n            color: #001C31;\n            font-size: 1.05rem;\n            line-height: 1.7;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            word-wrap: break-word;\n        }\n        .elementor-timeline-free .timeline-main {\n            font-weight: 400;\n            color: #001C31;\n            margin-bottom: 20px;\n            font-size: 1.05rem;\n        }\n        .elementor-timeline-free .timeline-details {\n            margin-top: 0;\n        }\n        .elementor-timeline-free .detail-item {\n            margin-bottom: 12px;\n            padding-left: 0;\n            position: relative;\n            color: #001C31;\n            line-height: 1.7;\n            font-size: 0.95rem;\n            word-wrap: break-word;\n        }\n        .elementor-timeline-free .detail-item::before {\n            display: none;\n        }\n        .elementor-timeline-free .detail-item:last-child {\n            margin-bottom: 0;\n        }\n        @media (max-width: 768px) {\n            .elementor-timeline-free {\n                padding: 15px;\n            }\n            .elementor-timeline-free .timeline-container {\n                padding-left: 30px;\n            }\n            .elementor-timeline-free .timeline-container::before {\n                left: 15px;\n            }\n            .elementor-timeline-free .timeline-container::after {\n                left: 7px;\n                border-left: 7px solid transparent;\n                border-right: 7px solid transparent;\n                border-top: 12px solid #001C31;\n                bottom: -12px;\n            }\n            .elementor-timeline-free .timeline-item {\n                padding: 20px 22px;\n                margin-bottom: 15px;\n            }\n            .elementor-timeline-free .timeline-item::before {\n                left: -30px;\n                top: 25px;\n                width: 12px;\n                height: 12px;\n            }\n            .elementor-timeline-free .timeline-year {\n                font-size: 1.15rem;\n            }\n            .elementor-timeline-free .timeline-content {\n                font-size: 1rem;\n            }\n            .elementor-timeline-free .timeline-item:hover {\n                transform: none !important;\n            }\n        }\n        @media (max-width: 480px) {\n            .elementor-timeline-free .timeline-container {\n                padding-left: 25px;\n            }\n            .elementor-timeline-free .timeline-container::before {\n                left: 12px;\n                width: 2px;\n            }\n            .elementor-timeline-free .timeline-container::after {\n                left: 6px;\n                border-left: 6px solid transparent;\n                border-right: 6px solid transparent;\n                border-top: 10px solid #001C31;\n                bottom: -10px;\n            }\n            .elementor-timeline-free .timeline-item::before {\n                left: -25px;\n                width: 10px;\n                height: 10px;\n                border: 3px solid white;\n            }\n            .elementor-timeline-free .timeline-item {\n                padding: 18px 20px;\n            }\n        }\n        .elementor-timeline-free .timeline-item {\n            opacity: 0;\n            transform: translateY(50px);\n            transition: all 0.6s ease;\n        }\n        .elementor-timeline-free .timeline-item.scroll-animate {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .elementor-timeline-free .timeline-item:nth-child(1).scroll-animate { transition-delay: 0.1s; }\n        .elementor-timeline-free .timeline-item:nth-child(2).scroll-animate { transition-delay: 0.2s; }\n        .elementor-timeline-free .timeline-item:nth-child(3).scroll-animate { transition-delay: 0.3s; }\n        .elementor-timeline-free .timeline-item:nth-child(4).scroll-animate { transition-delay: 0.4s; }\n        .elementor-timeline-free .timeline-item:nth-child(5).scroll-animate { transition-delay: 0.5s; }\n        .elementor-timeline-free .timeline-item:nth-child(6).scroll-animate { transition-delay: 0.6s; }\n        .elementor-timeline-free .timeline-container::before {\n            transform: scaleY(0);\n            transform-origin: top;\n            transition: transform 0.8s ease 0.2s;\n        }\n        .elementor-timeline-free.timeline-visible .timeline-container::before {\n            transform: scaleY(1);\n        }\n        .elementor-timeline-free .timeline-container::after {\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.4s ease 1.2s, transform 0.4s ease 1.2s;\n        }\n        .elementor-timeline-free.timeline-visible .timeline-container::after {\n            opacity: 1;\n            transform: translateY(0);\n        }\n  <\/style>\n<\/head>\n<body>\n  <main>\n    <section class=\"elementor-timeline-free\" aria-label=\"\u5c08\u696d\u8a2d\u5099\u6e05\u55ae\">\n      <div class=\"timeline-container\">\n        <div class=\"timeline-item\">\n            <span class=\"timeline-year\">2000\u5e74<\/span>\n            <div class=\"timeline-content\">\n                \u6295\u8cc7\u63a1\u8cfc\u5fb7\u570bHigh Volt\u516c\u53f8\u88fd\u9020\uff0c\u4ea4\u6d41\u8010\u58d3GIS\u73fe\u5834\u8a66\u9a57\u8a2d\u5099\uff0c\u70ba\u53f0\u7063\u6c11\u9593\u516c\u53f8\u7b2c\u4e00\u5957\u4ea4\u6d41\u8010\u58d3\u6e2c\u8a66\u8a2d\u5099\uff0c\u53ef\u4ee5\u6e2c\u8a66\u5230345kV GIS\u898f\u683c\u8a2d\u5099\u3002\u7576\u6642\u53f0\u7063\u79d1\u5b78\u5712\u5340\u53ca\u516c\u5171\u5de5\u7a0b(\u6377\u904b\/\u9ad8\u9435\/\u711a\u5316\u7210...\u7b49)\uff0c\u63d0\u4f9bGIS\u8a2d\u5099\u5546\u73fe\u5834\u8010\u58d3\u6e2c\u8a66\u7684\u670d\u52d9\u3002\u6c11\u9593\u96fb\u7e9c\u6e2c\u8a66\u6848\u4ef6\u6578\u91cf\u591a\uff0c\u53f0\u96fb\u516c\u53f8\u7121\u6cd5\u63d0\u4f9b\u5373\u6642\u670d\u52d9\uff0c\u5c0e\u81f4\u73fe\u5834\u5de5\u7a0b\u7ae3\u5de5\u5ef6\u8aa4\uff0c\u5f71\u97ff\u9001\u96fb\u6642\u7a0b\uff0c\u52c7\u5e25\u96fb\u6c23\u6295\u8cc7\u6b64\u8a2d\u5099\uff0c\u66ff\u73fe\u5834\u6e2c\u8a66\u9a57\u6536\uff0c\u63d0\u4f9b\u5373\u6642\u5feb\u901f\u670d\u52d9\u3002\n            <\/div>\n        <\/div>\n        <div class=\"timeline-item\">\n            <span class=\"timeline-year\">2018\u5e74<\/span>\n            <div class=\"timeline-content\">\n                \u52c7\u5e25\u96fb\u6c23\u6280\u8853\u9867\u554f\u80a1\u4efd\u6709\u9650\u516c\u53f8\uff0c\u53d6\u5f97\u5927\u9678\u570b\u5bb6\u80fd\u6e90\u5c40\u914d\u9812\u767c\u627f\u88dd(\u4fee\uff0c\u8a66)\u4e09\u7d1a\u8cc7\u8cea\uff0c\u70ba\u53f0\u7063\u7b2c\u4e00\u5bb6\u4e5f\u662f\u552f\u4e00\u7684\u4e00\u5bb6\u4e26\u5728\u540c\u5e74\u6210\u7acb\u52c7\u5e25\u96fb\u6c23\u6280\u8853(\u5ec8\u9580)\u6709\u9650\u516c\u53f8\u3002\n            <\/div>\n        <\/div>\n        <div class=\"timeline-item\">\n            <span class=\"timeline-year\">2019\u5e74<\/span>\n            <div class=\"timeline-content\">\n                \u63a1\u8cfc\u570b\u5916\u77e5\u540d\u5927\u5ee0\u88fd\u9020\u4e4b\u4ea4\u6d41\u8b8a\u983b\u5171\u632f\u8010\u58d3\u96fb\u529b\u96fb\u7e9c\u73fe\u5834\u6e2c\u8a66\u8a2d\u5099\uff0c\u70ba\u53f0\u7063\u7b2c\u4e00\u5957\u4ea4\u6d41\u8b8a\u983b\u5171\u632f\u8010\u58d3\u6e2c\u8a66\u8a2d\u5099\uff0c\u53ef\u4ee5\u6e2c\u8a66\u5230161kV\u96fb\u529b\u96fb\u7e9c\u898f\u683c\u8a2d\u5099\u3002\n            <\/div>\n        <\/div>\n        <div class=\"timeline-item\">\n            <span class=\"timeline-year\">2020\u5e74<\/span>\n            <div class=\"timeline-content\">\n                \u63a1\u8cfc\u5fb7\u570bHigh Volt\u516c\u53f8\u88fd\u9020\uff0c\u4ea4\u6d41\u8b8a\u983b\u5171\u632f\u8010\u58d3\u96fb\u529b\u96fb\u7e9c\u73fe\u5834\u8a66\u9a57\u8a2d\u5099\uff0c\u50f9\u503c\u7d04\u70ba1\u5104\u5143\uff0c\u7e3d\u8a082\u5957\u8a2d\u5099\uff0c\u6b64\u70ba\u53f0\u7063\u6c11\u9593\u516c\u53f8\u7b2c\u4e00\u6b21\u6709\u96fb\u529b\u96fb\u7e9c\u4ea4\u6d41\u8b8a\u983b\u8010\u58d3\u6e2c\u8a66\u8a2d\u5099\uff0c\u53ef\u4ee5\u6e2c\u8a66\u5230345kV\u96fb\u529b\u96fb\u7e9c\u898f\u683c\u8a2d\u5099\u3002\u56e0\u61c9\u53f0\u7063\u63a8\u52d5\u7da0\u8272\u518d\u751f\u80fd\u6e90(\u96e2\u5cb8\u98a8\u96fb\/\u592a\u967d\u80fd\/\u5132\u80fd)\u7cfb\u7d71\uff0c\u56e0\u70ba\u9019\u4e9b\u518d\u751f\u80fd\u6e90\u7cfb\u7d71\u4f4d\u7f6e\u90fd\u5728\u504f\u9060\u5730\u9ede\uff0c\u751a\u81f3\u96e2\u5cb8\u98a8\u96fb\u98a8\u6a5f\u4f4d\u7f6e\u5728\u6d77\u4e0a\uff0c\u96fb\u529b\u96fb\u7e9c\u9577\u5ea6\u90fd\u975e\u5e38\u9577\uff0c\u9700\u8981\u8d85\u5927\u5bb9\u91cf\u6e2c\u8a66\u8a2d\u5099\uff0c\u52c7\u5e25\u7a4d\u6975\u6295\u8cc7\u6b64\u8a2d\u5099\uff0c\u89e3\u6c7a\u73fe\u5834\u7121\u6cd5\u6e2c\u8a66\u7684\u56f0\u5883\uff0c\u5c0d\u63d0\u6607\u53f0\u7063\u96fb\u529b\u7cfb\u7d71\u97cc\u6027\u53ca\u7a69\u5b9a\u5ea6\u3002\n            <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n  <script>\n\/\/ \u6efe\u52d5\u89f8\u767c\u6642\u9593\u8ef8\u52d5\u756b\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ \u5275\u5efa\u89c0\u5bdf\u5668\n    const observerOptions = {\n        threshold: 0.1, \/\/ \u7576 10% \u7684\u5143\u7d20\u9032\u5165\u8996\u7a97\u6642\u89f8\u767c\n        rootMargin: '0px 0px -100px 0px' \/\/ \u63d0\u524d 100px \u89f8\u767c\n    };\n    \n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                \/\/ \u89f8\u767c\u6642\u9593\u8ef8\u5bb9\u5668\u52d5\u756b\n                if (entry.target.classList.contains('elementor-timeline-free')) {\n                    entry.target.classList.add('timeline-visible');\n                    \n                    \/\/ \u4f9d\u5e8f\u89f8\u767c\u6bcf\u500b\u6642\u9593\u8ef8\u9805\u76ee\n                    const timelineItems = entry.target.querySelectorAll('.timeline-item');\n                    timelineItems.forEach((item, index) => {\n                        setTimeout(() => {\n                            item.classList.add('scroll-animate');\n                        }, index * 150); \/\/ \u6bcf\u500b\u9805\u76ee\u9593\u9694 150ms\n                    });\n                    \n                    \/\/ \u505c\u6b62\u89c0\u5bdf\uff08\u52d5\u756b\u53ea\u64ad\u653e\u4e00\u6b21\uff09\n                    observer.unobserve(entry.target);\n                }\n            }\n        });\n    }, observerOptions);\n    \n    \/\/ \u958b\u59cb\u89c0\u5bdf\u6642\u9593\u8ef8\u5bb9\u5668\n    const timelineContainer = document.querySelector('.elementor-timeline-free');\n    if (timelineContainer) {\n        observer.observe(timelineContainer);\n    }\n});\n\n\/\/ \u5e73\u6ed1\u6efe\u52d5\u6548\u679c\uff08\u53ef\u9078\uff09\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n        e.preventDefault();\n        const target = document.querySelector(this.getAttribute('href'));\n        if (target) {\n            target.scrollIntoView({\n                behavior: 'smooth',\n                block: 'start'\n            });\n        }\n    });\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-466b0b8 elementor-widget__width-inherit elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"466b0b8\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"hm hm-event-calendar\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u767c\u5c55\u6b77\u7a0b\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68e1110 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"68e1110\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:100,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49b6eeb elementor-widget elementor-widget-html\" data-id=\"49b6eeb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-TW\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u5c08\u696d\u8a2d\u5099\u6e05\u55ae<\/title>\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=Rubik:wght@600&family=Roboto:wght@400&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* ===================\n           \u57fa\u790e\u6a23\u5f0f\n        =================== *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n            font-weight: 400;\n            background: #ffffff;\n            color: #001C31;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 2rem;\n        }\n\n        \/* ===================\n           \u4e3b\u6a19\u984c\n        =================== *\/\n        .main-title {\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            font-size: 3rem;\n            color: #000844;\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        \/* ===================\n           \u5206\u9801\u5c0e\u822a\n        =================== *\/\n        .tab-nav {\n            display: flex;\n            border-bottom: 2px solid #e5e7eb;\n            margin-bottom: 2rem;\n            gap: 0;\n        }\n\n        .tab-btn {\n            flex: 1;\n            padding: 1rem 2rem;\n            background: #ffffff;\n            border: none;\n            border-bottom: 3px solid transparent;\n            color: #6b7280;\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            font-size: 1.1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .tab-btn.active {\n            color: #000844;\n            border-bottom-color: #000844;\n            background: #f8faff;\n        }\n\n        .tab-btn:hover {\n            color: #000844;\n            background: #f8faff;\n        }\n\n        \/* ===================\n           \u5206\u9801\u5167\u5bb9\n        =================== *\/\n        .tab-content {\n            display: none;\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        \/* ===================\n           \u8868\u683c\u6a23\u5f0f\n        =================== *\/\n        .equipment-table {\n            background: #ffffff;\n            border-radius: 8px;\n            box-shadow: 0 2px 10px rgba(0, 8, 68, 0.1);\n            overflow: hidden;\n            margin-bottom: 2rem;\n        }\n\n        .equipment-table table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .equipment-table th {\n            background: #000844;\n            color: #ffffff;\n            padding: 1.25rem 1rem;\n            text-align: left;\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            font-size: 0.9rem;\n        }\n\n        .equipment-table td {\n            padding: 1.25rem 1rem;\n            border-bottom: 1px solid #e5e7eb;\n            vertical-align: top;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n        }\n\n        .equipment-table tr:hover {\n            background: #f8faff;\n        }\n\n        .equipment-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* ===================\n           \u8a2d\u5099\u5143\u7d20\u6a23\u5f0f\n        =================== *\/\n        .equipment-id {\n            background: #000844;\n            color: #ffffff;\n            padding: 0.4rem 0.8rem;\n            border-radius: 4px;\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            font-size: 0.85rem;\n            display: inline-block;\n            margin-bottom: 0.5rem;\n        }\n\n        .equipment-name {\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            color: #000844;\n            margin-bottom: 0.25rem;\n            cursor: pointer;\n            font-size: 1.1rem;\n        }\n\n        .equipment-name:hover {\n            text-decoration: underline;\n        }\n\n        .equipment-english {\n            font-size: 0.9rem;\n            color: #6b7280;\n            font-style: italic;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n        }\n\n        .brand-item {\n            background: #f1f5f9;\n            color: #000844;\n            padding: 0.3rem 0.6rem;\n            border-radius: 4px;\n            font-size: 0.85rem;\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            margin-bottom: 0.3rem;\n            display: inline-block;\n            margin-right: 0.3rem;\n        }\n\n        .spec-item {\n            background: #f8faff;\n            color: #001C31;\n            padding: 0.2rem 0.5rem;\n            border-radius: 3px;\n            font-size: 0.8rem;\n            margin-bottom: 0.25rem;\n            display: block;\n            border-left: 3px solid #000844;\n        }\n\n        .equipment-image {\n            width: 120px;\n            height: 120px;\n            background: #ffffff;\n            border: 2px solid #e5e7eb;\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.8rem;\n            color: #6b7280;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            margin: 0 auto;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n            aspect-ratio: 1;\n            overflow: hidden;\n        }\n\n        .equipment-image:hover {\n            background: #ffffff;\n            border-color: #000844;\n            transform: scale(1.05);\n        }\n\n        .equipment-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 4px;\n        }\n\n        \/* ===================\n           \u624b\u6a5f\u7248\u5361\u7247\n        =================== *\/\n        .card-container {\n            display: none;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .equipment-card {\n            background: #ffffff;\n            border: 1px solid #e5e7eb;\n            border-radius: 8px;\n            padding: 1.5rem;\n            transition: all 0.2s ease;\n            cursor: pointer;\n        }\n\n        .equipment-card:hover {\n            box-shadow: 0 4px 15px rgba(0, 8, 68, 0.15);\n            transform: translateY(-2px);\n        }\n\n        .card-image {\n            width: 100%;\n            aspect-ratio: 1;\n            background: #ffffff;\n            border: 2px solid #e5e7eb;\n            border-radius: 6px;\n            margin-bottom: 1rem;\n            color: #6b7280;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n            overflow: hidden;\n            background-size: contain;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        .card-info {\n            margin-top: 1rem;\n        }\n\n        .info-row {\n            display: flex;\n            margin-bottom: 0.5rem;\n        }\n\n        .info-label {\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            color: #001C31;\n            min-width: 60px;\n            font-size: 0.9rem;\n        }\n\n        .info-value {\n            color: #6b7280;\n            font-size: 0.9rem;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n        }\n\n        \/* ===================\n           \u5f48\u7a97\u6a23\u5f0f\n        =================== *\/\n        .modal-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.6);\n            display: none;\n            align-items: center;\n            justify-content: center;\n            z-index: 1000;\n            padding: 1rem;\n        }\n\n        .modal-overlay.active {\n            display: flex;\n        }\n\n        .modal-content {\n            background: #ffffff;\n            border-radius: 8px;\n            padding: 2rem;\n            max-width: 700px;\n            width: 100%;\n            max-height: 90vh;\n            overflow-y: auto;\n            position: relative;\n        }\n\n        .modal-close {\n            position: absolute;\n            top: 1rem;\n            right: 1rem;\n            background: #000844;\n            color: #ffffff;\n            border: none;\n            width: 36px;\n            height: 36px;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .modal-close:hover {\n            background: #001C31;\n        }\n\n        .modal-image {\n            width: 400px;\n            height: 400px;\n            background: #ffffff;\n            border: 2px solid #000844;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1.5rem auto;\n            font-size: 1.1rem;\n            color: #6b7280;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n            overflow: hidden;\n            background-size: contain;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        .modal-title {\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            font-size: 1.75rem;\n            color: #000844;\n            margin-bottom: 0.5rem;\n        }\n\n        .modal-subtitle {\n            font-size: 1.1rem;\n            color: #6b7280;\n            font-style: italic;\n            margin-bottom: 1.5rem;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n        }\n\n        .modal-specs {\n            background: #f8faff;\n            padding: 1.5rem;\n            border-radius: 6px;\n            border-left: 4px solid #000844;\n            font-size: 1rem;\n            line-height: 1.7;\n            font-family: 'Roboto', sans-serif;\n            font-weight: 400;\n        }\n\n        .modal-specs strong {\n            font-family: 'Rubik', sans-serif;\n            font-weight: 600;\n            color: #000844;\n        }\n\n        \/* ===================\n           \u97ff\u61c9\u5f0f\u8a2d\u8a08\n        =================== *\/\n        @media (max-width: 768px) {\n            .container {\n                padding: 1rem;\n            }\n\n            .main-title {\n                font-size: 2.25rem;\n                margin-bottom: 2rem;\n            }\n\n            .tab-btn {\n                padding: 0.875rem 1rem;\n                font-size: 1rem;\n            }\n\n            .equipment-table {\n                display: none;\n            }\n\n            .card-container {\n                display: flex;\n            }\n\n            .equipment-image {\n                width: 100px;\n                height: 100px;\n            }\n\n            .modal-content {\n                margin: 0.5rem;\n                padding: 1.5rem;\n                max-width: 90vw;\n            }\n\n            .modal-image {\n                width: 280px;\n                height: 280px;\n            }\n\n            .modal-title {\n                font-size: 1.5rem;\n            }\n        }\n\n        @media (max-width: 1024px) and (min-width: 769px) {\n            \/* iPad \u6a23\u5f0f *\/\n            .modal-image {\n                width: 350px;\n                height: 350px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .main-title {\n                font-size: 1.875rem;\n            }\n\n            .tab-btn {\n                padding: 0.75rem 0.5rem;\n                font-size: 0.9rem;\n            }\n\n            .equipment-card {\n                padding: 1.25rem;\n            }\n\n            .modal-content {\n                padding: 1.25rem;\n                margin: 0.25rem;\n                max-width: 95vw;\n            }\n\n            .modal-image {\n                width: 320px;\n                height: 320px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div class=\"container\">\n        <h3 class=\"main-title\">\u5c08\u696d\u8a2d\u5099<\/h3>\n        \n        <!-- \u5206\u9801\u5c0e\u822a -->\n        <nav class=\"tab-nav\">\n            <button class=\"tab-btn active\" onclick=\"switchTab(0)\">\u4ea4\u6d41\u8010\u58d3\u76f8\u95dc\u8a2d\u5099<\/button>\n            <button class=\"tab-btn\" onclick=\"switchTab(1)\">\u4fdd\u8b77\u96fb\u9a5b\u8a66\u9a57\u5668<\/button>\n            <button class=\"tab-btn\" onclick=\"switchTab(2)\">\u5176\u5b83\u5100\u5668\u8a2d\u5099<\/button>\n        <\/nav>\n\n        <!-- \u5206\u9801\u5167\u5bb9 -->\n        <main>\n            <!-- Tab 1: \u4ea4\u6d41\u8010\u58d3\u76f8\u95dc\u8a2d\u5099 -->\n            <section class=\"tab-content active\" id=\"tab-1\">\n                <div class=\"equipment-table\">\n                    <table>\n                        <thead>\n                            <tr>\n                                <th style=\"width: 8%;\">#<\/th>\n                                <th style=\"width: 28%;\">\u8a2d\u5099\u540d\u7a31<\/th>\n                                <th style=\"width: 18%;\">\u54c1\u724c<\/th>\n                                <th style=\"width: 28%;\">\u898f\u683c<\/th>\n                                <th style=\"width: 18%;\">\u5716\u7247<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"equipment-list-1\">\n                            <!-- \u8a2d\u5099\u8cc7\u6599\u6703\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <div class=\"card-container\" id=\"card-container-1\">\n                    <!-- \u624b\u6a5f\u7248\u5361\u7247\u6703\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                <\/div>\n            <\/section>\n\n            <!-- Tab 2: \u4fdd\u8b77\u96fb\u9a5b\u8a66\u9a57\u5668 -->\n            <section class=\"tab-content\" id=\"tab-2\">\n                <div class=\"equipment-table\">\n                    <table>\n                        <thead>\n                            <tr>\n                                <th style=\"width: 8%;\">#<\/th>\n                                <th style=\"width: 28%;\">\u8a2d\u5099\u540d\u7a31<\/th>\n                                <th style=\"width: 18%;\">\u54c1\u724c<\/th>\n                                <th style=\"width: 28%;\">\u898f\u683c<\/th>\n                                <th style=\"width: 18%;\">\u5716\u7247<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"equipment-list-2\">\n                            <!-- \u8a2d\u5099\u8cc7\u6599\u6703\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <div class=\"card-container\" id=\"card-container-2\">\n                    <!-- \u624b\u6a5f\u7248\u5361\u7247\u6703\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                <\/div>\n            <\/section>\n\n            <!-- Tab 3: \u5176\u5b83\u5100\u5668\u8a2d\u5099 -->\n            <section class=\"tab-content\" id=\"tab-3\">\n                <div class=\"equipment-table\">\n                    <table>\n                        <thead>\n                            <tr>\n                                <th style=\"width: 8%;\">#<\/th>\n                                <th style=\"width: 28%;\">\u8a2d\u5099\u540d\u7a31<\/th>\n                                <th style=\"width: 18%;\">\u54c1\u724c<\/th>\n                                <th style=\"width: 28%;\">\u898f\u683c<\/th>\n                                <th style=\"width: 18%;\">\u5716\u7247<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"equipment-list-3\">\n                            <!-- \u8a2d\u5099\u8cc7\u6599\u6703\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <div class=\"card-container\" id=\"card-container-3\">\n                    <!-- \u624b\u6a5f\u7248\u5361\u7247\u6703\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                <\/div>\n            <\/section>\n        <\/main>\n    <\/div>\n\n    <!-- \u5f48\u7a97 -->\n    <div class=\"modal-overlay\" id=\"modal\">\n        <div class=\"modal-content\">\n            <div class=\"modal-image\" id=\"modal-image\">[\u8a2d\u5099\u5716\u7247\u9810\u89bd]<\/div>\n            <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\n            <div class=\"modal-title\" id=\"modal-title\"><\/div>\n            <div class=\"modal-subtitle\" id=\"modal-subtitle\"><\/div>\n            <div class=\"modal-specs\">\n                <div><strong>\u54c1\u724c\uff1a<\/strong><span id=\"modal-brand\"><\/span><\/div>\n                <div><strong>\u898f\u683c\uff1a<\/strong><span id=\"modal-specs\"><\/span><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ ===================\n        \/\/ \u8a2d\u5099\u8cc7\u6599\u914d\u7f6e\n        \/\/ ===================\n        \n        \/\/ \u7d71\u4e00\u7684\u8a2d\u5099\u5716\u7247\u9023\u7d50\u7ba1\u7406\uff08\u60a8\u53ea\u9700\u8981\u4fee\u6539\u9019\u88e1\uff09\n        const equipmentImages = {\n            '01': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/01\u4ea4\u6d41\u5171\u632f\u8010\u58d3\u8a66\u9a57\u8a2d\u5099-High-Volt-460kV-\u8b8a\u983b\u8010\u58d3-scaled.jpg',\n            '02': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/02-\u4ea4\u6d41\u8010\u58d3\u8a66\u9a57\u5668AC-100kV-scaled.jpg',\n            '03': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/03-\u4f4e\u983b\u8010\u58d3\u8a66\u9a57\u5668-scaled.jpg',\n            '04': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/04-\u76f4\u6d41\u8010\u58d3\u8a66\u9a57\u5668-scaled.jpg',\n            '05': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/05-\u4fdd\u8b77\u96fb\u9a5b\u52d5\u4f5c\u7279\u6027\u8a66\u9a57\u5668-scaled.jpg',\n            '06': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/06-\u96fb\u529b\u56e0\u6578\u8a66\u9a57\u56682.5KV-scaled.jpg',\n            '07': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/07-\u63a5\u89f8\u96fb\u963b\u8a66\u9a57\u5668-scaled.jpg',\n            '08': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/08-\u531d\u6bd4\u8a66\u9a57\u5668-scaled.jpg',\n            '09': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/09-SF6\u6c23\u9ad4\u5206\u6790\u5100-scaled.jpg',\n            '10': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/10-\u63a5\u5730\u96fb\u963b\u6e2c\u8a66\u5668.jpg',\n            '11': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/11-\u531d\u6bd4\u7dda\u5708\u6e2c\u8a66\u5100-scaled.jpg',\n            '12': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/12-\u6cb9\u8010\u58d3\u8a66\u9a57\u5668-scaled.jpg',\n            '13': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/13-CB.\u8df3\u812b\u8a66\u9a57\u5668-scaled.jpg',\n            '14': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/14-\u5927\u96fb\u6d41\u7522\u751f\u5668-scaled.jpg',\n            '15': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/15-\u6578\u4f4d\u5f0f\u591a\u529f\u80fd\u52fe\u8868-scaled.jpg',\n            '16': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/16-\u793a\u6ce2\u5668-\u8a18\u9304\u578b\u5b58\u865f\u8a66\u9a57\u5668-scaled.jpg',\n            '17': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/17-\u76f8\u4f4d\u89d2\u8a08-scaled.jpg',\n            '18': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/18-\u7d05\u5916\u7dda\u71b1\u986f\u5f71\u5668-scaled.jpg',\n            '19': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/20-\u96fb\u529b\u8a08-\u96fb\u529b\u54c1\u8cea\u5206\u6790\u5100-scaled.jpg',\n            '20': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/21-\u90e8\u5206\u653e\u96fb\u6e2c\u8a66\u5668-scaled.jpg',\n            '21': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/22-\u78c1\u5834\u8a08-scaled.jpg',\n            '22': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/25-\u6cb9\u4e2d\u6c23\u9ad4\u5206\u6790\u5100-scaled.jpg',\n            '23': 'https:\/\/ysec.com.tw\/wp-content\/uploads\/2025\/08\/26-\u8b8a\u6bd4\u5668\u6fc0\u78c1\u66f2\u7dda\u76f8\u89d2\u6bd4\u8aa4\u5dee\u6e2c\u8a66\u5668-scaled.jpg'\n        };\n\n        \/\/ \u8a2d\u5099\u8cc7\u6599\n        const equipmentData = {\n            1: [\n                {\n                    id: '01',\n                    name: '\u4ea4\u6d41\u5171\u632f\u8010\u58d3\u8a66\u9a57\u8a2d\u5099',\n                    english: 'AC Resonant Test Systems',\n                    brands: ['HIGH VOLT', 'SUTE'],\n                    specs: ['WRV 1.5\/460G', '460kV 1.5A', '0.56nF~22nF', 'ST3598-8750\/500', '500kV 17.5A\/250kV 35.0A']\n                },\n                {\n                    id: '02',\n                    name: '\u4ea4\u6d41\u8010\u58d3\u8a66\u9a57\u5668(AC)',\n                    english: 'AC Hypot Tester Set',\n                    brands: ['HIPOTRONICS', 'SANMING', 'SUTE', 'Chroma'],\n                    specs: ['7150-40 150kV 40kVA', '100HVT 100kV 5kVA', '75kV 150kVA', 'ST3598-20 60kV 2A', '19055 5KV 100mA']\n                },\n                {\n                    id: '03',\n                    name: '\u6975\u4f4e\u983b\u8010\u58d3\u8a66\u9a57\u5668',\n                    english: 'VLF (Very Low Frequency Tester)',\n                    brands: ['BAUR', 'b2'],\n                    specs: ['60kV 0.01-0.1Hz', '0-70mA', 'DC:45KV AC:32KV', '0.1Hz 100mA']\n                }\n            ],\n            2: [\n                {\n                    id: '04',\n                    name: '\u76f4\u6d41\u8010\u58d3\u8a66\u9a57\u5668(DC)',\n                    english: 'DC Hypot Tester Set',\n                    brands: ['HIPOTRONICS', 'HIGH VOLTAGE', 'SOUKOU', 'MUSASHI'],\n                    specs: ['8300PL 300kV', '8120PL 120kV', 'PDS-130 130kV', 'HVT-60\u3001HVT-40\u3001HVT-11K', 'IP-701G 36kV']\n                },\n                {\n                    id: '05',\n                    name: '\u4fdd\u8b77\u96fb\u9a5b\u52d5\u4f5c\u7279\u6027\u8a66\u9a57\u5668',\n                    english: 'Protective Relay Action Characteristic Tester Set',\n                    brands: ['OMICRON', 'DOBLE', 'MUSASHI', 'NF INSTRUMENTS'],\n                    specs: ['CMC256-6 \u5fae\u96fb\u8166\u7a0b\u5f0f\u63a7\u5236', 'CMC356-6 \u5fae\u96fb\u8166\u7a0b\u5f0f\u63a7\u5236', 'F2253 \u6578\u4f4d\u578b', 'F2700 \u6578\u4f4d\u578b', 'IPR-2000', 'NF RX4717W']\n                }\n            ],\n            3: [\n                {\n                    id: '06',\n                    name: '\u96fb\u529b\u56e0\u6578\u640d\u5931\u8a66\u9a57\u5668',\n                    english: 'AC Dielectric Loss & Power Factor Tester Set',\n                    brands: ['DOBLE', 'OMICRON'],\n                    specs: ['MEU-D 2.5kV', 'CP TD1 12kV']\n                },\n                {\n                    id: '07',\n                    name: '\u63a5\u89f8\u96fb\u963b\u8a66\u9a57\u5668',\n                    english: 'Contact Resistance Test Set',\n                    brands: ['MEGABRAS', 'VAREG', 'CHAUVIN ARNOUX'],\n                    specs: ['MPK-102 100A', 'VG-CS200 200A', 'CA6420 10A']\n                },\n                {\n                    id: '08',\n                    name: '\u8b8a\u58d3\u5668\u531d\u6bd4\u8a66\u9a57\u5668',\n                    english: 'TR.Turn Ratio Tester Set',\n                    brands: ['Raytech USA', 'Raytech', 'OMICRON'],\n                    specs: ['TR-Mark III', 'TR-1', 'TESTRANO 600']\n                },\n                {\n                    id: '09',\n                    name: 'SF6 \u7d14\u5ea6\u8a08\/\u542b\u6c34\u91cf\/\u6d29\u6f0f\u8a66\u9a57\u5668\/SO2 \u6c23\u9ad4\u5075\u6e2c\u5668',\n                    english: 'SF6 Purity Meter\/ Moisture Content\/ Leak Detector\/ SO2 Gas Detector',\n                    brands: ['DILO', 'ALPHA', 'RH', 'TIF', 'RAE'],\n                    specs: ['3-027-R001', 'DSP2-PCI', '973-SF6', 'XP-1A', 'PGM-1130']\n                },\n                {\n                    id: '10',\n                    name: '\u63a5\u5730\u7db2\u63a5\u5730\u96fb\u963b\u8a66\u9a57\u5668',\n                    english: 'Earth Resistance Measurement',\n                    brands: ['MEGGER', 'KYORITSU', 'PROVA', 'HIOKI'],\n                    specs: ['DET-2', '4102\/4105A', '5600', 'FT6031-03']\n                },\n                {\n                    id: '11',\n                    name: '\u7dda\u5708\u96fb\u963b\u8a66\u9a57\u5668',\n                    english: 'Winding Resistance Test Set',\n                    brands: ['ADWEL', 'OMICRON'],\n                    specs: ['WRT-100', 'TESTRANO 600']\n                },\n                {\n                    id: '12',\n                    name: '\u7d55\u7de3\u6cb9\u8010\u58d3\u8a66\u9a57\u5668',\n                    english: 'Insulation Oil Tolerance Tester',\n                    brands: ['HIGH VOLTAGE'],\n                    specs: ['DTS-60']\n                },\n                {\n                    id: '13',\n                    name: '\u4e09\u76f8\u540c\u6b65\u6295\u5165\/\u8df3\u812b\u8a66\u9a57\u5668',\n                    english: 'Operation Timing Tester',\n                    brands: ['CHA-CHUNG', 'CA20', 'C302'],\n                    specs: ['2001-S', 'EC16022302', 'C302-1']\n                },\n                {\n                    id: '14',\n                    name: '\u5927\u96fb\u6d41\u7522\u751f\u5668',\n                    english: 'High Current Test Set',\n                    brands: ['TRUTH'],\n                    specs: ['TICO-5518 (1800A)']\n                },\n                {\n                    id: '15',\n                    name: '\u6578\u4f4d\u5f0f\u591a\u529f\u80fd\u52fe\u8868',\n                    english: 'Digital Clamp Multi Meter',\n                    brands: ['HIOKI', 'DENSOKKI'],\n                    specs: ['3268', 'CDM-230B']\n                },\n                {\n                    id: '16',\n                    name: '\u8a18\u9304\u578b\u5b58\u865f\u8a66\u9a57\u5668',\n                    english: 'Memory Hi Corder',\n                    brands: ['HIOKI'],\n                    specs: ['8832 6CH']\n                },\n                {\n                    id: '17',\n                    name: '\u76f8\u4f4d\u89d2\u8a08',\n                    english: 'Phase Angle Degrees',\n                    brands: ['DENSOKKI', 'MUSASHI'],\n                    specs: ['T \u03c6 -10B', 'PF-33']\n                },\n                {\n                    id: '18',\n                    name: '\u7d05\u5916\u7dda\u71b1\u986f\u5f71\u5668',\n                    english: 'Infrared Thermography System',\n                    brands: ['FLIR'],\n                    specs: ['THERMAC CAM E60', 'THERMAC CAM I60']\n                },\n                {\n                    id: '19',\n                    name: '\u96fb\u529b\u54c1\u8cea\u5206\u6790\u5100',\n                    english: 'Reliable Power Recorder',\n                    brands: ['FLUKE', 'HIOKI', 'LDIC', 'PDSG'],\n                    specs: ['TOPAS 2000', 'PW3360-21', 'LDP-5', 'AIA', 'ICM System']\n                },\n                {\n                    id: '20',\n                    name: '\u90e8\u4efd\u653e\u96fb\u6e2c\u8a66\u5668',\n                    english: 'Partial Discharge Test',\n                    brands: ['PDSG', 'TECHIMP', 'EA'],\n                    specs: ['AIA', 'ICM System', 'PD Base II', 'UTL1']\n                },\n                {\n                    id: '21',\n                    name: '\u78c1\u5834\u8a08',\n                    english: 'Magnetic Field Intensity Measurement',\n                    brands: ['EMCALC'],\n                    specs: ['EMPEX LITE']\n                },\n                {\n                    id: '22',\n                    name: '\u6cb9\u4e2d\u6c23\u9ad4\u5206\u6790\u5100',\n                    english: 'Transformer Fault Gas Analysis Analyzer',\n                    brands: ['MORGAN'],\n                    specs: ['MYRKOS']\n                },\n                {\n                    id: '23',\n                    name: '\u8b8a\u6bd4\u5668\u6fc0\u78c1\u66f2\u7dda\u76f8\u89d2\u6bd4\u8aa4\u5dee\u6e2c\u8a66\u5668',\n                    english: 'CT Analyzer',\n                    brands: ['OMICRON'],\n                    specs: ['CT Analyzer']\n                }\n            ]\n        };\n\n        \/\/ ===================\n        \/\/ \u6838\u5fc3\u529f\u80fd\u51fd\u6578\n        \/\/ ===================\n\n        \/\/ \u5206\u9801\u5207\u63db\n        function switchTab(index) {\n            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n            document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n            \n            document.querySelectorAll('.tab-btn')[index].classList.add('active');\n            document.querySelectorAll('.tab-content')[index].classList.add('active');\n        }\n\n        \/\/ \u958b\u555f\u5f48\u7a97\n        function openModal(id, name, englishName, brand, specs) {\n            document.getElementById('modal-title').textContent = name;\n            document.getElementById('modal-subtitle').textContent = englishName;\n            document.getElementById('modal-brand').textContent = brand;\n            document.getElementById('modal-specs').textContent = specs;\n            \n            const modalImage = document.getElementById('modal-image');\n            if (equipmentImages[id]) {\n                modalImage.style.backgroundImage = `url(${equipmentImages[id]})`;\n                modalImage.innerHTML = '';\n            } else {\n                modalImage.style.backgroundImage = '';\n                modalImage.innerHTML = '[\u8a2d\u5099\u5716\u7247\u9810\u89bd]';\n            }\n            \n            document.getElementById('modal').classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        \/\/ \u95dc\u9589\u5f48\u7a97\n        function closeModal() {\n            document.getElementById('modal').classList.remove('active');\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ \u751f\u6210\u8a2d\u5099\u884c\n        function generateEquipmentRow(equipment) {\n            const brandText = equipment.brands.join(', ');\n            const specsText = equipment.specs.join(', ');\n            const imageUrl = equipmentImages[equipment.id] || '';\n            \n            return `\n                <tr>\n                    <td><span class=\"equipment-id\">${equipment.id}<\/span><\/td>\n                    <td>\n                        <div class=\"equipment-name\" onclick=\"openModal('${equipment.id}', '${equipment.name}', '${equipment.english}', '${brandText}', '${specsText}')\">\n                            ${equipment.name}\n                        <\/div>\n                        <div class=\"equipment-english\">${equipment.english}<\/div>\n                    <\/td>\n                    <td>\n                        ${equipment.brands.map(brand => `<div class=\"brand-item\">${brand}<\/div>`).join('')}\n                    <\/td>\n                    <td>\n                        ${equipment.specs.map(spec => `<div class=\"spec-item\">${spec}<\/div>`).join('')}\n                    <\/td>\n                    <td>\n                        <div class=\"equipment-image\" onclick=\"openModal('${equipment.id}', '${equipment.name}', '${equipment.english}', '${brandText}', '${specsText}')\">\n                            ${imageUrl ? `<img decoding=\"async\" src=\"${imageUrl}\" alt=\"${equipment.name}\">` : '[\u8a2d\u5099\u5716\u7247]<br>120\u00d7120'}\n                        <\/div>\n                    <\/td>\n                <\/tr>\n            `;\n        }\n\n        \/\/ \u751f\u6210\u8a2d\u5099\u5361\u7247\n        function generateEquipmentCard(equipment) {\n            const brandText = equipment.brands.join(', ');\n            const specsText = equipment.specs.join(', ');\n            const imageUrl = equipmentImages[equipment.id] || '';\n            const cardImageStyle = imageUrl ? `style=\"background-image: url(${imageUrl})\"` : '';\n            \n            return `\n                <div class=\"equipment-card\" onclick=\"openModal('${equipment.id}', '${equipment.name}', '${equipment.english}', '${brandText}', '${specsText}')\">\n                    <div class=\"card-image\" ${cardImageStyle}>\n                        ${!imageUrl ? '[\u8a2d\u5099\u5716\u7247] 200\u00d7200' : ''}\n                    <\/div>\n                    <div class=\"equipment-id\">${equipment.id}<\/div>\n                    <div class=\"equipment-name\">${equipment.name}<\/div>\n                    <div class=\"equipment-english\">${equipment.english}<\/div>\n                    <div class=\"card-info\">\n                        <div class=\"info-row\">\n                            <span class=\"info-label\">\u54c1\u724c:<\/span>\n                            <span class=\"info-value\">${equipment.brands.slice(0, 2).join(', ')}<\/span>\n                        <\/div>\n                        <div class=\"info-row\">\n                            <span class=\"info-label\">\u898f\u683c:<\/span>\n                            <span class=\"info-value\">${equipment.specs.slice(0, 2).join(', ')}<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n        }\n\n        \/\/ \u521d\u59cb\u5316\u9801\u9762\n        function initializePage() {\n            \/\/ \u751f\u6210\u5404\u5206\u9801\u7684\u8a2d\u5099\u5217\u8868\n            Object.keys(equipmentData).forEach(tabIndex => {\n                const equipmentList = document.getElementById(`equipment-list-${tabIndex}`);\n                const cardContainer = document.getElementById(`card-container-${tabIndex}`);\n                \n                if (equipmentList && cardContainer) {\n                    const tableRows = equipmentData[tabIndex].map(generateEquipmentRow).join('');\n                    const cardItems = equipmentData[tabIndex].map(generateEquipmentCard).join('');\n                    \n                    equipmentList.innerHTML = tableRows;\n                    cardContainer.innerHTML = cardItems;\n                }\n            });\n        }\n\n        \/\/ ===================\n        \/\/ \u4e8b\u4ef6\u76e3\u807d\u5668\n        \/\/ ===================\n\n        \/\/ \u9ede\u64ca\u5f48\u7a97\u5916\u90e8\u95dc\u9589\n        document.getElementById('modal').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeModal();\n            }\n        });\n\n        \/\/ ESC \u9375\u95dc\u9589\u5f48\u7a97\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeModal();\n            }\n        });\n\n        \/\/ \u9801\u9762\u8f09\u5165\u5b8c\u6210\u521d\u59cb\u5316\n        document.addEventListener('DOMContentLoaded', initializePage);\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>\u8a2d\u5099\u4ecb\u7d39 2000\u5e74 \u6295\u8cc7\u63a1\u8cfc\u5fb7\u570bHigh Volt\u516c\u53f8\u88fd\u9020\uff0c\u4ea4\u6d41\u8010\u58d3GIS\u73fe\u5834\u8a66\u9a57\u8a2d\u5099\uff0c\u70ba\u53f0\u7063\u6c11\u9593\u516c\u53f8\u7b2c\u4e00\u5957 [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "om_disable_all_campaigns": false,
        "_uag_custom_page_level_css": "",
        "_monsterinsights_skip_tracking": false,
        "_monsterinsights_sitenote_active": false,
        "_monsterinsights_sitenote_note": "",
        "_monsterinsights_sitenote_category": 0,
        "site-sidebar-layout": "no-sidebar",
        "site-content-layout": "page-builder",
        "ast-site-content-layout": "full-width-container",
        "site-content-style": "default",
        "site-sidebar-style": "default",
        "ast-global-header-display": "",
        "ast-banner-title-visibility": "",
        "ast-main-header-display": "",
        "ast-hfb-above-header-display": "",
        "ast-hfb-below-header-display": "",
        "ast-hfb-mobile-header-display": "",
        "site-post-title": "disabled",
        "ast-breadcrumbs-content": "",
        "ast-featured-img": "disabled",
        "footer-sml-layout": "",
        "theme-transparent-header-meta": "",
        "adv-header-id-meta": "",
        "stick-header-meta": "",
        "header-above-stick-meta": "",
        "header-main-stick-meta": "",
        "header-below-stick-meta": "",
        "astra-migrate-meta-layouts": "set",
        "ast-page-background-enabled": "default",
        "ast-page-background-meta": {
            "desktop": {
                "background-color": "",
                "background-image": "",
                "background-repeat": "repeat",
                "background-position": "center center",
                "background-size": "auto",
                "background-attachment": "scroll",
                "background-type": "",
                "background-media": "",
                "overlay-type": "",
                "overlay-color": "",
                "overlay-opacity": "",
                "overlay-gradient": ""
            },
            "tablet": {
                "background-color": "",
                "background-image": "",
                "background-repeat": "repeat",
                "background-position": "center center",
                "background-size": "auto",
                "background-attachment": "scroll",
                "background-type": "",
                "background-media": "",
                "overlay-type": "",
                "overlay-color": "",
                "overlay-opacity": "",
                "overlay-gradient": ""
            },
            "mobile": {
                "background-color": "",
                "background-image": "",
                "background-repeat": "repeat",
                "background-position": "center center",
                "background-size": "auto",
                "background-attachment": "scroll",
                "background-type": "",
                "background-media": "",
                "overlay-type": "",
                "overlay-color": "",
                "overlay-opacity": "",
                "overlay-gradient": ""
            }
        },
        "ast-content-background-meta": {
            "desktop": {
                "background-color": "var(--ast-global-color-5)",
                "background-image": "",
                "background-repeat": "repeat",
                "background-position": "center center",
                "background-size": "auto",
                "background-attachment": "scroll",
                "background-type": "",
                "background-media": "",
                "overlay-type": "",
                "overlay-color": "",
                "overlay-opacity": "",
                "overlay-gradient": ""
            },
            "tablet": {
                "background-color": "var(--ast-global-color-5)",
                "background-image": "",
                "background-repeat": "repeat",
                "background-position": "center center",
                "background-size": "auto",
                "background-attachment": "scroll",
                "background-type": "",
                "background-media": "",
                "overlay-type": "",
                "overlay-color": "",
                "overlay-opacity": "",
                "overlay-gradient": ""
            },
            "mobile": {
                "background-color": "var(--ast-global-color-5)",
                "background-image": "",
                "background-repeat": "repeat",
                "background-position": "center center",
                "background-size": "auto",
                "background-attachment": "scroll",
                "background-type": "",
                "background-media": "",
                "overlay-type": "",
                "overlay-color": "",
                "overlay-opacity": "",
                "overlay-gradient": ""
            }
        },
        "footnotes": ""
    },
    "class_list": [
        "post-4086",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "aioseo_notices": [],
    "uagb_featured_image_src": {
        "full": false,
        "thumbnail": false,
        "medium": false,
        "medium_large": false,
        "large": false,
        "1536x1536": false,
        "2048x2048": false,
        "trp-custom-language-flag": false
    },
    "uagb_author_info": {
        "display_name": "zhijian090195@gmail.com",
        "author_link": "https:\/\/ysec.com.tw\/zh_tw\/author\/zhijian090195gmail-com\/"
    },
    "uagb_comment_info": 0,
    "uagb_excerpt": "\u8a2d\u5099\u4ecb\u7d39 2000\u5e74 \u6295\u8cc7\u63a1\u8cfc\u5fb7\u570bHigh Volt\u516c\u53f8\u88fd\u9020\uff0c\u4ea4\u6d41\u8010\u58d3GIS\u73fe\u5834\u8a66\u9a57\u8a2d\u5099\uff0c\u70ba\u53f0\u7063\u6c11\u9593\u516c\u53f8\u7b2c\u4e00\u5957...",
    "_links": {
        "self": [
            {
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/pages\/4086",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/comments?post=4086"
            }
        ],
        "version-history": [
            {
                "count": 349,
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/pages\/4086\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 6831,
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/pages\/4086\/revisions\/6831"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/ysec.com.tw\/zh_tw\/wp-json\/wp\/v2\/media?parent=4086"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}