{"id":33593,"date":"2025-08-25T15:54:59","date_gmt":"2025-08-25T07:54:59","guid":{"rendered":"https:\/\/greattop.com.tw\/?post_type=product&#038;p=33593"},"modified":"2026-02-05T15:24:59","modified_gmt":"2026-02-05T07:24:59","slug":"led-ceiling-lighttriac-trailing-edge-dimmer","status":"publish","type":"product","link":"https:\/\/greattop-tw.com\/en\/product\/led-ceiling-lighttriac-trailing-edge-dimmer\/","title":{"rendered":"LED Ceiling Light+Triac Trailing Edge Dimmer"},"content":{"rendered":"\t\t<div data-elementor-type=\"product-post\" data-elementor-id=\"33593\" class=\"elementor elementor-33593\" data-elementor-post-type=\"product\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ef207 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"45ef207\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-409267c elementor-widget elementor-widget-html\" data-id=\"409267c\" 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<!-- 1. \u5916\u90e8\u8cc7\u6e90\u5eab -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<!-- 2. CSS \u6a23\u5f0f\u6574\u5408 -->\r\n<style>\r\n  \/* --- \u5168\u5c40\u57fa\u790e --- *\/\r\n  .gt-master-wrapper {\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n    font-family: \"Noto Sans TC\", \"Microsoft JhengHei\", sans-serif;\r\n    color: #333;\r\n  }\r\n  \r\n  .gt-section-title {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    margin-bottom: 15px;\r\n    color: #111;\r\n  }\r\n  \r\n  .gt-section-sub {\r\n    font-size: 18px;\r\n    text-align: center;\r\n    color: #666;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  \/* --- Hero Section --- *\/\r\n  .hero-sec { padding: 80px 0; background: #ffffff; position: relative; }\r\n  .hero-inner { max-width: 1200px; width: 90%; margin: auto; display: flex; align-items: center; gap: 40px; }\r\n  .hero-text { flex: 1.2; text-align: left; }\r\n  .hero-text h5 { color: #0C328C; font-size: 18px; margin-bottom: 15px; font-weight: 600; }\r\n  .hero-text h1 { font-size: 52px; font-weight: 700; margin-bottom: 25px; color: #000; line-height: 1.2; }\r\n  .hero-text .hero-desc { font-size: 18px; color: #555; margin-bottom: 30px; line-height: 1.8; max-width: 600px; }\r\n  \r\n  .hero-tag-wrapper { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; }\r\n  .hero-tag {\r\n    padding: 10px 24px;\r\n    border: 1px solid #E0E7FF;\r\n    border-radius: 50px;\r\n    font-size: 15px;\r\n    color: #444;\r\n    background: #fff;\r\n  }\r\n\r\n  .hero-buttons { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }\r\n  .hero-btn-darkblue {\r\n    background: #0C328C;\r\n    color: #fff;\r\n    padding: 15px 35px;\r\n    border-radius: 50px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: 0.3s;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n  .hero-btn-darkblue:hover { background: #082466; transform: translateY(-2px); }\r\n  \r\n  .hero-btn-contact {\r\n    background: #fff;\r\n    border: 1px solid #E0E7FF;\r\n    padding: 15px 35px;\r\n    border-radius: 50px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #EA5504;\r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: 0.3s;\r\n  }\r\n  .hero-btn-contact:hover { border-color: #EA5504; transform: translateY(-2px); }\r\n\r\n  .hero-img { flex: 1; display: flex; justify-content: flex-end; }\r\n  .hero-img-card {\r\n    background: #F4F4F4;\r\n    padding: 40px;\r\n    border-radius: 20px;\r\n    width: 100%;\r\n    max-width: 500px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n  }\r\n  .hero-img-card img { width: 100%; height: auto; border-radius: 10px; }\r\n\r\n  \/* --- Feature Section --- *\/\r\n  .feature-sec { background: #f9fbfd; padding: 100px 0; }\r\n  .feature-grid { max-width: 1200px; width: 90%; margin: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }\r\n  .feature-card {\r\n    background: #fff; padding: 35px 28px; border-radius: 18px;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06); text-align: left;\r\n    transition: 0.3s ease; opacity: 0; transform: translateY(25px);\r\n  }\r\n  .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(12, 82, 216, 0.1); }\r\n  .feature-icon {\r\n    width: 54px; height: 54px; border-radius: 14px; display: flex; align-items: center; justify-content: center;\r\n    color: white; font-size: 24px; margin-bottom: 20px;\r\n  }\r\n  .feature-icon.blue { background: linear-gradient(135deg, #0C52D8, #0033cc); }\r\n  .feature-icon.orange { background: linear-gradient(135deg, #EA5504, #cc4400); }\r\n  .feature-card h4 { font-size: 20px; margin-bottom: 10px; color: #111; font-weight: 700; }\r\n  .feature-card p { color: #666; font-size: 15px; line-height: 1.6; margin: 0; }\r\n\r\n  \/* --- Tab Application Section --- *\/\r\n  .app-sec { padding: 100px 0; background: #fff; }\r\n  .tab-container { max-width: 1200px; width: 90%; margin: 0 auto; }\r\n  .tab-buttons { display: flex; gap: 12px; margin-bottom: 40px; flex-wrap: wrap; justify-content: center; }\r\n  .tab-btn {\r\n    display: flex; align-items: center; gap: 8px; padding: 12px 30px;\r\n    border: 1.5px solid #BFD2FF; border-radius: 50px; background: #fff;\r\n    color: #0C328C; font-weight: 600; font-size: 16px; cursor: pointer; transition: all 0.3s ease;\r\n  }\r\n  .tab-btn i { font-size: 18px; color: #0C328C; transition: color 0.3s ease; }\r\n  .tab-btn:hover { background: #1E4FD8; color: #fff; border-color: #1E4FD8; }\r\n  .tab-btn:hover i { color: #fff; }\r\n  .tab-btn.active { background: #0C328C; color: #fff; border-color: #0C328C; box-shadow: 0 4px 15px rgba(12, 50, 140, 0.25); }\r\n  .tab-btn.active i { color: #fff; }\r\n  .tab-content { display: none; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 40px; animation: fadeIn 0.6s ease; }\r\n  .tab-content.active { display: flex; }\r\n  .tab-text { flex: 1 1 45%; min-width: 300px; }\r\n  .tab-text h3 { color: #0C328C; display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; margin-bottom: 15px; }\r\n  .tab-text p { font-size: 16px; color: #444; line-height: 1.8; margin-bottom: 25px; }\r\n  .tab-text ul { list-style: none; padding: 0; margin: 0; }\r\n  .tab-text ul li { position: relative; padding-left: 25px; margin-bottom: 10px; color: #555; font-size: 15px; }\r\n  .tab-text ul li::before { content: '\\f00c'; font-family: \"Font Awesome 6 Free\"; font-weight: 900; position: absolute; left: 0; top: 2px; color: #EA5504; }\r\n  .tab-image { flex: 1 1 45%; min-width: 300px; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 16px; }\r\n  .tab-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }\r\n  .tab-image:hover img { transform: scale(1.05); }\r\n  @keyframes fadeIn { from {opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);} }\r\n\r\n  \/* --- Remote Section --- *\/\r\n  .remote-sec { padding: 100px 0; background: #f9fbfd; overflow: hidden; }\r\n  .remote-inner { max-width: 1200px; width: 90%; margin: auto; display: flex; gap: 80px; align-items: center; }\r\n  .remote-text { flex: 1; }\r\n  .remote-text h2 { font-size: 40px; font-weight: 700; color: #EA5504; margin-bottom: 20px; }\r\n  .remote-text p { font-size: 17px; color: #444; line-height: 1.6; margin-bottom: 20px; }\r\n  .remote-text ul { list-style: none; padding: 0; }\r\n  .remote-text ul li { display: flex; align-items: center; margin-bottom: 10px; color: #444; }\r\n  .remote-text ul li::before { content: '\\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #0C52D8; margin-right: 12px; background: rgba(12, 82, 216, 0.1); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; }\r\n  .remote-img { flex: 1; }\r\n  \r\n  \/* --- Slider --- *\/\r\n  .gt-slider-box {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3; \r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.12);\r\n    background: #f0f0f0;\r\n  }\r\n  .gt-slide {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease-in-out;\r\n    z-index: 1;\r\n  }\r\n  .gt-slide.active { opacity: 1; z-index: 2; }\r\n  .gt-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n  \r\n  .gt-slider-dots {\r\n    position: absolute;\r\n    bottom: 15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 10;\r\n    display: flex;\r\n    gap: 10px;\r\n  }\r\n  .gt-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    border: 1px solid rgba(0,0,0,0.1);\r\n    transition: all 0.3s ease;\r\n  }\r\n  .gt-dot.active {\r\n    background: #EA5504;\r\n    transform: scale(1.2);\r\n    border-color: #EA5504;\r\n  }\r\n\r\n  \/* --- Technical Specs Section --- *\/\r\n  .spec-sec { padding: 80px 0 120px; background: #fff; }\r\n  .spec-container { text-align: center; max-width: 1100px; margin: 0 auto; width: 92%; }\r\n\r\n  \/* \u2193 \u8abf\u6574\u6b64\u8655\uff1a\u5c07\u6280\u8853\u898f\u683c\u6a19\u984c\u8a2d\u70ba\u6a58\u8272 \u2193 *\/\r\n  #spec-section .gt-section-title {\r\n    color: #EA5504;\r\n  }\r\n\r\n  .spec-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n    font-size: 15px;\r\n  }\r\n\r\n  .spec-table th, .spec-table td {\r\n    border: 1px solid #ddd;\r\n    padding: 16px 12px;\r\n    text-align: center;\r\n    vertical-align: middle;\r\n    transition: background-color 0.3s;\r\n  }\r\n\r\n  .spec-header-main th {\r\n    background-color: #EA5504;\r\n    color: #fff;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    padding: 18px;\r\n    border: 1px solid #EA5504;\r\n  }\r\n\r\n  .spec-item-col {\r\n    background-color: #f9f9f9;\r\n    color: #333;\r\n    font-weight: 700;\r\n    width: 20%;\r\n    min-width: 120px;\r\n  }\r\n\r\n  .spec-data-col {\r\n    background-color: #fff;\r\n    color: #555;\r\n    width: 40%;\r\n  }\r\n\r\n  .spec-row:hover td, .spec-row:hover th.spec-item-col {\r\n    background-color: #fff5f0;\r\n    cursor: default;\r\n  }\r\n\r\n  \/* --- RWD --- *\/\r\n  @media (max-width: 900px) {\r\n    .hero-inner, .remote-inner { flex-direction: column; text-align: center; gap: 40px; }\r\n    .hero-text { text-align: center; }\r\n    .hero-text .hero-desc { margin: 0 auto 30px; }\r\n    .hero-tag-wrapper, .hero-buttons { justify-content: center; }\r\n    .hero-img { order: -1; width: 100%; justify-content: center; }\r\n    .feature-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .spec-table { font-size: 13px; }\r\n    .spec-table th, .spec-table td { padding: 10px 5px; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .feature-grid { grid-template-columns: 1fr; }\r\n    .hero-text h1 { font-size: 32px; }\r\n    .gt-section-title, .remote-text h2 { font-size: 28px; }\r\n    .spec-container { overflow-x: auto; } \r\n    .spec-table { min-width: 600px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML \u7d50\u69cb -->\r\n<div class=\"gt-master-wrapper\">\r\n\r\n  <!-- 1. Hero -->\r\n  <section class=\"hero-sec gsap-fade\">\r\n    <div class=\"hero-inner\">\r\n      <div class=\"hero-text gsap-left\">\r\n        <h5>Greattop LED \u7167\u660e\u7cfb\u5217 \u2022 Triac \u8abf\u5149<\/h5>\r\n        <h1>LED\u5438\u9802\u71c8\r\n+Triac\u5f8c\u6cbf\u8abf\u5149\u5668<\/h1>\r\n        <p class=\"hero-desc\">\u63d0\u4f9b\u9748\u6d3b\u7684 Triac \u4eae\u5ea6\u63a7\u5236\uff0c\u5f9e\u660e\u4eae\u5230\u67d4\u548c\u7686\u81ea\u7136\u9806\u66a2\u3002\u5916\u6bbc\u63a1\u7528\u9ad8\u898f ASA \u8010\u5019\u6750\u8cea\u4e26\u5177 IP65 \u9632\u6c34\u7b49\u7d1a\uff0c\u642d\u914d 4000K \u81ea\u7136\u5149\uff0c\u517c\u5177\u5be6\u7528\u8207\u8010\u7528\u7279\u6027\u3002<\/p>\r\n        \r\n        <div class=\"hero-tag-wrapper\">\r\n          <div class=\"hero-tag\">Triac \u76f8\u5207\u8abf\u5149<\/div>\r\n          <div class=\"hero-tag\">IP65 \u9632\u6c34\u9632\u5875<\/div>\r\n          <div class=\"hero-tag\">ASA \u8010\u5019\u6750\u8cea<\/div>\r\n          <div class=\"hero-tag\">4000K \u81ea\u7136\u5149\u6548<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-buttons\">\r\n          <button class=\"hero-btn-darkblue\" id=\"scroll-to-spec\">\r\n            <i class=\"fas fa-arrow-circle-down\"><\/i> \u67e5\u770b\u898f\u683c\r\n          <\/button>\r\n          <a href=\"https:\/\/greattop-tw.com\/zh_tw\/terms-2-2\/\" class=\"hero-btn-contact\">\r\n            <i class=\"fas fa-envelope\"><\/i> \u806f\u7d61\u63a1\u8cfc \/ \u5c08\u6848\u8aee\u8a62\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-img gsap-right\">\r\n        <div class=\"hero-img-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2025\/08\/\u5b98\u7db2\u7522\u54c1\u5716_Triac\u8abf\u5149\u5438\u9802\u71c815W-2-scaled.jpg\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 2. Features -->\r\n  <section class=\"feature-sec\">\r\n    <h2 class=\"gt-section-title gsap-fade-up\">\u7522\u54c1\u6838\u5fc3\u7279\u9ede<\/h2>\r\n    <p class=\"gt-section-sub gsap-fade-up\">\u5805\u56fa\u8010\u7528\uff0c\u5c08\u70ba\u56b4\u82db\u74b0\u5883\u8a2d\u8a08<\/p>\r\n    <div class=\"feature-grid\">\r\n      <div class=\"feature-card gsap-card\">\r\n        <div class=\"feature-icon blue\"><i class=\"fas fa-sliders-h\"><\/i><\/div>\r\n        <h4>Triac \u8abf\u5149<\/h4>\r\n        <p>\u63d0\u4f9b\u9748\u6d3b\u7684\u4eae\u5ea6\u63a7\u5236\uff0c\u80fd\u4f9d\u7a7a\u9593\u6c1b\u570d\u81ea\u7531\u8abf\u6574\u5149\u7dda\uff0c\u9ad4\u9a57\u81ea\u7136\u9806\u66a2\u7684\u8abf\u5149\u6548\u679c\u3002<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card gsap-card\">\r\n        <div class=\"feature-icon orange\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n        <h4>IP65 \u9632\u8b77\u7b49\u7d1a<\/h4>\r\n        <p>\u5177\u5099\u512a\u7570\u7684\u9632\u6c34\u9632\u5875\u80fd\u529b\uff0c\u5373\u4f7f\u5728\u6f6e\u6fd5\u6216\u591a\u5875\u74b0\u5883\u4e0b\u4e5f\u80fd\u7a69\u5b9a\u904b\u4f5c\u3002<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card gsap-card\">\r\n        <div class=\"feature-icon blue\"><i class=\"fas fa-cube\"><\/i><\/div>\r\n        <h4>ASA \u8010\u5019\u6750\u8cea<\/h4>\r\n        <p>\u9078\u7528 ASA \u6750\u8cea\uff0c\u8010\u5019\u6027\u512a\u65bc\u4e00\u822c\u5851\u81a0\uff0c\u9577\u671f\u4f7f\u7528\u4e0d\u6613\u8001\u5316\u8b8a\u9ec3\uff0c\u5805\u56fa\u8010\u7528\u3002<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card gsap-card\">\r\n        <div class=\"feature-icon orange\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n        <h4>\u9ad8\u6548\u7121\u9583\u720d<\/h4>\r\n        <p>\u9ad8\u6548 LED \u5149\u6e90\u78ba\u4fdd\u7a69\u5b9a\u7121\u9583\u720d\u7684\u7167\u660e\u9ad4\u9a57\uff0c4000K \u81ea\u7136\u5149\u5c55\u73fe\u8212\u9069\u5e73\u8861\u3002<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3. Applications -->\r\n  <section class=\"app-sec\">\r\n    <h2 class=\"gt-section-title gsap-fade-up\">\u9069\u7528\u5834\u6240<\/h2>\r\n    <p class=\"gt-section-sub gsap-fade-up\">\u5f9e\u5ba4\u5167\u5230\u534a\u6236\u5916\uff0c\u5168\u65b9\u4f4d\u7167\u660e\u89e3\u6c7a\u65b9\u6848<\/p>\r\n    \r\n    <div class=\"tab-container gsap-fade-up\">\r\n      <div class=\"tab-buttons\">\r\n        <button class=\"tab-btn active\" data-tab=\"bathroom\"><i class=\"fas fa-bath\"><\/i>\u885b\u6d74\u7a7a\u9593<\/button>\r\n        <button class=\"tab-btn\" data-tab=\"balcony\"><i class=\"fas fa-cloud-sun\"><\/i>\u967d\u53f0\/\u534a\u6236\u5916<\/button>\r\n        <button class=\"tab-btn\" data-tab=\"bedroom\"><i class=\"fas fa-couch\"><\/i>\u8d77\u5c45\u7a7a\u9593<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tab-content active\" id=\"bathroom\">\r\n        <div class=\"tab-text\">\r\n          <h3><i class=\"fas fa-bath\"><\/i>\u885b\u6d74\u8207\u6f6e\u6fd5\u7a7a\u9593<\/h3>\r\n          <p>IP65 \u7684\u9ad8\u9632\u8b77\u7b49\u7d1a\u80fd\u6709\u6548\u963b\u7d55\u6c34\u6c23\u8207\u7070\u5875\u4fb5\u5165\uff0c\u78ba\u4fdd\u5728\u6d74\u5ba4\u7b49\u9ad8\u6fd5\u5ea6\u74b0\u5883\u4e0b\u4f9d\u7136\u5b89\u5168\u8010\u7528\uff0c\u7121\u9700\u64d4\u5fc3\u53d7\u6f6e\u640d\u58de\u3002<\/p>\r\n          <ul>\r\n            <li>IP65 \u9632\u6c34\u9632\u5875\u8a8d\u8b49<\/li>\r\n            <li>\u5bc6\u9589\u7d50\u69cb\u5b89\u5168\u53ef\u9760<\/li>\r\n            <li>\u6613\u65bc\u6e05\u6f54\u7dad\u8b77<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tab-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?auto=format&fit=crop&w=900&q=80\" alt=\"\u885b\u6d74\u7a7a\u9593\u7167\u660e\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-content\" id=\"balcony\">\r\n        <div class=\"tab-text\">\r\n          <h3><i class=\"fas fa-cloud-sun\"><\/i>\u967d\u53f0\u8207\u8d70\u5eca\u68af\u5ef3<\/h3>\r\n          <p>ASA \u8010\u5019\u6750\u8cea\u8207 IP65 \u9632\u8b77\u7684\u5b8c\u7f8e\u7d50\u5408\uff0c\u4f7f\u5176\u6210\u70ba\u967d\u53f0\u53ca\u516c\u5171\u8d70\u5eca\u7684\u7406\u60f3\u9078\u64c7\u3002\u80fd\u62b5\u6297\u6236\u5916\u6c23\u5019\u8b8a\u5316\uff0c\u9577\u671f\u4fdd\u6301\u5916\u89c0\u6f54\u6de8\u3002<\/p>\r\n          <ul>\r\n            <li>ASA \u6750\u8cea\u6297\u8001\u5316\u8010\u5019<\/li>\r\n            <li>\u9632\u5875\u9632\u87f2\u8a2d\u8a08<\/li>\r\n            <li>\u5d4c\u5165\u5f0f\u8a2d\u8a08\u8996\u89ba\u4fd0\u843d<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tab-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1595846519845-68e298c2edd8?auto=format&fit=crop&w=900&q=80\" alt=\"\u967d\u53f0\u8d70\u5eca\u7167\u660e\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-content\" id=\"bedroom\">\r\n        <div class=\"tab-text\">\r\n          <h3><i class=\"fas fa-couch\"><\/i>\u8d77\u5c45\u8207\u5546\u696d\u7a7a\u9593<\/h3>\r\n          <p>4000K \u81ea\u7136\u5149\u8272\u6eab\u63d0\u4f9b\u8212\u9069\u7684\u8996\u89ba\u9ad4\u9a57\u3002\u642d\u914d Triac \u8abf\u5149\u529f\u80fd\uff0c\u53ef\u96a8\u6642\u4f9d\u64da\u9700\u6c42\u8abf\u6574\u4eae\u5ea6\uff0c\u71df\u9020\u6700\u4f73\u7a7a\u9593\u6c1b\u570d\u3002<\/p>\r\n          <ul>\r\n            <li>Triac \u5e73\u6ed1\u8abf\u5149<\/li>\r\n            <li>CRI \u2267 80 \u9ad8\u986f\u8272\u6027<\/li>\r\n            <li>\u7121\u983b\u9583\u4fdd\u8b77\u8996\u529b<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tab-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=900&q=80\" alt=\"\u5c45\u5bb6\u7167\u660e\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 4. Remote\/Detail Section -->\r\n  <section class=\"remote-sec gsap-remote\">\r\n    <div class=\"remote-inner\">\r\n      <div class=\"remote-text remote-left\">\r\n        <h2>\u8010\u5019\u8a2d\u8a08\u8207\u9577\u6548\u58fd\u547d<\/h2>\r\n        <p>Greattop \u5805\u6301\u54c1\u8cea\u7d30\u7bc0\uff0c\u9078\u7528 ASA \u8010\u5019\u6750\u8cea\u6253\u9020\u5916\u6bbc\uff0c\u76f8\u8f03\u65bc\u50b3\u7d71\u6750\u8cea\u66f4\u8010\u65e5\u66ec\u96e8\u6dcb\u3002\u5d01\u5165\u5f0f\u8a2d\u8a08\u8b93\u71c8\u5177\u80fd\u8207\u5929\u82b1\u677f\u7dda\u689d\u5b8c\u7f8e\u878d\u5408\uff0c\u4e0d\u50c5\u7f8e\u89c0\u66f4\u5177\u5be6\u7528\u6027\u3002<\/p>\r\n        <ul>\r\n          <li><strong>\u8010\u5019\u6750\u8cea\uff1a<\/strong>ASA \u5916\u6bbc\uff0c\u6297 UV\u3001\u8010\u8001\u5316\uff0c\u9069\u7528\u65bc\u534a\u6236\u5916\u74b0\u5883\u3002<\/li>\r\n          <li><strong>\u9632\u8b77\u7b49\u7d1a\uff1a<\/strong>IP65 \u9ad8\u898f\u9632\u6c34\u9632\u5875\uff0c\u963b\u7d55\u6c34\u6c23\u8207\u6606\u87f2\u3002<\/li>\r\n          <li><strong>\u9577\u6548\u7bc0\u80fd\uff1a<\/strong>\u9577\u9054 25,000 \u5c0f\u6642\u4f7f\u7528\u58fd\u547d\uff0c\u6e1b\u5c11\u66f4\u63db\u983b\u7387\u8207\u6210\u672c\u3002<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      \r\n      <div class=\"remote-img remote-right\">\r\n        <div class=\"gt-slider-box\">\r\n          <div class=\"gt-slide active\" id=\"slide-1\">\r\n            <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2024\/11\/25_\u7db2\u9801\u7522\u54c1\u5716_15WLED\u9632\u6c34\u5438\u9802\u71c8-3.jpg\" alt=\"\u80cc\u9762\u8a2d\u8a08\">\r\n          <\/div>\r\n          <div class=\"gt-slide\" id=\"slide-2\">\r\n            <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2024\/11\/25_\u7db2\u9801\u7522\u54c1\u5716_15WLED\u9632\u6c34\u5438\u9802\u71c8-4.jpg\" alt=\"\u6750\u8cea\u7279\u5beb\">\r\n          <\/div>\r\n          <div class=\"gt-slide\" id=\"slide-3\">\r\n            <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2024\/11\/25_\u7db2\u9801\u7522\u54c1\u5716_15WLED\u9632\u6c34\u5438\u9802\u71c8-2.jpg\" alt=\"\u5074\u9762\u8996\u89d2\">\r\n          <\/div>\r\n          <div class=\"gt-slider-dots\">\r\n            <span class=\"gt-dot active\" onclick=\"gtSwitchSlide(0)\"><\/span>\r\n            <span class=\"gt-dot\" onclick=\"gtSwitchSlide(1)\"><\/span>\r\n            <span class=\"gt-dot\" onclick=\"gtSwitchSlide(2)\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 5. Technical Specs -->\r\n  <section id=\"spec-section\" class=\"spec-sec\">\r\n    <div class=\"spec-container\">\r\n      <h2 class=\"gt-section-title gsap-fade-up\">\u6280\u8853\u898f\u683c<\/h2>\r\n      <table class=\"spec-table\">\r\n\r\n        <tbody>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u578b\u865f<\/th>\r\n            <td class=\"spec-data-col\">L-C225015UT401<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u529f\u7387<\/th>\r\n            <td class=\"spec-data-col\">15W<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u8f38\u5165\u96fb\u58d3\u7bc4\u570d (Vac)<\/th>\r\n            <td class=\"spec-data-col\">100 ~ 240Vac<\/td>\r\n          <\/tr>\r\n           <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u983b\u7387<\/th>\r\n            <td class=\"spec-data-col\">50\/60 Hz<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u9632\u6c34\u7b49\u7d1a<\/th>\r\n            <td class=\"spec-data-col\">IP65<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u5149\u901a\u91cf (\u6d41\u660e, LM)<\/th>\r\n            <td class=\"spec-data-col\">1,500 lm<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u5c3a\u5bf8 (MM)<\/th>\r\n            <td class=\"spec-data-col\">\u03a6210*63<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u986f\u8272\u6307\u6578 (CRI)<\/th>\r\n            <td class=\"spec-data-col\">\u2267 80 Ra<\/td>\r\n          <\/tr>\r\n           <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u5149\u675f\u89d2\u5ea6<\/th>\r\n            <td class=\"spec-data-col\">120\u00b0<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u8272\u6eab (CCT)<\/th>\r\n            <td class=\"spec-data-col\">4000K<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u71c8\u9ad4\u6750\u6599<\/th>\r\n            <td class=\"spec-data-col\">ASA<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u5de5\u4f5c\u6eab\u5ea6<\/th>\r\n            <td class=\"spec-data-col\">-40 ~ 40\u00b0C, RH 85%<\/td>\r\n          <\/tr>\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">\u58fd\u547d (\u5c0f\u6642)<\/th>\r\n            <td class=\"spec-data-col\">25,000 \u5c0f\u6642<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- 4. JS \u8173\u672c -->\r\n<script>\r\nfunction gtSwitchSlide(index) {\r\n  const slides = document.querySelectorAll('.gt-slide');\r\n  const dots = document.querySelectorAll('.gt-dot');\r\n  slides.forEach(slide => slide.classList.remove('active'));\r\n  dots.forEach(dot => dot.classList.remove('active'));\r\n  if(slides[index]) slides[index].classList.add('active');\r\n  if(dots[index]) dots[index].classList.add('active');\r\n}\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  document.querySelectorAll('.tab-btn').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n      document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));\r\n      btn.classList.add('active');\r\n      document.getElementById(btn.dataset.tab).classList.add('active');\r\n    });\r\n  });\r\n\r\n  gsap.from(\".hero-text\", { x: -50, opacity: 0, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: \".hero-sec\", start: \"top 80%\" }});\r\n  gsap.from(\".hero-img\", { x: 50, opacity: 0, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: \".hero-sec\", start: \"top 80%\" }});\r\n\r\n  gsap.utils.toArray(\".gsap-fade-up\").forEach(el => {\r\n    gsap.from(el, { y: 30, opacity: 0, duration: 1, scrollTrigger: { trigger: el, start: \"top 90%\" } });\r\n  });\r\n  gsap.utils.toArray(\".gsap-card\").forEach((card, i) => {\r\n    gsap.to(card, {\r\n      opacity: 1, y: 0, duration: 0.8, delay: i * 0.1, ease: \"back.out(1.7)\",\r\n      scrollTrigger: { trigger: \".feature-grid\", start: \"top 85%\" }\r\n    });\r\n  });\r\n\r\n  gsap.from(\".remote-left\", { x: -50, opacity: 0, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: \".remote-sec\", start: \"top 75%\" } });\r\n  gsap.from(\".remote-right\", { x: 50, opacity: 0, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: \".remote-sec\", start: \"top 75%\" } });\r\n\r\n  gsap.from(\".spec-row\", {\r\n    opacity: 0, y: 20, duration: 0.6, ease: \"power2.out\", stagger: 0.1,\r\n    scrollTrigger: { trigger: \".spec-table\", start: \"top 85%\" }\r\n  });\r\n\r\n  const scrollBtn = document.getElementById(\"scroll-to-spec\");\r\n  if(scrollBtn){\r\n    scrollBtn.addEventListener(\"click\", function (e) {\r\n      e.preventDefault();\r\n      const target = document.querySelector(\"#spec-section\");\r\n      if(target){\r\n        const y = target.getBoundingClientRect().top + window.scrollY - 80; \r\n        window.scrollTo({ top: y, behavior: \"smooth\" });\r\n      }\r\n    });\r\n  }\r\n});\r\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<ul>\n<li>External power supply<\/li>\n<li>Surface-mounted design for easy replacement and maintenance.<\/li>\n<li>IP65 waterproof.<\/li>\n<li>Dimmable options available<\/li>\n<\/ul>","protected":false},"featured_media":35260,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","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":"var(--ast-global-color-4)","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":""}}},"product_brand":[],"product_cat":[181,186],"product_tag":[],"class_list":{"0":"post-33593","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-dimmable-light-fixtures","7":"product_cat-ceiling-light","8":"desktop-align-left","9":"tablet-align-left","10":"mobile-align-left","12":"first","13":"instock","14":"taxable","15":"shipping-taxable","16":"product-type-simple"},"acf":[],"_links":{"self":[{"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product\/33593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/comments?post=33593"}],"version-history":[{"count":46,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product\/33593\/revisions"}],"predecessor-version":[{"id":35680,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product\/33593\/revisions\/35680"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/media\/35260"}],"wp:attachment":[{"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/media?parent=33593"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product_brand?post=33593"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product_cat?post=33593"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product_tag?post=33593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}