{"id":4024,"date":"2026-05-05T09:40:24","date_gmt":"2026-05-05T01:40:24","guid":{"rendered":"https:\/\/factory-supplier.com\/?page_id=4024"},"modified":"2026-05-13T15:37:06","modified_gmt":"2026-05-13T07:37:06","slug":"111-2","status":"publish","type":"page","link":"https:\/\/factory-supplier.com\/af\/111-2\/","title":{"rendered":"111"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4024\" class=\"elementor elementor-4024\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59d59f3 e-con-full e-flex e-con e-parent\" data-id=\"59d59f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9bac3a elementor-widget elementor-widget-html\" data-id=\"d9bac3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"stage-lighting-module\">\r\n    <style>\r\n        \/* \u6240\u6709\u6837\u5f0f\u9650\u5b9a\u5728\u6b64\u6a21\u5757\u5185\uff0c\u786e\u4fdd\u4e0d\u5f71\u54cd Elementor \u5168\u5c40\u6837\u5f0f *\/\r\n        .stage-lighting-module {\r\n            position: relative;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            background: #0a0a0e;       \/* \u6df1\u70ad\u7070\u57fa\u5e95 *\/\r\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;\r\n            color: #eef2f5;\r\n            isolation: isolate;\r\n        }\r\n\r\n        .stage-lighting-module *,\r\n        .stage-lighting-module *::before,\r\n        .stage-lighting-module *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u4e3b\u5185\u5bb9\u533a\uff08\u65e0\u5934\u5c3e\uff09*\/\r\n        .module-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 5rem 2rem 8rem 2rem;\r\n        }\r\n\r\n        \/* ========= \u821e\u53f0\u706f\u5149\u80cc\u666f\u5c42\uff08\u5f3a\u5316\u5149\u675f\u3001\u626b\u63cf\u3001\u5149\u67f1\u6548\u679c\uff09 ========= *\/\r\n        .lighting-bg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u52a8\u6001\u5f69\u8272\u5149\u6655\uff08\u6a21\u62df\u67d3\u8272\u706f\uff09 *\/\r\n        .light-orbs {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .orb {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            opacity: 0.4;\r\n            animation: orbFloat 18s infinite alternate ease-in-out;\r\n        }\r\n\r\n        .orb-1 {\r\n            width: 70vw;\r\n            height: 70vw;\r\n            top: -25vh;\r\n            left: -20vw;\r\n            background: radial-gradient(circle, rgba(180, 200, 240, 0.6), rgba(70, 90, 120, 0));\r\n            animation-duration: 22s;\r\n        }\r\n\r\n        .orb-2 {\r\n            width: 55vw;\r\n            height: 55vw;\r\n            bottom: -20vh;\r\n            right: -15vw;\r\n            background: radial-gradient(circle, rgba(210, 225, 250, 0.5), rgba(50, 65, 90, 0));\r\n            animation-duration: 25s;\r\n            animation-delay: -3s;\r\n        }\r\n\r\n        .orb-3 {\r\n            width: 45vw;\r\n            height: 45vw;\r\n            top: 30%;\r\n            left: 20%;\r\n            background: radial-gradient(circle, rgba(140, 170, 210, 0.4), rgba(20, 30, 45, 0));\r\n            animation-duration: 20s;\r\n            animation-delay: -7s;\r\n        }\r\n\r\n        \/* ===== \u52a8\u6001\u5149\u675f\uff1a\u6a21\u62df\u821e\u53f0\u6447\u5934\u5149\u675f \/ \u626b\u63cf\u5149\u67f1 ===== *\/\r\n        .light-beam {\r\n            position: absolute;\r\n            background: linear-gradient(105deg, \r\n                        rgba(210, 225, 255, 0) 0%,\r\n                        rgba(190, 210, 250, 0.25) 30%,\r\n                        rgba(230, 245, 255, 0.45) 50%,\r\n                        rgba(190, 210, 250, 0.25) 70%,\r\n                        rgba(210, 225, 255, 0) 100%);\r\n            filter: blur(18px);\r\n            transform-origin: left center;\r\n            animation: beamSweep 8s infinite alternate ease-in-out;\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\u5c04\u706f\u5149\u675f *\/\r\n        .beam-left {\r\n            top: 20%;\r\n            left: -10%;\r\n            width: 80%;\r\n            height: 60%;\r\n            transform: skewY(-8deg) rotate(5deg);\r\n            animation-duration: 7s;\r\n            background: linear-gradient(120deg, \r\n                        rgba(200, 215, 245, 0.15) 0%,\r\n                        rgba(230, 245, 255, 0.4) 40%,\r\n                        rgba(255, 255, 245, 0.5) 60%,\r\n                        rgba(200, 215, 245, 0.1) 100%);\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\u8ffd\u9010\u5149\u675f *\/\r\n        .beam-right {\r\n            top: 50%;\r\n            right: -15%;\r\n            width: 70%;\r\n            height: 70%;\r\n            transform: skewY(12deg) rotate(-8deg);\r\n            animation: beamSweepRight 9s infinite alternate;\r\n            background: linear-gradient(240deg, \r\n                        rgba(170, 190, 225, 0.1) 0%,\r\n                        rgba(210, 230, 255, 0.35) 50%,\r\n                        rgba(245, 255, 250, 0.55) 75%,\r\n                        rgba(170, 190, 225, 0) 100%);\r\n        }\r\n\r\n        \/* \u9876\u90e8\u5782\u76f4\u8ffd\u5149 *\/\r\n        .beam-top {\r\n            top: -20%;\r\n            left: 30%;\r\n            width: 40%;\r\n            height: 90%;\r\n            background: linear-gradient(180deg, \r\n                        rgba(230, 240, 255, 0.2) 0%,\r\n                        rgba(200, 220, 250, 0.5) 40%,\r\n                        rgba(180, 200, 235, 0.2) 100%);\r\n            filter: blur(25px);\r\n            transform: rotate(0deg);\r\n            animation: topBeamPulse 5s infinite alternate;\r\n        }\r\n\r\n        @keyframes beamSweep {\r\n            0% { transform: skewY(-8deg) rotate(5deg) translateX(0%) translateY(0%); opacity: 0.3; }\r\n            100% { transform: skewY(-4deg) rotate(12deg) translateX(15%) translateY(8%); opacity: 0.7; }\r\n        }\r\n\r\n        @keyframes beamSweepRight {\r\n            0% { transform: skewY(12deg) rotate(-8deg) translateX(0%) translateY(0%); opacity: 0.25; }\r\n            100% { transform: skewY(6deg) rotate(-15deg) translateX(-12%) translateY(-5%); opacity: 0.65; }\r\n        }\r\n\r\n        @keyframes topBeamPulse {\r\n            0% { opacity: 0.2; transform: scaleY(1) translateY(0%); filter: blur(20px);}\r\n            100% { opacity: 0.6; transform: scaleY(1.2) translateY(10%); filter: blur(28px);}\r\n        }\r\n\r\n        \/* \u6a21\u62df\u9891\u95ea\u6548\u679c\u7684\u5149\u6655\u5c42\uff08\u5076\u5c14\u95ea\u70c1\uff09 *\/\r\n        .strobe-flash {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at 40% 50%, rgba(255, 245, 210, 0.08) 0%, transparent 70%);\r\n            pointer-events: none;\r\n            animation: strobeGlow 4s infinite;\r\n        }\r\n\r\n        @keyframes strobeGlow {\r\n            0%, 95%, 100% { opacity: 0; }\r\n            96% { opacity: 0.3; }\r\n            98% { opacity: 0.1; }\r\n        }\r\n\r\n        \/* \u6781\u7b80\u79d1\u6280\u7ebf\u6761\u88c5\u9970\uff08\u7f51\u683c\u3001\u659c\u7ebf\u3001\u6d41\u5149\u6761\uff09 *\/\r\n        .tech-lines {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .grid-pattern {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                linear-gradient(to right, rgba(160, 175, 200, 0.12) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(160, 175, 200, 0.12) 1px, transparent 1px);\r\n            background-size: 48px 48px;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .diagonal-lines {\r\n            position: absolute;\r\n            width: 200%;\r\n            height: 200%;\r\n            top: -50%;\r\n            left: -50%;\r\n            background: repeating-linear-gradient(\r\n                45deg,\r\n                transparent,\r\n                transparent 40px,\r\n                rgba(190, 205, 230, 0.06) 40px,\r\n                rgba(190, 205, 230, 0.1) 80px\r\n            );\r\n            transform: rotate(12deg);\r\n            animation: subtleShift 20s linear infinite;\r\n        }\r\n\r\n        .diagonal-lines-reverse {\r\n            position: absolute;\r\n            width: 200%;\r\n            height: 200%;\r\n            top: -30%;\r\n            left: -20%;\r\n            background: repeating-linear-gradient(\r\n                -35deg,\r\n                transparent,\r\n                transparent 55px,\r\n                rgba(110, 125, 155, 0.05) 55px,\r\n                rgba(140, 155, 185, 0.08) 95px\r\n            );\r\n            animation: subtleShiftRev 25s linear infinite;\r\n        }\r\n\r\n        @keyframes subtleShift {\r\n            0% { transform: translateX(0) translateY(0) rotate(12deg); }\r\n            100% { transform: translateX(30px) translateY(20px) rotate(12deg); }\r\n        }\r\n        @keyframes subtleShiftRev {\r\n            0% { transform: translateX(0) translateY(0) rotate(-35deg); }\r\n            100% { transform: translateX(-25px) translateY(15px) rotate(-35deg); }\r\n        }\r\n\r\n        .glow-strip {\r\n            position: absolute;\r\n            bottom: 15%;\r\n            left: -5%;\r\n            width: 40%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, rgba(210, 225, 250, 0.5), rgba(255,255,245,0.7), transparent);\r\n            filter: blur(3px);\r\n            animation: pulseWidth 8s infinite alternate;\r\n        }\r\n        .glow-strip-2 {\r\n            top: 20%;\r\n            right: -2%;\r\n            width: 35%;\r\n            height: 1.5px;\r\n            background: linear-gradient(270deg, transparent, rgba(185, 200, 230, 0.6), rgba(210,225,255,0.9), transparent);\r\n            filter: blur(3px);\r\n            animation: pulseWidth 12s infinite alternate-reverse;\r\n        }\r\n\r\n        @keyframes pulseWidth {\r\n            0% { opacity: 0.2; width: 25%; }\r\n            100% { opacity: 0.7; width: 45%; }\r\n        }\r\n\r\n        \/* ===== \u7248\u5f0f\u8bbe\u8ba1\uff08\u6e10\u53d8\u6587\u5b57\u3001\u8f7b\u60ac\u6d6e\u6309\u94ae\u3001\u5361\u7247\uff09 ===== *\/\r\n        .hero-section {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            margin-bottom: 6rem;\r\n            position: relative;\r\n        }\r\n\r\n        .light-icon-symbol {\r\n            width: 100px;\r\n            height: 100px;\r\n            background: radial-gradient(ellipse at 30% 40%, rgba(210, 220, 240, 0.2), rgba(70,80,100,0.1));\r\n            border-radius: 50% 50% 30% 30%;\r\n            margin-bottom: 2rem;\r\n            position: relative;\r\n            box-shadow: 0 0 15px rgba(170, 190, 220, 0.3);\r\n            border: 1px solid rgba(180, 195, 220, 0.3);\r\n        }\r\n        .light-icon-symbol::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 20%;\r\n            left: 20%;\r\n            width: 60%;\r\n            height: 30%;\r\n            background: linear-gradient(135deg, #d9e2f0, #9aaec9);\r\n            border-radius: 40%;\r\n            filter: blur(5px);\r\n            opacity: 0.6;\r\n        }\r\n        .light-icon-symbol::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: 15%;\r\n            left: 30%;\r\n            width: 40%;\r\n            height: 20%;\r\n            background: linear-gradient(90deg, #bcc8df, #eef2fc);\r\n            border-radius: 20px;\r\n            filter: blur(4px);\r\n        }\r\n\r\n        .gradient-text {\r\n            background: linear-gradient(135deg, #f0f4fe, #b9c5e0, #e2e9ff);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n            font-weight: 700;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .main-title {\r\n            font-size: clamp(3rem, 8vw, 5.8rem);\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            margin-bottom: 1.2rem;\r\n        }\r\n\r\n        .subhead {\r\n            font-size: clamp(1rem, 4vw, 1.35rem);\r\n            color: #b7c2d9;\r\n            max-width: 650px;\r\n            margin: 0 auto 2rem auto;\r\n            font-weight: 400;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        .button-group {\r\n            display: flex;\r\n            gap: 1.8rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 0.9rem 2.2rem;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n            border-radius: 60px;\r\n            text-decoration: none;\r\n            transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n            cursor: pointer;\r\n            border: 1px solid rgba(210, 220, 240, 0.4);\r\n            background: rgba(18, 22, 30, 0.75);\r\n            color: #eef3ff;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .btn-primary {\r\n            background: rgba(45, 55, 75, 0.85);\r\n            border-color: rgba(180, 200, 235, 0.7);\r\n            color: white;\r\n            box-shadow: 0 8px 18px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: rgba(80, 100, 135, 0.9);\r\n            border-color: rgba(220, 235, 255, 0.9);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 18px 28px -8px rgba(0,0,0,0.4), 0 0 12px rgba(160,180,215,0.4);\r\n        }\r\n\r\n        .btn-outline {\r\n            background: transparent;\r\n            border: 1px solid rgba(170, 185, 215, 0.7);\r\n            color: #dbecff;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: rgba(70, 85, 110, 0.6);\r\n            transform: translateY(-5px);\r\n            border-color: #cddefa;\r\n            box-shadow: 0 15px 25px -8px rgba(0,0,0,0.35);\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n            position: relative;\r\n        }\r\n\r\n        .feature-card {\r\n            background: rgba(14, 18, 24, 0.7);\r\n            border-radius: 36px;\r\n            padding: 2rem 1.8rem;\r\n            border: 1px solid rgba(160, 175, 200, 0.25);\r\n            transition: all 0.4s ease;\r\n            box-shadow: 0 10px 20px -5px rgba(0,0,0,0.3);\r\n            text-align: center;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: rgba(190, 210, 245, 0.6);\r\n            background: rgba(24, 30, 40, 0.85);\r\n            box-shadow: 0 20px 32px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(200,215,245,0.2);\r\n        }\r\n\r\n        \/* \u5361\u7247\u56fe\u6807\u56fe\u7247\u6837\u5f0f *\/\r\n        .card-icon-img {\r\n            width: 56px;\r\n            height: 56px;\r\n            margin-bottom: 1.5rem;\r\n            display: inline-block;\r\n            object-fit: contain;\r\n            filter: drop-shadow(0 0 6px rgba(180, 200, 240, 0.4));\r\n            transition: transform 0.2s ease;\r\n        }\r\n        .feature-card:hover .card-icon-img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .feature-card h3 {\r\n            font-size: 1.6rem;\r\n            font-weight: 600;\r\n            margin-bottom: 0.75rem;\r\n            letter-spacing: -0.3px;\r\n            background: linear-gradient(120deg, #f0f5ff 30%, #b9c6e2 90%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n        }\r\n\r\n        .feature-card p {\r\n            font-size: 0.95rem;\r\n            color: #cbd6f0c9;\r\n            line-height: 1.5;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .spotlight-show {\r\n            margin-top: 5rem;\r\n            text-align: center;\r\n            position: relative;\r\n            padding: 2rem 0 1rem;\r\n        }\r\n\r\n        .beam-showcase {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            flex-wrap: wrap;\r\n            margin-top: 1.5rem;\r\n        }\r\n        .beam-unit {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 20px;\r\n            transition: 0.2s;\r\n            box-shadow: 0 0 12px rgba(150, 175, 210, 0.3);\r\n            position: relative;\r\n            border: 1px solid rgba(220, 235, 255, 0.5);\r\n        }\r\n        .beam-unit:hover {\r\n            transform: scale(1.05);\r\n            filter: brightness(1.1);\r\n            border-color: rgba(255,255,245,0.8);\r\n        }\r\n        .beam-unit::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -20px;\r\n            left: 30%;\r\n            width: 40%;\r\n            height: 30px;\r\n            background: linear-gradient(0deg, rgba(170,190,225,0.4), transparent);\r\n            filter: blur(10px);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .label-light {\r\n            display: inline-block;\r\n            margin-top: 2rem;\r\n            font-size: 0.8rem;\r\n            letter-spacing: 2px;\r\n            color: #9eabc2;\r\n            border-top: 1px solid rgba(150,165,190,0.4);\r\n            padding-top: 1rem;\r\n        }\r\n\r\n        @media (max-width: 750px) {\r\n            .module-content {\r\n                padding: 3rem 1.5rem 6rem;\r\n            }\r\n            .feature-card {\r\n                padding: 1.5rem;\r\n            }\r\n            .button-group {\r\n                gap: 1rem;\r\n            }\r\n            .btn {\r\n                padding: 0.7rem 1.6rem;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- \u821e\u53f0\u706f\u5149\u6548\u679c\u5c42\uff08\u52a8\u6001\u5149\u675f\u3001\u5149\u6655\u3001\u9891\u95ea\uff09 -->\r\n    <div class=\"lighting-bg\">\r\n        <div class=\"light-orbs\">\r\n            <div class=\"orb orb-1\"><\/div>\r\n            <div class=\"orb orb-2\"><\/div>\r\n            <div class=\"orb orb-3\"><\/div>\r\n        <\/div>\r\n        <div class=\"light-beam beam-left\"><\/div>\r\n        <div class=\"light-beam beam-right\"><\/div>\r\n        <div class=\"light-beam beam-top\"><\/div>\r\n        <div class=\"strobe-flash\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u6781\u7b80\u79d1\u6280\u7ebf\u6761\u88c5\u9970 -->\r\n    <div class=\"tech-lines\">\r\n        <div class=\"grid-pattern\"><\/div>\r\n        <div class=\"diagonal-lines\"><\/div>\r\n        <div class=\"diagonal-lines-reverse\"><\/div>\r\n        <div class=\"glow-strip\"><\/div>\r\n        <div class=\"glow-strip-2\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u4e3b\u5185\u5bb9\uff0c\u65e0\u5934\u90e8\u5c3e\u90e8 -->\r\n    <div class=\"module-content\">\r\n        <div class=\"hero-section\">\r\n            <div class=\"light-icon-symbol\"><\/div>\r\n            <h1 class=\"main-title\">\r\n                <span class=\"gradient-text\">AURORA STAGE<\/span><br>\r\n                <span class=\"gradient-text\" style=\"font-weight: 600;\">\u5149\u4e4b\u68f1\u955c<\/span>\r\n            <\/h1>\r\n            <p class=\"subhead\">\r\n                \u52a8\u6001\u5149\u675f\u5f15\u64ce \u00b7 \u6c89\u6d78\u5f0f\u821e\u53f0\u53d9\u4e8b<br>\r\n                \u6781\u7b80\u4e3b\u4e49\u4e0e\u5c16\u7aef\u5149\u5b66\u7684\u4ea4\u54cd\r\n            <\/p>\r\n            <div class=\"button-group\">\r\n                <a href=\"#\" class=\"btn btn-primary\">\u63a2\u7d22\u706f\u5177\u7cfb\u5217<\/a>\r\n                <a href=\"#\" class=\"btn btn-outline\">\u5149\u675f\u5b9e\u9a8c\u5ba4<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"features-grid\">\r\n            <!-- \u5168\u5149\u8c31\u5f15\u64ce\u5361\u7247\uff1a\u4f7f\u7528\u56fe\u7247\u56fe\u6807\uff08base64 \u5149\u8c31\u98ce\u683c\uff09 -->\r\n            <div class=\"feature-card\">\r\n                <img decoding=\"async\" class=\"card-icon-img\" src=\"https:\/\/factory-supplier.com\/wp-content\/uploads\/2026\/05\/0000.png\" alt=\"\u5168\u5149\u8c31\u5f15\u64ce\u56fe\u6807\">\r\n                <h3>\u5168\u5149\u8c31\u5f15\u64ce<\/h3>\r\n                <p>\u7cbe\u51c6RGBW\u6df7\u8272\u7cfb\u7edf\uff0c16-bit\u7ec6\u817b\u8c03\u5149\uff0c\u4ece\u51b7\u51bd\u6708\u5149\u5230\u70bd\u70ed\u7194\u5ca9\uff0c\u65e0\u9650\u8272\u5f69\u53ef\u80fd\u3002<\/p>\r\n            <\/div>\r\n            <!-- \u8d85\u9759\u97f3\u6563\u70ed\u5361\u7247\uff1a\u56fe\u7247\u56fe\u6807\uff08\u6563\u70ed\/\u98ce\u6247\u98ce\u683c\uff09 -->\r\n            <div class=\"feature-card\">\r\n                <img decoding=\"async\" class=\"card-icon-img\" src=\"https:\/\/factory-supplier.com\/wp-content\/uploads\/2026\/05\/0000.png\" alt=\"\u8d85\u9759\u97f3\u6563\u70ed\u56fe\u6807\">\r\n                <h3>\u8d85\u9759\u97f3\u6563\u70ed<\/h3>\r\n                <p>\u822a\u7a7a\u7ea7\u6db2\u6001\u6563\u70ed\u67b6\u6784\uff0c\u6f14\u51fa\u4e2d\u5b8c\u7f8e\u9690\u4e8e\u5e55\u540e\uff0c\u517c\u5177\u9ad8\u4eae\u8f93\u51fa\u4e0e\u4f4e\u6e29\u8fd0\u884c\u3002<\/p>\r\n            <\/div>\r\n            <!-- DMX\/RDM \u878d\u5408\u5361\u7247\uff1a\u56fe\u7247\u56fe\u6807\uff08\u4fe1\u53f7\/\u7f51\u7edc\u98ce\u683c\uff09 -->\r\n            <div class=\"feature-card\">\r\n                <img decoding=\"async\" class=\"card-icon-img\" src=\"https:\/\/factory-supplier.com\/wp-content\/uploads\/2026\/05\/0000.png\" alt=\"DMX\/RDM \u878d\u5408\u56fe\u6807\">\r\n                <h3>DMX\/RDM \u878d\u5408<\/h3>\r\n                <p>\u53cc\u534f\u8bae\u667a\u80fd\u901a\u8baf\uff0cArt-Net\u4e0esACN\u517c\u5bb9\uff0c\u6781\u901f\u54cd\u5e94\uff0c\u521b\u7f16\u5149\u8def\u66f4\u81ea\u7531\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u5149\u675f\u827a\u672f\u9635\u5217 - \u56db\u4e2a\u65b9\u6846\u989c\u8272\uff1a\u7ea2\u3001\u9ec4\u3001\u7eff\u3001\u7d2b -->\r\n        <div class=\"spotlight-show\">\r\n            <span class=\"label-light\">\u2726 \u5149\u675f\u827a\u672f\u9635\u5217 \u2726<\/span>\r\n            <div class=\"beam-showcase\">\r\n                <div class=\"beam-unit\" style=\"background: radial-gradient(ellipse at 30% 40%, rgba(255, 80, 80, 0.85), rgba(180, 30, 30, 0.6)); animation: orbFloat 3s infinite alternate;\"><\/div>\r\n                <div class=\"beam-unit\" style=\"background: radial-gradient(ellipse at 30% 40%, rgba(255, 230, 80, 0.9), rgba(200, 150, 30, 0.65)); animation: orbFloat 3.5s infinite alternate-reverse;\"><\/div>\r\n                <div class=\"beam-unit\" style=\"background: radial-gradient(ellipse at 30% 40%, rgba(80, 255, 120, 0.85), rgba(30, 150, 50, 0.65)); animation: orbFloat 4s infinite alternate;\"><\/div>\r\n                <div class=\"beam-unit\" style=\"background: radial-gradient(ellipse at 30% 40%, rgba(200, 80, 255, 0.85), rgba(120, 30, 180, 0.65)); animation: orbFloat 2.8s infinite alternate-reverse;\"><\/div>\r\n            <\/div>\r\n            <p style=\"font-size: 0.85rem; margin-top: 1.8rem; letter-spacing: 1px; color: #bac8e3;\">\u52a8\u6001\u5149\u9525 | \u65e0\u6781\u65cb\u8f6c | \u8d85\u7a84\u5149\u675f\u89d2\u79d1\u6280<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea3c55a e-con-full e-flex e-con e-parent\" data-id=\"ea3c55a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4827002 elementor-widget elementor-widget-image\" data-id=\"4827002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1785\" height=\"650\" src=\"https:\/\/factory-supplier.com\/wp-content\/uploads\/2026\/05\/04.png\" class=\"attachment-full size-full wp-image-6083\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ea206b e-con-full e-flex e-con e-parent\" data-id=\"5ea206b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b8276e elementor-widget elementor-widget-html\" data-id=\"0b8276e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u4ea7\u54c1\u677f\u5757\u5bb9\u5668\u5f00\u59cb -->\r\n<div class=\"prod-container-fluid\">\r\n    <div class=\"prod-row\">\r\n        \r\n        <!-- \u4ea7\u54c1 1 -->\r\n        <div class=\"prod-item\">\r\n            <div class=\"prod-inner\">\r\n                <div class=\"prod-img-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?random=11\" alt=\"Product\">\r\n                <\/div>\r\n                <h3 class=\"prod-name\">\u91cf\u5b50\u8ba1\u7b97\u6838\u5fc3<\/h3>\r\n                <p class=\"prod-info\">\u65b0\u4e00\u4ee3\u7b97\u529b\u5f15\u64ce\uff0c\u7a81\u7834\u6548\u7387\u6781\u9650\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u4ea7\u54c1 2 -->\r\n        <div class=\"prod-item\">\r\n            <div class=\"prod-inner\">\r\n                <div class=\"prod-img-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?random=12\" alt=\"Product\">\r\n                <\/div>\r\n                <h3 class=\"prod-name\">\u795e\u7ecf\u5143\u4ea4\u4e92\u5668<\/h3>\r\n                <p class=\"prod-info\">\u6df1\u5ea6\u611f\u77e5\u6280\u672f\uff0c\u5b9e\u73b0\u4eba\u673a\u65e0\u7f1d\u8fde\u63a5\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u4ea7\u54c1 3 -->\r\n        <div class=\"prod-item\">\r\n            <div class=\"prod-inner\">\r\n                <div class=\"prod-img-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?random=13\" alt=\"Product\">\r\n                <\/div>\r\n                <h3 class=\"prod-name\">\u81ea\u9002\u5e94\u88c5\u7532<\/h3>\r\n                <p class=\"prod-info\">\u667a\u80fd\u6750\u6599\u6784\u6210\uff0c\u63d0\u4f9b\u5168\u65b9\u4f4d\u7269\u7406\u9632\u62a4\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u4ea7\u54c1 4 -->\r\n        <div class=\"prod-item\">\r\n            <div class=\"prod-inner\">\r\n                <div class=\"prod-img-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?random=14\" alt=\"Product\">\r\n                <\/div>\r\n                <h3 class=\"prod-name\">\u661f\u9645\u901a\u8baf\u6a21\u7ec4<\/h3>\r\n                <p class=\"prod-info\">\u8de8\u661f\u7cfb\u5b9e\u65f6\u901a\u8baf\uff0c\u5ef6\u8fdf\u8d8b\u8fd1\u4e8e\u96f6\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* \u6839\u5bb9\u5668\uff1a\u786e\u4fdd\u80cc\u666f\u5e72\u51c0\uff0c\u4e0e\u5176\u4ed6\u677f\u5757\u9694\u79bb *\/\r\n        .prod-container-fluid {\r\n            width: 100%;\r\n            padding: 60px 10px;\r\n            background: #080a12;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u6838\u5fc3\u5e03\u5c40\uff1a\u8bbe\u7f6e\u4e3a 4 \u5217\u4e00\u6392 *\/\r\n        .prod-row {\r\n            display: grid;\r\n            \/* \u6838\u5fc3\u4fee\u6539\uff1a\u5f3a\u5236 4 \u5217\uff0c\u6bcf\u5217\u5360 1 \u4efd\u5bbd\u5ea6 *\/\r\n            grid-template-columns: repeat(4, 1fr); \r\n            gap: 20px;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* \u6d41\u5149\u5916\u5c42 *\/\r\n        .prod-item {\r\n            position: relative;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            padding: 2px; \/* \u8fb9\u6846\u539a\u5ea6 *\/\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        \/* \u9f20\u6807\u60ac\u6d6e\u6574\u4f53\u4e0a\u6d6e *\/\r\n        .prod-item:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        \/* \u6d41\u5149\u52a8\u753b\u7279\u6548 *\/\r\n        .prod-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: conic-gradient(\r\n                transparent, \r\n                #37e2ff, \r\n                #1621ff, \r\n                #37e2ff, \r\n                transparent 70%\r\n            );\r\n            animation: prod-rotate 3s linear infinite;\r\n        }\r\n\r\n        @keyframes prod-rotate {\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        \/* \u5185\u90e8\u5bb9\u5668 *\/\r\n        .prod-inner {\r\n            position: relative;\r\n            z-index: 2;\r\n            background: #0f121d;\r\n            border-radius: 11px;\r\n            padding: 25px 15px;\r\n            text-align: center;\r\n            height: 100%;\r\n        }\r\n\r\n        \/* \u56fe\u7247\u5305\u88f9 *\/\r\n        .prod-img-wrap {\r\n            width: 100%;\r\n            aspect-ratio: 1 \/ 1;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            margin-bottom: 20px;\r\n            background: #1a1e2e;\r\n        }\r\n\r\n        .prod-img-wrap img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            opacity: 0.8;\r\n            transition: opacity 0.3s;\r\n        }\r\n\r\n        .prod-item:hover .prod-img-wrap img {\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* \u6807\u9898\u9f20\u6807\u79fb\u8fc7\u53d8\u8272 *\/\r\n        .prod-name {\r\n            font-size: 1.15rem;\r\n            color: #efefef;\r\n            margin: 10px 0;\r\n            transition: color 0.3s ease;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* \u5f53\u9f20\u6807\u60ac\u6d6e\u5728\u5361\u7247\u4e0a\uff0c\u6216\u8005\u5355\u72ec\u60ac\u6d6e\u5728\u6807\u9898\u4e0a\u65f6\u53d8\u8272 *\/\r\n        .prod-item:hover .prod-name {\r\n            color: #37e2ff;\r\n        }\r\n\r\n        \/* \u63cf\u8ff0\u6587\u5b57 *\/\r\n        .prod-info {\r\n            font-size: 0.85rem;\r\n            color: #83899f;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* \u5c4f\u5e55\u9002\u914d\uff1a\u5c0f\u5c4f\u5e55\u81ea\u52a8\u53d8 2 \u5217\u6216 1 \u5217 *\/\r\n        @media (max-width: 1024px) {\r\n            .prod-row { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n        @media (max-width: 600px) {\r\n            .prod-row { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/div>\r\n<!-- \u4ea7\u54c1\u677f\u5757\u5bb9\u5668\u7ed3\u675f -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14a1aea e-con-full e-flex e-con e-parent\" data-id=\"14a1aea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b004285 elementor-widget elementor-widget-html\" data-id=\"b004285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"stage-hero-section\">\r\n    <!-- \u80cc\u666f\u5149\u5f71\u88c5\u9970 -->\r\n    <div class=\"light-beam beam-1\"><\/div>\r\n    <div class=\"light-beam beam-2\"><\/div>\r\n\r\n    <div class=\"container\">\r\n        <!-- \u5de6\u4fa7\u6587\u5b57\u533a -->\r\n        <div class=\"content-box\">\r\n            <h1 class=\"glare-text\">PRECISION<br>LIGHTING<\/h1>\r\n            <p class=\"sub-text\">\u6781\u7b80\u7ebf\u6761\u52fe\u52d2\u5149\u5f71\u827a\u672f\uff0c\u4e13\u4e1a\u821e\u53f0\u706f\u5177\u4f9b\u5e94\u94fe\u89e3\u51b3\u65b9\u6848\u3002<\/p>\r\n            \r\n            <div class=\"btn-group\">\r\n                <a href=\"#\" class=\"btn btn-primary\">\u63a2\u7d22\u4ea7\u54c1\u7ebf<\/a>\r\n                <a href=\"#\" class=\"btn btn-secondary\">\u6280\u672f\u89c4\u683c<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u53f3\u4fa7\u56fe\u7247\u533a -->\r\n        <div class=\"image-wrapper\">\r\n            <div class=\"image-glow\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508700115892-45ecd05ae2ad?auto=format&fit=crop&q=80&w=800\" alt=\"Stage Lighting Tech\" class=\"product-img\">\r\n            <!-- \u88c5\u9970\u6027\u79d1\u6280\u7ebf\u6761 -->\r\n            <div class=\"tech-lines\">\r\n                <svg width=\"100%\" height=\"100%\" viewbox=\"0 0 400 400\" fill=\"none\">\r\n                    <path d=\"M380 100 V300 H100\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"\/>\r\n                    <circle cx=\"380\" cy=\"100\" r=\"3\" fill=\"rgba(255,255,255,0.5)\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .stage-hero-section {\r\n            --primary-silver: #e0e0e0;\r\n            --dark-charcoal: #121212;\r\n            --matte-gray: #2c2c2c;\r\n            --accent-glow: rgba(255, 255, 255, 0.1);\r\n            \r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 90vh;\r\n            background-color: var(--dark-charcoal);\r\n            color: #ffffff;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* \u6781\u7b80\u80cc\u666f\u706f\u5149 *\/\r\n        .stage-hero-section .light-beam {\r\n            position: absolute;\r\n            width: 800px;\r\n            height: 800px;\r\n            border-radius: 50%;\r\n            filter: blur(150px);\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n        .stage-hero-section .beam-1 {\r\n            background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 70%);\r\n            top: -300px;\r\n            left: -100px;\r\n        }\r\n        .stage-hero-section .beam-2 {\r\n            background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);\r\n            bottom: -200px;\r\n            right: 0px;\r\n        }\r\n\r\n        .stage-hero-section .container {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1300px;\r\n            width: 90%;\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\uff1a\u6587\u5b57\u6e10\u53d8\u4e0e\u6837\u5f0f *\/\r\n        .stage-hero-section .glare-text {\r\n            font-size: clamp(3rem, 6vw, 5.5rem);\r\n            font-weight: 800;\r\n            line-height: 0.95;\r\n            margin: 0 0 24px 0;\r\n            background: linear-gradient(180deg, #FFFFFF 30%, #444444 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            letter-spacing: -3px;\r\n        }\r\n\r\n        .stage-hero-section .sub-text {\r\n            font-size: 1.1rem;\r\n            color: #999;\r\n            margin-bottom: 48px;\r\n            max-width: 450px;\r\n            line-height: 1.6;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* \u6309\u94ae\u60ac\u6d6e *\/\r\n        .stage-hero-section .btn-group {\r\n            display: flex;\r\n            gap: 20px;\r\n        }\r\n        .stage-hero-section .btn {\r\n            padding: 18px 38px;\r\n            text-decoration: none;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n            border-radius: 4px;\r\n            text-transform: uppercase;\r\n        }\r\n        .stage-hero-section .btn-primary {\r\n            background: var(--primary-silver);\r\n            color: #000;\r\n        }\r\n        .stage-hero-section .btn-secondary {\r\n            border: 1px solid rgba(255,255,255,0.15);\r\n            color: #fff;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        .stage-hero-section .btn:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.5);\r\n        }\r\n        .stage-hero-section .btn-primary:hover {\r\n            background: #fff;\r\n            box-shadow: 0 0 20px rgba(255,255,255,0.2);\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\uff1a\u56fe\u7247\u5448\u73b0 *\/\r\n        .stage-hero-section .image-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            aspect-ratio: 4\/5;\r\n            max-height: 600px;\r\n        }\r\n\r\n        .stage-hero-section .product-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            filter: grayscale(100%) brightness(0.8) contrast(1.1);\r\n            border: 1px solid rgba(255,255,255,0.05);\r\n            transition: filter 0.6s ease;\r\n            mask-image: linear-gradient(to bottom, black 85%, transparent 100%);\r\n        }\r\n\r\n        .stage-hero-section .image-wrapper:hover .product-img {\r\n            filter: grayscale(20%) brightness(0.9);\r\n        }\r\n\r\n        \/* \u56fe\u7247\u80cc\u540e\u7684\u5fae\u5149 *\/\r\n        .stage-hero-section .image-glow {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 120%;\r\n            height: 120%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 60%);\r\n            z-index: -1;\r\n            animation: pulse-glow 8s infinite alternate;\r\n        }\r\n\r\n        @keyframes pulse-glow {\r\n            0% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\r\n            100% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }\r\n        }\r\n\r\n        .stage-hero-section .tech-lines {\r\n            position: absolute;\r\n            top: -20px;\r\n            right: -20px;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f *\/\r\n        @media (max-width: 992px) {\r\n            .stage-hero-section .container {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n                padding-top: 60px;\r\n            }\r\n            .stage-hero-section .sub-text {\r\n                margin: 0 auto 40px;\r\n            }\r\n            .stage-hero-section .btn-group {\r\n                justify-content: center;\r\n            }\r\n            .stage-hero-section .image-wrapper {\r\n                max-width: 500px;\r\n                margin: 0 auto;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56c5ade e-con-full e-flex e-con e-parent\" data-id=\"56c5ade\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05ed00c elementor-widget elementor-widget-html\" data-id=\"05ed00c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>\u821e\u53f0\u706f\u5177\u9996\u9875<\/title>\r\n<style>\r\n  \/* \u547d\u540d\u7a7a\u95f4\u907f\u514d\u51b2\u7a81 *\/\r\n  .stage-lighting {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: 'Segoe UI', Helvetica, Arial, sans-serif;\r\n    background: #1b1b1b; \/* \u6df1\u70ad\u7070\u80cc\u666f *\/\r\n    color: #fff;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u80cc\u666f\u5149\u6548 *\/\r\n  .stage-lighting::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle at center, rgba(255,255,255,0.08), transparent 70%);\r\n    animation: rotateLight 20s linear infinite;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  @keyframes rotateLight {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  .stage-lighting__container {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 100px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* \u6e10\u53d8\u6587\u5b57 *\/\r\n  .stage-lighting__title {\r\n    font-size: 4rem;\r\n    font-weight: bold;\r\n    background: linear-gradient(90deg, #fff, #aaa, #ccc);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    margin-bottom: 40px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  \/* \u6781\u7b80\u7ebf\u6761\u88c5\u9970 *\/\r\n  .stage-lighting__line {\r\n    width: 60px;\r\n    height: 2px;\r\n    background: #aaa;\r\n    margin: 0 auto 60px;\r\n  }\r\n\r\n  \/* \u6309\u94ae *\/\r\n  .stage-lighting__button {\r\n    display: inline-block;\r\n    padding: 16px 40px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    background: #333; \/* \u54d1\u5149\u94f6\u6697\u8272\u8c03 *\/\r\n    border: 1px solid #aaa;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .stage-lighting__button:hover {\r\n    color: #000;\r\n    background: #fff;\r\n    box-shadow: 0 8px 20px rgba(255,255,255,0.2);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  \/* \u706f\u5149\u6d41\u52a8\u6548\u679c *\/\r\n  .stage-lighting__button::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(120deg, rgba(255,255,255,0.3), rgba(255,255,255,0));\r\n    transform: skewX(-25deg);\r\n    transition: all 0.5s;\r\n  }\r\n\r\n  .stage-lighting__button:hover::after {\r\n    left: 200%;\r\n  }\r\n\r\n  \/* \u7b80\u5355\u54cd\u5e94\u5f0f *\/\r\n  @media (max-width: 768px) {\r\n    .stage-lighting__title {\r\n      font-size: 2.5rem;\r\n    }\r\n    .stage-lighting__button {\r\n      padding: 12px 30px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"stage-lighting\">\r\n  <div class=\"stage-lighting__container\">\r\n    <h1 class=\"stage-lighting__title\">\u821e\u53f0\u706f\u5177\u79d1\u6280\u4f53\u9a8c<\/h1>\r\n    <div class=\"stage-lighting__line\"><\/div>\r\n    <p style=\"color:#ccc; font-size:1.2rem; margin-bottom:50px;\">\u6781\u7b80\u8bbe\u8ba1\uff0c\u4e13\u4e1a\u706f\u5149\uff0c\u6253\u9020\u5b8c\u7f8e\u821e\u53f0\u6548\u679c<\/p>\r\n    <button class=\"stage-lighting__button\">\u4e86\u89e3\u66f4\u591a<\/button>\r\n  <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AURORA STAGE \u5149\u4e4b\u68f1\u955c \u52a8\u6001\u5149\u675f\u5f15\u64ce \u00b7 \u6c89\u6d78\u5f0f\u821e\u53f0\u53d9\u4e8b \u6781\u7b80\u4e3b\u4e49\u4e0e\u5c16\u7aef\u5149\u5b66\u7684\u4ea4\u54cd \u63a2\u7d22\u706f\u5177\u7cfb\u5217 \u5149\u675f\u5b9e\u9a8c\u5ba4 \u5168\u5149\u8c31\u5f15\u64ce \u7cbe\u51c6RGBW\u6df7\u8272\u7cfb\u7edf\uff0c16-bit\u7ec6\u817b\u8c03\u5149\uff0c\u4ece\u51b7\u51bd\u6708\u5149\u5230\u70bd\u70ed\u7194\u5ca9\uff0c\u65e0\u9650\u8272\u5f69\u53ef\u80fd\u3002 \u8d85\u9759\u97f3\u6563\u70ed \u822a\u7a7a\u7ea7\u6db2\u6001\u6563\u70ed\u67b6\u6784\uff0c\u6f14\u51fa\u4e2d\u5b8c\u7f8e\u9690\u4e8e\u5e55\u540e\uff0c\u517c\u5177\u9ad8\u4eae\u8f93\u51fa\u4e0e\u4f4e\u6e29\u8fd0\u884c\u3002 DMX\/RDM \u878d\u5408 \u53cc\u534f\u8bae\u667a\u80fd\u901a\u8baf\uff0cArt-Net\u4e0esACN\u517c\u5bb9\uff0c\u6781\u901f\u54cd\u5e94\uff0c\u521b\u7f16\u5149\u8def\u66f4\u81ea\u7531\u3002 \u2726 \u5149\u675f\u827a\u672f\u9635\u5217 \u2726 \u52a8\u6001\u5149\u9525 | \u65e0\u6781\u65cb\u8f6c | \u8d85\u7a84\u5149\u675f\u89d2\u79d1\u6280 \u91cf\u5b50\u8ba1\u7b97\u6838\u5fc3 \u65b0\u4e00\u4ee3\u7b97\u529b\u5f15\u64ce\uff0c\u7a81\u7834\u6548\u7387\u6781\u9650\u3002 \u795e\u7ecf\u5143\u4ea4\u4e92\u5668 \u6df1\u5ea6\u611f\u77e5\u6280\u672f\uff0c\u5b9e\u73b0\u4eba\u673a\u65e0\u7f1d\u8fde\u63a5\u3002 \u81ea\u9002\u5e94\u88c5\u7532 \u667a\u80fd\u6750\u6599\u6784\u6210\uff0c\u63d0\u4f9b\u5168\u65b9\u4f4d\u7269\u7406\u9632\u62a4\u3002 \u661f\u9645\u901a\u8baf\u6a21\u7ec4 \u8de8\u661f\u7cfb\u5b9e\u65f6\u901a\u8baf\uff0c\u5ef6\u8fdf\u8d8b\u8fd1\u4e8e\u96f6\u3002 PRECISIONLIGHTING \u6781\u7b80\u7ebf\u6761\u52fe\u52d2\u5149\u5f71\u827a\u672f\uff0c\u4e13\u4e1a\u821e\u53f0\u706f\u5177\u4f9b\u5e94\u94fe\u89e3\u51b3\u65b9\u6848\u3002 \u63a2\u7d22\u4ea7\u54c1\u7ebf \u6280\u672f\u89c4\u683c \u821e\u53f0\u706f\u5177\u9996\u9875 \u821e\u53f0\u706f\u5177\u79d1\u6280\u4f53\u9a8c \u6781\u7b80\u8bbe\u8ba1\uff0c\u4e13\u4e1a\u706f\u5149\uff0c\u6253\u9020\u5b8c\u7f8e\u821e\u53f0\u6548\u679c \u4e86\u89e3\u66f4\u591a<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4024","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/pages\/4024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/comments?post=4024"}],"version-history":[{"count":154,"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/pages\/4024\/revisions"}],"predecessor-version":[{"id":6318,"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/pages\/4024\/revisions\/6318"}],"wp:attachment":[{"href":"https:\/\/factory-supplier.com\/af\/wp-json\/wp\/v2\/media?parent=4024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}