{"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\/en\/%e6%8a%80%e8%a1%93%e4%ba%a4%e6%b5%81\/","title":{"rendered":"Equipments"},"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\">Equipments<\/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\">Year 2000<\/span>\n            <div class=\"timeline-content\">\n                Yung Shiuy Electric invested in and procured AC withstand voltage GIS field test equipment manufactured by Germany's High Volt. This marked\u00a0the first AC withstand voltage test set owned by a private company in Taiwan, capable of testing equipment up to 345kV GIS specifications. At the time, we provided on-site withstand voltage testing services for GIS equipment suppliers serving Taiwan\u2019s Science Parks and public infrastructure projects (e.g., MRT, High-Speed Rail, incinerators). As the volume of cable testing requests from private entities exceeded Taiwan Power Company\u2019s (Taipower) capacity for timely service\u2014Yung Shiuy\u2019s investment enabled efficient on-site testing and rapid service delivery.\n            <\/div>\n        <\/div>\n        <div class=\"timeline-item\">\n            <span class=\"timeline-year\">Year 2018<\/span>\n            <div class=\"timeline-content\">\n                Yung Shiuy Electric Technology Consultant Co., Ltd. obtained the\u00a0Class III License for Installation, Maintenance, and Testing\u00a0issued by China\u2019s National Energy Administration, becoming\u00a0the first and only Taiwanese company to achieve this qualification. In the same year, Yung Shiuy Electric Technology (Xiamen) Co., Ltd. was established.\n            <\/div>\n        <\/div>\n        <div class=\"timeline-item\">\n            <span class=\"timeline-year\">Year 2019<\/span>\n            <div class=\"timeline-content\">\n                We procured an\u00a0AC variable frequency resonant withstand voltage test system for power cables\u00a0from a renowned international manufacturer. As\u00a0Taiwan\u2019s first AC variable frequency resonant withstand voltage test set, it supports testing of power cable systems up to 161kV specifications.\n            <\/div>\n        <\/div>\n        <div class=\"timeline-item\">\n            <span class=\"timeline-year\">Year 2020<\/span>\n            <div class=\"timeline-content\">\n                Yung Shiuy invested approximately NT$100 million in\u00a0two sets of AC variable frequency resonant withstand voltage test equipment for power cables, manufactured by Germany\u2019s High Volt. This established\u00a0Taiwan\u2019s first privately owned cable test systems capable of testing 345kV power cable specifications. In response to Taiwan\u2019s green renewable energy initiatives (e.g., offshore wind, solar, energy storage)\u2014where systems are often located in remote or offshore areas requiring extremely long power cables\u2014Yung Shiuy proactively addressed the critical need for ultra-high-capacity on-site testing. This investment resolves field-testing challenges and enhances the resilience and stability of Taiwan\u2019s power infrastructure.\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\tDevelopment history\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\">Professional equipment<\/h3>\n        \n        <!-- \u5206\u9801\u5c0e\u822a -->\n        <nav class=\"tab-nav\">\n            <button class=\"tab-btn active\" onclick=\"switchTab(0)\">AC withstand voltage related equipment<\/button>\n            <button class=\"tab-btn\" onclick=\"switchTab(1)\">Protection relay tester<\/button>\n            <button class=\"tab-btn\" onclick=\"switchTab(2)\">Other instruments and equipment<\/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%;\">Device name<\/th>\n                                <th style=\"width: 18%;\">Brand<\/th>\n                                <th style=\"width: 28%;\">Specification<\/th>\n                                <th style=\"width: 18%;\">Picture<\/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%;\">Device name<\/th>\n                                <th style=\"width: 18%;\">Brand<\/th>\n                                <th style=\"width: 28%;\">Specification<\/th>\n                                <th style=\"width: 18%;\">Picture<\/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%;\">Device name<\/th>\n                                <th style=\"width: 18%;\">Brand<\/th>\n                                <th style=\"width: 28%;\">Specification<\/th>\n                                <th style=\"width: 18%;\">Picture<\/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>Brand\uff1a<\/strong><span id=\"modal-brand\"><\/span><\/div>\n                <div><strong>Specification\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\/en\/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&hellip;","_links":{"self":[{"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/pages\/4086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/comments?post=4086"}],"version-history":[{"count":349,"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/pages\/4086\/revisions"}],"predecessor-version":[{"id":6831,"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/pages\/4086\/revisions\/6831"}],"wp:attachment":[{"href":"https:\/\/ysec.com.tw\/en\/wp-json\/wp\/v2\/media?parent=4086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}