{"id":32512,"date":"2025-04-08T09:38:06","date_gmt":"2025-04-08T01:38:06","guid":{"rendered":"https:\/\/greattop.com.tw\/?post_type=product&#038;p=32512"},"modified":"2026-01-05T11:19:13","modified_gmt":"2026-01-05T03:19:13","slug":"led-dimmable-panel-light-remote-control","status":"publish","type":"product","link":"https:\/\/greattop-tw.com\/en\/product\/led-dimmable-panel-light-remote-control\/","title":{"rendered":"LED RF Dimmable and Color-Tunable Panel Light"},"content":{"rendered":"<div data-elementor-type=\"product-post\" data-elementor-id=\"32512\" class=\"elementor elementor-32512\" data-elementor-post-type=\"product\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31eda49 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"31eda49\" 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-06457ed elementor-widget elementor-widget-html\" data-id=\"06457ed\" 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<!-- ========================================== -->\r\n<!-- \u5ee3\u62d3\u79d1\u6280 - RF\u8abf\u5149\u9762\u677f\u71c8 (\u6700\u7d42\u5b8c\u6574\u7248) -->\r\n<!-- ========================================== -->\r\n\r\n<!-- 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: 100px 0; background: #ffffff; position: relative; }\r\n  .hero-inner { max-width: 1200px; width: 90%; margin: auto; display: flex; align-items: center; gap: 60px; }\r\n  .hero-text { flex: 1; }\r\n  .hero-text h5 { color: #0C52D8; font-size: 18px; margin-bottom: 12px; font-weight: 600; letter-spacing: 1px; }\r\n  .hero-text h1 { font-size: 35px; font-weight: 800; margin-bottom: 15px; color: #EA5504; line-height: 1.25; }\r\n  .hero-text h1 span { color: #333; }\r\n  .hero-text p { font-size: 17px; color: #444; margin-bottom: 30px; line-height: 1.6; }\r\n  \r\n  .hero-buttons { display: flex; gap: 15px; flex-wrap: wrap; }\r\n  .hero-btn-blue, .hero-btn-outline {\r\n    padding: 12px 28px; border-radius: 50px; font-weight: 600; cursor: pointer;\r\n    display: inline-block; transition: all 0.3s ease; border: none; font-size: 16px; text-decoration: none;\r\n  }\r\n  .hero-btn-blue { background: #0C52D8; color: #fff; box-shadow: 0 4px 15px rgba(12, 82, 216, 0.3); }\r\n  .hero-btn-blue:hover { background: #093b9e; transform: translateY(-2px); }\r\n  .hero-btn-outline { border: 1.5px solid #ccc; color: #333; background: #fff; }\r\n  .hero-btn-outline:hover { border-color: #0C52D8; color: #0C52D8; transform: translateY(-2px); }\r\n  \r\n  .hero-img { flex: 1; perspective: 1000px; }\r\n  .hero-img img { width: 100%; border-radius: 12px; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }\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  .remote-img img { width: 100%; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.12); }\r\n\r\n  \/* --- \ud83d\udd36 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  \/* \u8868\u683c\u6a23\u5f0f\u8a2d\u5b9a *\/\r\n  .spec-table {\r\n    width: 100%;\r\n    border-collapse: collapse; \/* \u908a\u6846\u5408\u4f75 *\/\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n    font-size: 15px;\r\n  }\r\n\r\n  \/* \u901a\u7528\u55ae\u5143\u683c\u8a2d\u5b9a *\/\r\n  .spec-table th, .spec-table td {\r\n    border: 1px solid #ddd; \/* \u6dfa\u7070\u908a\u6846 *\/\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  \/* \u8868\u683c\u4e3b\u6a19\u984c (\u6a58\u8272\u5340\u584a) *\/\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  \/* \u5de6\u5074\u9805\u76ee\u6a19\u984c\u6b04 (\u6dfa\u7070\u8272) *\/\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  \/* \u6578\u64da\u5167\u5bb9\u6b04 (\u767d\u8272) *\/\r\n  .spec-data-col {\r\n    background-color: #fff;\r\n    color: #555;\r\n    width: 40%;\r\n  }\r\n\r\n  \/* \u61f8\u505c\u6548\u679c *\/\r\n  .spec-row:hover td, .spec-row:hover th.spec-item-col {\r\n    background-color: #fff5f0; \/* \u975e\u5e38\u6de1\u7684\u6a58\u8272 *\/\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-img, .remote-img { order: -1; width: 100%; }\r\n    .hero-buttons { justify-content: center; }\r\n    .feature-grid { grid-template-columns: repeat(2, 1fr); }\r\n    \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, .gt-section-title, .remote-text h2 { font-size: 28px; }\r\n    \r\n    \/* \u8868\u683c\u624b\u6a5f\u7248\u512a\u5316\uff1a\u53ef\u6a6b\u5411\u6372\u52d5 *\/\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>A New Era of Smart Lighting<\/h5>\r\n        <h1>LED RF Dimmable and Color-Tunable Panel Light<br><span>Precise Control of Every Degree of Light<\/span><\/h1>\r\n        <p>Specially designed for the construction industry and lighting professionals. Adjust brightness and color temperature with a single key to elevate the ambiance of commercial spaces.<\/p>\r\n        <div class=\"hero-buttons\">\r\n          <!-- \u4fee\u6539\u8655\uff1a\u4f4d\u7f6e\u8207\u984f\u8272\u6a23\u5f0f(class)\u4e92\u63db -->\r\n          <button class=\"hero-btn-blue\" id=\"scroll-to-spec\">View Technical Specs<\/button>\r\n          <a href=\"https:\/\/greattop-tw.com\/en\/terms-2-2\/\" class=\"hero-btn-outline\">Inquire Now<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-img gsap-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2025\/11\/\u55ae\u5716_\u5b98\u7db2\u7522\u54c1\u5716_LED-RF-\u8abf\u5149\u8abf\u8272\u5e73\u677f\u71c8.jpg\" alt=\"RF\u8abf\u5149\u9762\u677f\u71c8\">\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\">Core Advantages<\/h2>\r\n    <p class=\"gt-section-sub gsap-fade-up\">Industry-leading dimming technology to meet professional demands.<\/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-bolt\"><\/i><\/div>\r\n        <h4>Wireless Remote Control<\/h4>\r\n        <p>Utilizes RF (Radio Frequency) technology for long-range control. No rewiring required, making installation simple and fast.<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card gsap-card\">\r\n        <div class=\"feature-icon orange\"><i class=\"fas fa-sliders-h\"><\/i><\/div>\r\n        <h4>0-100% Dimming<\/h4>\r\n        <p>Stepless smooth dimming technology allowing for precise brightness adjustment to meet the needs of various scenarios such as meetings and presentations.<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card gsap-card\">\r\n        <div class=\"feature-icon blue\"><i class=\"fas fa-temperature-high\"><\/i><\/div>\r\n        <h4>Dual Color Temperature Adjustment<\/h4>\r\n        <p>Freely switch between 3000K (Warm White) and 6500K (Cool White) to create the ideal ambiance at any time.<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card gsap-card\">\r\n        <div class=\"feature-icon orange\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n        <h4>Energy Saving<\/h4>\r\n        <p>Combined with intelligent control, it saves up to 50% of power consumption compared to traditional lighting, reducing operating costs.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3. Applications (Tab Section) -->\r\n  <section class=\"app-sec\">\r\n    <h2 class=\"gt-section-title gsap-fade-up\">Diverse Application Scenarios<\/h2>\r\n    <p class=\"gt-section-sub gsap-fade-up\">One light, satisfying the professional lighting needs of various spaces.<\/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=\"office\"><i class=\"fas fa-building\"><\/i>Corporate Office<\/button>\r\n        <button class=\"tab-btn\" data-tab=\"retail\"><i class=\"fas fa-store\"><\/i>Commercial Display<\/button>\r\n        <button class=\"tab-btn\" data-tab=\"hospital\"><i class=\"fas fa-hospital\"><\/i>Medical \/ Educational Spaces<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tab-content active\" id=\"office\">\r\n        <div class=\"tab-text\">\r\n          <h3><i class=\"fas fa-building\"><\/i>Corporate Office<\/h3>\r\n          <p>Provides stable and soft illumination to create a workspace that balances professionalism and comfort.\nThe dimming system supports multiple control modes, meeting the diverse lighting needs of modern offices.<\/p>\r\n          <ul>\r\n            <li>Enhances employee focus and comfort<\/li>\r\n            <li>Supports Triac \/ 1\u201310V \/ PWM multi-control compatibility<\/li>\r\n            <li>Energy-saving design reduces long-term electricity costs<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tab-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2025\/11\/about-office-1.jpg\" alt=\"\u4f01\u696d\u8fa6\u516c\u5ba4\u7167\u660e\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-content\" id=\"retail\">\r\n        <div class=\"tab-text\">\r\n          <h3><i class=\"fas fa-store\"><\/i>Commercial Displays &amp; Retail Spaces<\/h3>\r\n          <p>Create versatile shopping ambiances with a flexible 10%\u201395% dimming range. High CRI ensures true-to-life color rendering of merchandise, elevating the customer shopping experience.<\/p>\r\n          <ul>\r\n            <li>Flexible lighting adjustments to attract shoppers<\/li>\r\n            <li>True-to-life product color rendering<\/li>\r\n            <li>Reduced energy costs<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tab-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2025\/11\/retail-space-C2g5c5DZ.jpg\" alt=\"\u5546\u696d\u5c55\u793a\u7a7a\u9593\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-content\" id=\"hospital\">\r\n        <div class=\"tab-text\">\r\n          <h3><i class=\"fas fa-hospital\"><\/i>Medical Facilities &amp; Educational Institutions<\/h3>\r\n          <p>Provide stable, soft ambient lighting to create a sense of comfort. The sealed design is easy to clean and maintain, meeting high hygiene standards while ensuring bright, clear visibility.<\/p>\r\n          <ul>\r\n            <li>Meets medical hygiene standards<\/li>\r\n            <li>Comfortable ambient lighting<\/li>\r\n            <li>Low maintenance requirements<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tab-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586773860418-d37222d8fce3?auto=format&fit=crop&w=900&q=80\" alt=\"\u91ab\u7642\u9662\u6240\u7167\u660e\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 4. Remote 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>Professional Grade Remote Control System<\/h2>\r\n        <p>Utilizes the latest RF technology with a control range of up to 30 meters. Features strong wall penetration capability and stable signals without interference.<\/p>\r\n        <ul>\r\n          <li><strong>Memory Function:<\/strong>Automatically memorizes brightness and color temperature settings after turning off, retaining them for the next time the light is turned on.<\/li>\r\n          <li><strong>Group Control:<\/strong>One remote can control multiple groups of lighting fixtures simultaneously, making zone management easier.<\/li>\r\n          <li><strong>Scene Modes:<\/strong>One-key quick switch between Full Brightness \/ Night Light \/ Reading modes.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"remote-img remote-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/greattop-tw.com\/wp-content\/uploads\/2025\/11\/\u5408\u6210.jpg\" alt=\"\u9059\u63a7\u7cfb\u7d71\u793a\u610f\u5716\">\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      \r\n      <h2 class=\"gt-section-title gsap-fade-up\">Specifications<\/h2>\r\n      \r\n      <table class=\"spec-table\">\r\n        <!-- \u4e3b\u6a19\u984c -->\r\n        <thead class=\"spec-header-main\">\r\n          <tr>\r\n            <th colspan=\"3\">LED Panel Light Specifications<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <!-- Row 1: \u578b\u865f -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">Model<\/th>\r\n            <td class=\"spec-data-col\">RF Single Color Dimmable :\nL-F6032U001<\/td>\r\n            <td class=\"spec-data-col\">RF CCT Dimmable :\nL-F6032UR401<\/td>\r\n          <\/tr>\r\n          <!-- Row 2: \u8f38\u5165\u96fb\u58d3 -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col translation-block\">Input Voltage<\/th>\r\n            <td colspan=\"2\" class=\"spec-data-col\">100 ~ 240Vac, 50 \/ 60Hz<\/td>\r\n          <\/tr>\r\n          <!-- Row 3: \u984d\u5b9a\u8f38\u5165\u529f\u7387 -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col translation-block\">Rated Power Consumption<\/th>\r\n            <td class=\"spec-data-col\">32W\u00b12W<\/td>\r\n            <td class=\"spec-data-col\">50W(type)<\/td>\r\n          <\/tr>\r\n          <!-- Row 4: \u529f\u7387\u56e0\u6578 -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">Power Factor<\/th>\r\n            <td colspan=\"2\" class=\"spec-data-col\">&gt;0.9<\/td>\r\n          <\/tr>\r\n          <!-- Row 5: \u5149\u901a\u91cf -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col translation-block\">Luminous Flux<\/th>\r\n            <td class=\"spec-data-col\">4200LM<\/td>\r\n            <td class=\"spec-data-col\">5700LM<\/td>\r\n          <\/tr>\r\n          <!-- Row 6: \u8272\u6eab -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col\">Color Temperature (CCT)<\/th>\r\n            <td class=\"spec-data-col\">4000K \/ 6500K<\/td>\r\n            <td class=\"spec-data-col\">3000K + 6000K (Bi-color)<\/td>\r\n          <\/tr>\r\n          <!-- Row 7: \u986f\u8272\u6307\u6578 -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col translation-block\">Color Rendering Index (CRI)<\/th>\r\n            <td colspan=\"2\" class=\"spec-data-col\">\u2267 80 Ra<\/td>\r\n          <\/tr>\r\n          <!-- Row 8: \u5de5\u4f5c\u6eab\u5ea6 -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col translation-block\">Operating Temperature<\/th>\r\n            <td colspan=\"2\" class=\"spec-data-col\">0\u00b0C~40\u00b0C<\/td>\r\n          <\/tr>\r\n          <!-- Row 9: \u5c3a\u5bf8 -->\r\n          <tr class=\"spec-row\">\r\n            <th class=\"spec-item-col translation-block\">Dimensions (mm)<\/th>\r\n            <td colspan=\"2\" class=\"spec-data-col\">600*600*30mm<\/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\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  \/\/ --- 1. Tab \u5207\u63db\u908f\u8f2f ---\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  \/\/ --- 2. GSAP \u52d5\u756b ---\r\n  \r\n  \/\/ Hero\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  \/\/ Features & Titles (\u5305\u542b\u65b0\u6a19\u984c)\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\r\n  \/\/ Feature Cards\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  \/\/ Remote\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  \/\/ Specs Table Animation\r\n  gsap.from(\".spec-row\", {\r\n    opacity: 0, \r\n    y: 20, \r\n    duration: 0.6, \r\n    ease: \"power2.out\", \r\n    stagger: 0.1,\r\n    scrollTrigger: { \r\n      trigger: \".spec-table\", \r\n      start: \"top 85%\" \r\n    }\r\n  });\r\n\r\n  \/\/ --- 3. Scroll to Specs ---\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<div class=\"elementor-element elementor-element-4a86c4a9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"4a86c4a9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7d69683 bdt-backdrop-filter-yes e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"7d69683\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fffc562 elementor-widget elementor-widget-text-editor\" data-id=\"5fffc562\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-slide-heading\">Smart Lighting for a Better Planet.<\/p>\t\t\t\t\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<ul>\n<li>Uniform and soft lighting<\/li>\n<li>Comfortable dimming to reduce energy consumption<\/li>\n<li>Sealed design for dust and stain resistance.<\/li>\n<li>Compatible with 60x60cm grid ceiling frames for easy replacement.<\/li>\n<\/ul>","protected":false},"featured_media":33533,"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],"product_tag":[],"class_list":{"0":"post-32512","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-dimmable-light-fixtures","7":"desktop-align-left","8":"tablet-align-left","9":"mobile-align-left","11":"first","12":"instock","13":"taxable","14":"shipping-taxable","15":"product-type-simple"},"acf":[],"_links":{"self":[{"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product\/32512","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=32512"}],"version-history":[{"count":65,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product\/32512\/revisions"}],"predecessor-version":[{"id":35643,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product\/32512\/revisions\/35643"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/media\/33533"}],"wp:attachment":[{"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/media?parent=32512"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product_brand?post=32512"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product_cat?post=32512"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/greattop-tw.com\/en\/wp-json\/wp\/v2\/product_tag?post=32512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}