{"id":158,"date":"2026-01-04T17:07:05","date_gmt":"2026-01-04T09:07:05","guid":{"rendered":"https:\/\/www.ndzm.top\/?page_id=158"},"modified":"2026-03-25T10:03:31","modified_gmt":"2026-03-25T02:03:31","slug":"home-2","status":"publish","type":"page","link":"https:\/\/www.ndzm.top\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"158\" class=\"elementor elementor-158\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc79ce1 e-con-full e-flex e-con e-parent\" data-id=\"fc79ce1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69a397b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"69a397b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u4e00\u4e2a\u533a\u5757\uff1a\u5168\u5c4f\u89c6\u9891Hero\uff08\u8d85\u6de1\u900f\u660e\u5e95+\u7cbe\u81f4\u6392\u7248+\u9884\u7559\u8df3\u8f6c\u94fe\u63a5\u63a5\u53e3\uff09 -->\r\n<style>\r\n    \/* ===== 1. \u7ec8\u6781\u4fee\u590d\uff1a\u8986\u76d6\u6240\u6709\u5bb9\u5668\u9650\u5236\uff08Elementor+\u4e3b\u9898\uff09 ===== *\/\r\n    .elementor-page .elementor-inner,\r\n    .elementor-page .elementor-section-wrap,\r\n    .elementor-page .elementor-top-section {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n    }\r\n    .site, .site-container, .container, .wrapper, .wp-site-blocks {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n    html, body {\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        overflow-x: hidden !important;\r\n        background-color: #000 !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    \/* ===== 2. Elementor Section\u517c\u5bb9\uff08\u89e3\u51b3\u5806\u53e0+\u5168\u5bbd\uff09 ===== *\/\r\n    .elementor-section {\r\n        position: relative !important; \r\n        width: 100% !important;\r\n        float: none !important;\r\n        clear: both !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        max-width: 100% !important;\r\n    }\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    \/* ===== 3. \u7f16\u8f91\u6001\u9632\u906e\u6321 ===== *\/\r\n    body.elementor-editor-active .elementor-section {\r\n        margin-bottom: 20px !important; \r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* ===== 4. \u533a\u5757\u95f4\u8ddd ===== *\/\r\n    .hero-section + .icons-section { margin-top: 0 !important; }\r\n    .icons-section + .split-section { margin-top: 40px !important; }\r\n    .split-section-reverse + .hero-img-section { margin-top: 40px !important; }\r\n    .hero-img-section + .split-section-final { margin-top: 0 !important; }\r\n    .split-section-reverse-final + .video-hero-section { margin-top: 40px !important; }\r\n    .video-hero-section + .footer-section { margin-top: 0 !important; }\r\n\r\n    \/* ===== 5. \u6838\u5fc3\u6837\u5f0f\uff1a\u8d85\u6de1\u900f\u660e\u5e95+\u7cbe\u81f4\u6392\u7248+\u5b98\u7f51\u57fa\u8c03\u7edf\u4e00 ===== *\/\r\n    .hero-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        height: 100vh !important;\r\n        overflow: hidden !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n    }\r\n    .hero-video {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        filter: brightness(0.75) contrast(0.95) saturate(0.9) !important;\r\n        z-index: 1 !important;\r\n    }\r\n    .hero-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.4) 100%) !important;\r\n        z-index: 2 !important;\r\n    }\r\n    .header {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        padding: 3vw 5vw !important;\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        z-index: 4 !important;\r\n        background: transparent !important;\r\n    }\r\n    .logo-wrapper {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 1.2vw !important;\r\n    }\r\n    \/* Logo\u94fe\u63a5\u6837\u5f0f\u91cd\u7f6e\uff0c\u53bb\u9664\u9ed8\u8ba4\u4e0b\u5212\u7ebf *\/\r\n    .logo-link {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 1.2vw !important;\r\n        text-decoration: none !important;\r\n    }\r\n    .logo-img {\r\n        width: clamp(40px, 5vw, 60px) !important;\r\n        height: clamp(40px, 5vw, 60px) !important;\r\n        object-fit: cover !important;\r\n        border-radius: 4px !important;\r\n    }\r\n    .logo-text {\r\n        font-size: clamp(1.2rem, 2vw, 1.8rem) !important;\r\n        font-weight: 600 !important;\r\n        letter-spacing: 0.15em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    \/* ===== \u6838\u5fc3\uff1a\u8d85\u6de1\u900f\u660e\u5e95+\u7cbe\u81f4\u6392\u7248\u83dc\u5355\uff08\u9884\u7559\u8df3\u8f6c\u94fe\u63a5\u63a5\u53e3\uff09 ===== *\/\r\n    .menu-container {\r\n        position: relative !important;\r\n        z-index: 1000 !important;\r\n    }\r\n    \/* \u83dc\u5355\u89e6\u53d1\u6309\u94ae\uff08\u7cbe\u81f4\u6392\u7248+\u5b98\u7f51\u57fa\u8c03\u7edf\u4e00\uff09 *\/\r\n    .menu-toggle {\r\n        font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: rgba(255,255,255,0.85) !important;\r\n        text-decoration: none !important;\r\n        text-transform: uppercase !important;\r\n        padding: 10px 18px !important; \/* \u4f18\u5316\u5185\u8fb9\u8ddd\uff0c\u66f4\u7cbe\u81f4 *\/\r\n        position: relative !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important; \/* \u4f18\u5316\u7bad\u5934\u4e0e\u6587\u5b57\u95f4\u8ddd *\/\r\n        cursor: pointer !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        transition: color 0.4s ease, text-shadow 0.4s ease !important;\r\n    }\r\n    .menu-toggle::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        bottom: 2px !important; \/* \u5fae\u8c03\u4e0b\u5212\u7ebf\u4f4d\u7f6e\uff0c\u66f4\u7cbe\u81f4 *\/\r\n        left: 0;\r\n        width: 0 !important;\r\n        height: 1px !important;\r\n        background: linear-gradient(90deg, #f8b040 0%, #e69520 100%) !important;\r\n        transition: width 0.4s ease !important;\r\n    }\r\n    .menu-toggle:hover {\r\n        color: #fff !important;\r\n        text-shadow: 0 0 8px rgba(248, 176, 64, 0.3) !important;\r\n    }\r\n    .menu-toggle:hover::after {\r\n        width: 100% !important;\r\n    }\r\n    .menu-arrow {\r\n        width: clamp(8px, 1vw, 10px) !important;\r\n        height: clamp(8px, 1vw, 10px) !important;\r\n        border-right: 1px solid rgba(255,255,255,0.85) !important;\r\n        border-bottom: 1px solid rgba(255,255,255,0.85) !important;\r\n        transform: rotate(45deg) !important;\r\n        transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;\r\n    }\r\n    .menu-toggle:hover .menu-arrow {\r\n        border-color: #fff !important;\r\n        box-shadow: 0 0 6px rgba(248, 176, 64, 0.3) !important;\r\n    }\r\n    \/* \u83dc\u5355\u9762\u677f\uff1a\u6838\u5fc3\u4f18\u5316\u3010\u8d85\u6de1\u900f\u660e\u5e95+\u6781\u81f4\u7cbe\u81f4\u6392\u7248\u3011\uff08\u9884\u7559\u94fe\u63a5\u63a5\u53e3\uff09 *\/\r\n    .menu-panel {\r\n        position: absolute !important;\r\n        top: 100% !important;\r\n        right: 0 !important;\r\n        margin-top: 15px !important; \/* \u4f18\u5316\u4e0e\u89e6\u53d1\u6309\u94ae\u95f4\u8ddd\uff0c\u66f4\u900f\u6c14 *\/\r\n        \/* \u6838\u5fc3\uff1a\u8d85\u6de1\u900f\u660e\u5e95\uff08\u51e0\u4e4e\u4e0d\u906e\u6321\u89c6\u9891\uff0c\u4ec5\u4fdd\u7559\u5fae\u5f31\u8d28\u611f\uff09 *\/\r\n        background: rgba(0, 0, 0, 0.15) !important; \/* \u8fdb\u4e00\u6b65\u964d\u4f4e\u4e0d\u900f\u660e\u5ea6\uff0c\u66f4\u6de1 *\/\r\n        backdrop-filter: blur(20px) !important; \/* \u63d0\u5347\u6a21\u7cca\u5ea6\uff0c\u5f25\u8865\u6de1\u80cc\u666f\u7684\u8fa8\u8bc6\u5ea6 *\/\r\n        -webkit-backdrop-filter: blur(20px) !important;\r\n        background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%) !important;\r\n        \/* \u7cbe\u81f4\u8fb9\u6846\uff1a\u66f4\u7ec6\u66f4\u6de1\uff0c\u4ec5\u4f5c\u89c6\u89c9\u533a\u5206 *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        border-radius: 10px !important; \/* \u5706\u89d2\u4f18\u5316\uff0c\u66f4\u67d4\u548c\u7cbe\u81f4 *\/\r\n        padding: 20px 0 !important; \/* \u4f18\u5316\u4e0a\u4e0b\u5185\u8fb9\u8ddd\uff0c\u66f4\u900f\u6c14 *\/\r\n        list-style: none !important;\r\n        width: 260px !important; \/* \u9002\u5ea6\u52a0\u5bbd\uff0c\u63d0\u5347\u6392\u7248\u8212\u9002\u5ea6 *\/\r\n        opacity: 0 !important;\r\n        visibility: hidden !important;\r\n        transform: translateY(15px) scale(0.98) !important;\r\n        transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\r\n        z-index: 999 !important;\r\n        text-align: right !important;\r\n        \/* \u67d4\u548c\u9634\u5f71\uff1a\u66f4\u6de1\u66f4\u6563\uff0c\u4e0d\u7834\u574f\u900f\u660e\u611f\uff0c\u63d0\u5347\u7cbe\u81f4\u5ea6 *\/\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;\r\n    }\r\n    .menu-panel.active {\r\n        opacity: 1 !important;\r\n        visibility: visible !important;\r\n        transform: translateY(0) scale(1) !important;\r\n    }\r\n    \/* \u83dc\u5355\u9009\u9879\uff1a\u7cbe\u81f4\u6392\u7248\u4f18\u5316\uff08\u95f4\u8ddd\u3001\u5bf9\u9f50\u3001\u4ea4\u4e92\uff09 *\/\r\n    .menu-item {\r\n        margin: 8px 0 !important; \/* \u4f18\u5316\u9879\u95f4\u8ddd\uff0c\u66f4\u900f\u6c14\u4e0d\u62e5\u6324 *\/\r\n        padding: 0 12px !important; \/* \u4f18\u5316\u5de6\u53f3\u5185\u8fb9\u8ddd\uff0c\u63d0\u5347\u6392\u7248\u7cbe\u81f4\u5ea6 *\/\r\n    }\r\n    .menu-item a {\r\n        font-size: clamp(0.85rem, 1vw, 1rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.08em !important;\r\n        color: rgba(255,255,255,0.8) !important;\r\n        text-decoration: none !important;\r\n        text-transform: uppercase !important;\r\n        padding: 10px 20px !important; \/* \u4f18\u5316\u5185\u8fb9\u8ddd\uff0c\u6269\u5927\u8212\u9002\u70b9\u51fb\u533a\u57df *\/\r\n        position: relative !important;\r\n        display: block !important;\r\n        transition: all 0.3s ease !important;\r\n        cursor: pointer !important;\r\n        border-radius: 6px !important; \/* \u5706\u89d2\u4f18\u5316\uff0c\u4e0e\u9762\u677f\u547c\u5e94 *\/\r\n        \/* \u6392\u7248\u4f18\u5316\uff1a\u6587\u5b57\u53f3\u5bf9\u9f50\u66f4\u89c4\u6574\uff0c\u9884\u7559\u94fe\u63a5\u8df3\u8f6c\u65e0\u89c6\u89c9\u5e72\u6270 *\/\r\n        text-align: right !important;\r\n    }\r\n    .menu-item a::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        bottom: 4px !important; \/* \u5fae\u8c03\u4e0b\u5212\u7ebf\u4f4d\u7f6e\uff0c\u66f4\u7cbe\u81f4 *\/\r\n        left: 20px !important;\r\n        width: 0 !important;\r\n        height: 1px !important;\r\n        background: linear-gradient(90deg, #f8b040 0%, #e69520 100%) !important;\r\n        transition: width 0.3s ease !important;\r\n    }\r\n    .menu-item a:hover {\r\n        color: #fff !important;\r\n        background: rgba(255, 255, 255, 0.03) !important; \/* \u8d85\u6de1hover\u80cc\u666f\uff0c\u4e0d\u7834\u574f\u900f\u660e\u611f *\/\r\n        box-shadow: 0 0 12px rgba(248, 176, 64, 0.15) !important; \/* \u66f4\u6de1\u5149\u6655\uff0c\u66f4\u7cbe\u81f4 *\/\r\n        transform: translateX(-2px) !important; \/* \u8f7b\u5fae\u53f3\u79fb\uff0c\u63d0\u5347\u4ea4\u4e92\u7cbe\u81f4\u611f *\/\r\n    }\r\n    .menu-item a:hover::after {\r\n        width: calc(100% - 40px) !important; \/* \u4e0b\u5212\u7ebf\u5bbd\u5ea6\u9002\u914d\uff0c\u66f4\u89c4\u6574 *\/\r\n    }\r\n    \/* \u6709\u4e0b\u7ea7\u83dc\u5355\u7684\u9879\uff08\u7cbe\u81f4\u6392\u7248+\u7bad\u5934\u4f18\u5316\uff09 *\/\r\n    .has-submenu a {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        padding-right: 25px !important; \/* \u4f18\u5316\u53f3\u4fa7\u7bad\u5934\u95f4\u8ddd\uff0c\u66f4\u7cbe\u81f4 *\/\r\n    }\r\n    .submenu-arrow {\r\n        width: clamp(6px, 0.8vw, 8px) !important;\r\n        height: clamp(6px, 0.8vw, 8px) !important;\r\n        border-right: 1px solid rgba(255,255,255,0.6) !important;\r\n        border-bottom: 1px solid rgba(255,255,255,0.6) !important;\r\n        transform: rotate(-45deg) !important;\r\n        transition: border-color 0.3s ease !important;\r\n        margin-left: 10px !important; \/* \u4f18\u5316\u7bad\u5934\u4e0e\u6587\u5b57\u95f4\u8ddd *\/\r\n    }\r\n    .has-submenu a:hover .submenu-arrow {\r\n        border-color: #f8b040 !important;\r\n    }\r\n    \/* \u8fd4\u56de\u6309\u94ae\uff1a\u7cbe\u81f4\u6392\u7248+\u54c1\u724c\u8272\u7a81\u51fa\uff08\u9884\u7559\u94fe\u63a5\u63a5\u53e3\uff09 *\/\r\n    .back-btn {\r\n        margin-bottom: 15px !important; \/* \u4f18\u5316\u95f4\u8ddd\uff0c\u66f4\u7cbe\u81f4 *\/\r\n        padding-bottom: 15px !important;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important; \/* \u8d85\u6de1\u5206\u5272\u7ebf\uff0c\u66f4\u7cbe\u81f4 *\/\r\n    }\r\n    .back-btn a {\r\n        color: #f8b040 !important;\r\n        font-weight: 500 !important;\r\n        padding-left: 25px !important; \/* \u4f18\u5316\u5de6\u4fa7\u95f4\u8ddd\uff0c\u66f4\u89c4\u6574 *\/\r\n    }\r\n    .back-btn a:hover {\r\n        color: #fff !important;\r\n        background: rgba(248, 176, 64, 0.05) !important; \/* \u8d85\u6de1\u54c1\u724c\u8272\u80cc\u666f\uff0c\u66f4\u7cbe\u81f4 *\/\r\n        box-shadow: 0 0 15px rgba(248, 176, 64, 0.2) !important;\r\n        transform: translateX(-2px) !important;\r\n    }\r\n    .back-btn a:hover::after {\r\n        width: 0 !important;\r\n    }\r\n\r\n    \/* ===== \u79fb\u52a8\u7aef\u6c49\u5821\u83dc\u5355\uff08\u7cbe\u81f4\u6392\u7248+\u5b98\u7f51\u57fa\u8c03\u7edf\u4e00\uff09 ===== *\/\r\n    .nav-mobile {\r\n        display: none !important;\r\n        width: clamp(30px, 5vw, 40px) !important;\r\n        height: clamp(30px, 5vw, 40px) !important;\r\n        position: relative !important;\r\n        cursor: pointer !important;\r\n    }\r\n    .hamburger-line {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 1px !important;\r\n        background: linear-gradient(90deg, #f8b040 0%, #e69520 100%) !important;\r\n        transform: translateY(-50%) !important;\r\n        transition: all 0.4s ease !important;\r\n    }\r\n    .hamburger-line::before,\r\n    .hamburger-line::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        width: 100% !important;\r\n        height: 1px !important;\r\n        background: linear-gradient(90deg, #f8b040 0%, #e69520 100%) !important;\r\n        transition: all 0.4s ease !important;\r\n    }\r\n    .hamburger-line::before {\r\n        top: -clamp(8px, 2vw, 12px) !important;\r\n    }\r\n    .hamburger-line::after {\r\n        bottom: -clamp(8px, 2vw, 12px) !important;\r\n    }\r\n    .nav-mobile:hover .hamburger-line,\r\n    .nav-mobile:hover .hamburger-line::before,\r\n    .nav-mobile:hover .hamburger-line::after {\r\n        box-shadow: 0 0 8px rgba(248, 176, 64, 0.5) !important;\r\n    }\r\n\r\n    \/* ===== \u82f1\u96c4\u533a\u5185\u5bb9\uff08\u4e0e\u83dc\u5355\u7cbe\u81f4\u98ce\u683c\u547c\u5e94\uff09 ===== *\/\r\n    .hero-content {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 50% !important;\r\n        transform: translate(-50%, -50%) !important;\r\n        width: 100% !important;\r\n        padding: 0 5vw !important;\r\n        text-align: center !important;\r\n        z-index: 3 !important;\r\n    }\r\n    .hero-title {\r\n        font-size: clamp(2.5rem, 8vw, 6rem) !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 0.08em !important;\r\n        line-height: 1.1 !important;\r\n        color: #fff !important;\r\n        margin-bottom: clamp(15px, 2vw, 30px) !important;\r\n        text-transform: uppercase !important;\r\n        text-shadow: 0 0 15px rgba(248, 176, 64, 0.2) !important;\r\n    }\r\n    .hero-subtitle {\r\n        font-size: clamp(1rem, 1.8vw, 1.4rem) !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.12em !important;\r\n        line-height: 1.8 !important;\r\n        background: linear-gradient(90deg, #f8b040 0%, #e69520 100%) !important;\r\n        -webkit-background-clip: text !important;\r\n        background-clip: text !important;\r\n        color: transparent !important;\r\n        max-width: clamp(300px, 70vw, 800px) !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* ===== \u54cd\u5e94\u5f0f\u9002\u914d\uff08\u8d85\u6de1\u900f\u660e\u83dc\u5355+\u7cbe\u81f4\u6392\u7248\u540c\u6b65\u9002\u914d\uff09 ===== *\/\r\n    @media (max-width: 1199px) {\r\n        .header {\r\n            padding: 4vw 4vw !important;\r\n        }\r\n        .menu-panel {\r\n            margin-top: 12px !important;\r\n            width: 240px !important;\r\n            backdrop-filter: blur(16px) !important;\r\n        }\r\n        .hero-title {\r\n            font-size: clamp(2rem, 6vw, 4.5rem) !important;\r\n        }\r\n    }\r\n    @media (max-width: 767px) {\r\n        .header {\r\n            flex-direction: column !important;\r\n            padding: 5vw 4vw !important;\r\n            gap: 3vw !important;\r\n        }\r\n        .logo-wrapper {\r\n            width: 100% !important;\r\n            justify-content: center !important;\r\n        }\r\n        .menu-container {\r\n            display: none !important;\r\n        }\r\n        .nav-mobile {\r\n            display: block !important;\r\n            position: absolute !important;\r\n            top: 50% !important;\r\n            right: 4vw !important;\r\n            transform: translateY(-50%) !important;\r\n        }\r\n        .hero-content {\r\n            top: 45% !important;\r\n        }\r\n        .hero-title {\r\n            font-size: clamp(1.8rem, 7vw, 3.5rem) !important;\r\n            letter-spacing: 0.06em !important;\r\n        }\r\n        .hero-subtitle {\r\n            font-size: clamp(0.9rem, 1.5vw, 1.1rem) !important;\r\n            letter-spacing: 0.1em !important;\r\n        }\r\n    }\r\n    @media (max-width: 479px) {\r\n        .header {\r\n            padding: 6vw 3vw !important;\r\n        }\r\n        .hero-content {\r\n            top: 40% !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u533a\u5757HTML\u5185\u5bb9\uff08\u8d85\u6de1\u900f\u660e\u5e95+\u7cbe\u81f4\u6392\u7248+\u9884\u7559\u5b8c\u6574\u8df3\u8f6c\u94fe\u63a5\u63a5\u53e3\uff09 -->\r\n<section class=\"hero-section\">\r\n    <video class=\"hero-video\" autoplay loop muted playsinline>\r\n        <source src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2025\/12\/20251230152917188.mp4\" type=\"video\/mp4\">\r\n        \u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e\r\n    <\/video>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <header class=\"header\">\r\n        <div class=\"logo-wrapper\">\r\n            <!-- Logo\u8df3\u8f6c\u94fe\u63a5\uff1a\u70b9\u51fb\u56fe\u7247\/\u6587\u5b57\u8df3\u8f6c\u5230\u9996\u9875 -->\r\n            <a href=\"https:\/\/www.ndzm.top\/\" class=\"logo-link\" target=\"_self\">\r\n                <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104143713596.png\" alt=\"SHUCUANG Logo\" class=\"logo-img\">\r\n                <span class=\"logo-text\">SHUCHUANG<\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- \u5c42\u7ea7\u5207\u6362\u83dc\u5355\u5bb9\u5668\uff08\u8d85\u6de1\u900f\u660e\u5e95+\u7cbe\u81f4\u6392\u7248+\u9884\u7559\u94fe\u63a5\u63a5\u53e3\uff09 -->\r\n        <div class=\"menu-container\" id=\"menuContainer\">\r\n            <!-- \u83dc\u5355\u89e6\u53d1\u6309\u94ae\uff08\u7cbe\u81f4\u6392\u7248\uff09 -->\r\n            <button class=\"menu-toggle\" id=\"menuToggle\">\r\n                Menu\r\n                <span class=\"menu-arrow\"><\/span>\r\n            <\/button>\r\n\r\n            <!-- \u83dc\u5355\u9762\u677f\uff1a\u4e00\u7ea7\u83dc\u5355\uff08\u9884\u7559\u5b8c\u6574\u8df3\u8f6c\u94fe\u63a5\u63a5\u53e3\uff0c\u540e\u7eed\u76f4\u63a5\u4fee\u6539href\u5373\u53ef\uff09 -->\r\n            <ul class=\"menu-panel\" id=\"menuLevel1\">\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Home\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684Home\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/\" class=\"menu-link\" target=\"_self\">Home<\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Collection\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684Collection\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"javascript:;\" class=\"menu-link\" target=\"_self\">Collection<\/a>\r\n                <\/li>\r\n                <!-- \u6709\u4e0b\u7ea7\u83dc\u5355\u7684\u9879\uff1aProjects\uff08\u5c42\u7ea7\u5207\u6362\uff0c\u81ea\u8eab\u4e5f\u9884\u7559\u8df3\u8f6c\u94fe\u63a5\uff09 -->\r\n                <li class=\"menu-item has-submenu\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel2\" target=\"_self\">\r\n                        Projects\r\n                        <span class=\"submenu-arrow\"><\/span>\r\n                    <\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559About\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684About\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-372\/\" class=\"menu-link\" target=\"_self\">About<\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Contact\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684Contact\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/index.php\/contcat-us\/\" class=\"menu-link\" target=\"_self\">Contact<\/a>\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <!-- \u83dc\u5355\u9762\u677f\uff1a\u4e8c\u7ea7\u83dc\u5355\uff08Projects \u2192 Products\/Processing\uff0c\u9884\u7559\u8df3\u8f6c\u94fe\u63a5\u63a5\u53e3\uff09 -->\r\n            <ul class=\"menu-panel\" id=\"menuLevel2\" style=\"display: none;\">\r\n                <!-- \u8fd4\u56de\u6309\u94ae\uff1a\u8fd4\u56de\u4e00\u7ea7\u83dc\u5355\uff08\u65e0\u8df3\u8f6c\uff0c\u4ec5\u5c42\u7ea7\u5207\u6362\uff09 -->\r\n                <li class=\"menu-item back-btn\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel1\">\r\n                        \u2190 Back\r\n                    <\/a>\r\n                <\/li>\r\n                <li class=\"menu-item has-submenu\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel3_1\" target=\"_self\">\r\n                        Products\r\n                        <span class=\"submenu-arrow\"><\/span>\r\n                    <\/a>\r\n                <\/li>\r\n                <li class=\"menu-item has-submenu\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel3_2\" target=\"_self\">\r\n                        Processing\r\n                        <span class=\"submenu-arrow\"><\/span>\r\n                    <\/a>\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <!-- \u83dc\u5355\u9762\u677f\uff1a\u4e09\u7ea7\u83dc\u53551\uff08Products \u2192 \u5177\u4f53\u706f\u7c7b\uff0c\u65b0\u589ecustom lighting\u9009\u9879\uff09 -->\r\n            <ul class=\"menu-panel\" id=\"menuLevel3_1\" style=\"display: none;\">\r\n                <!-- \u8fd4\u56de\u6309\u94ae\uff1a\u8fd4\u56de\u4e8c\u7ea7\u83dc\u5355\uff08\u65e0\u8df3\u8f6c\uff0c\u4ec5\u5c42\u7ea7\u5207\u6362\uff09 -->\r\n                <li class=\"menu-item back-btn\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel2\">\r\n                        \u2190 Back\r\n                    <\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Alabaster Light\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u5927\u7406\u77f3\u706f\u5177\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/\" class=\"menu-link\" target=\"_self\">alabaster Light<\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Glass Light\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u73bb\u7483\u706f\u5177\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/index.php\/glass-light\/\" class=\"menu-link\" target=\"_self\">Glass Light<\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Crystal\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u6c34\u6676\u706f\u5177\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/index.php\/crystal-lighting\/\" class=\"menu-link\" target=\"_self\">Crystal Light<\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Wall Light\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u58c1\u706f\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-428\/\" class=\"menu-link\" target=\"_self\">Wall Light<\/a>\r\n                <\/li>\r\n                <!-- \u65b0\u589ecustom lighting\u9009\u9879 -->\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559custom lighting\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u5b9a\u5236\u706f\u5177\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-260\/\" class=\"menu-link\" target=\"_self\">custom lighting<\/a>\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <!-- \u83dc\u5355\u9762\u677f\uff1a\u4e09\u7ea7\u83dc\u53552\uff08Processing \u2192 \u5177\u4f53\u52a0\u5de5\u9879\uff0c\u9884\u7559\u5b8c\u6574\u8df3\u8f6c\u94fe\u63a5\u63a5\u53e3\uff09 -->\r\n            <ul class=\"menu-panel\" id=\"menuLevel3_2\" style=\"display: none;\">\r\n                <!-- \u8fd4\u56de\u6309\u94ae\uff1a\u8fd4\u56de\u4e8c\u7ea7\u83dc\u5355\uff08\u65e0\u8df3\u8f6c\uff0c\u4ec5\u5c42\u7ea7\u5207\u6362\uff09 -->\r\n                <li class=\"menu-item back-btn\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel2\">\r\n                        \u2190 Back\r\n                    <\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Cutting\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u5207\u5272\u5de5\u827a\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"javascript:;\" class=\"menu-link\" target=\"_self\">Cutting<\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Welding\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u710a\u63a5\u5de5\u827a\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"javascript:;\" class=\"menu-link\" target=\"_self\">Welding<\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\">\r\n                    <!-- \u9884\u7559Polishing\u8df3\u8f6c\u94fe\u63a5\uff1a\u540e\u7eed\u66ff\u6362href=\"\u4f60\u7684\u629b\u5149\u5de5\u827a\u9875\u9762\u5b8c\u6574\u5730\u5740\" -->\r\n                    <a href=\"javascript:;\" class=\"menu-link\" target=\"_self\">Polishing<\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"nav-mobile\" id=\"mobileNav\">\r\n            <div class=\"hamburger-line\"><\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"hero-content\">\r\n        <h1 class=\"hero-title\">SHUCHUANG LIGHTING<\/h1>\r\n        <p class=\"hero-subtitle\">Crafting light, shaping spaces \u2014 Minimalist design for modern living<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u4fee\u590d\u540eJS\u4ee3\u7801\uff1a\u5f7b\u5e95\u89e3\u51b3\u83dc\u5355\u5c42\u7ea7\u5207\u6362\u3001\u5c55\u5f00\u6536\u8d77\u3001\u72b6\u6001\u91cd\u7f6e\u6240\u6709\u95ee\u9898 -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ 1. \u83b7\u53d6\u6838\u5fc3\u5143\u7d20\r\n    const menuToggle = document.getElementById('menuToggle');\r\n    const menuContainer = document.getElementById('menuContainer');\r\n    const menuLevel1 = document.getElementById('menuLevel1');\r\n    const allMenuLinks = document.querySelectorAll('.menu-link');\r\n    const allMenuPanels = document.querySelectorAll('.menu-panel');\r\n    \r\n    \/\/ \u521d\u59cb\u5316\uff1a\u9690\u85cf\u6240\u6709\u4e8c\u7ea7\/\u4e09\u7ea7\u83dc\u5355\uff0c\u4ec5\u4fdd\u7559\u4e00\u7ea7\u83dc\u5355\u7ed3\u6784\r\n    allMenuPanels.forEach(panel => {\r\n        if (panel.id !== 'menuLevel1') {\r\n            panel.style.display = 'none';\r\n        }\r\n        panel.classList.remove('active');\r\n    });\r\n\r\n    \/\/ 2. \u5207\u6362\u4e00\u7ea7\u83dc\u5355\u5c55\u5f00\/\u6536\u8d77\u72b6\u6001\r\n    menuToggle.addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n        const isLevel1Active = menuLevel1.classList.contains('active');\r\n        \r\n        if (isLevel1Active) {\r\n            \/\/ \u5173\u95ed\u4e00\u7ea7\u83dc\u5355\uff0c\u540c\u65f6\u91cd\u7f6e\u6240\u6709\u5b50\u83dc\u5355\r\n            closeAllMenus();\r\n        } else {\r\n            \/\/ \u5c55\u5f00\u4e00\u7ea7\u83dc\u5355\uff0c\u9690\u85cf\u5176\u4ed6\u9762\u677f\r\n            resetAllPanels();\r\n            menuLevel1.style.display = 'block';\r\n            \/\/ \u5ef6\u8fdf\u6dfb\u52a0active\u7c7b\uff0c\u89e6\u53d1\u8fc7\u6e21\u52a8\u753b\r\n            setTimeout(() => menuLevel1.classList.add('active'), 10);\r\n        }\r\n    });\r\n\r\n    \/\/ 3. \u83dc\u5355\u94fe\u63a5\u70b9\u51fb\u903b\u8f91\uff1a\u5c42\u7ea7\u5207\u6362 \/ \u9875\u9762\u8df3\u8f6c\r\n    allMenuLinks.forEach(link => {\r\n        link.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            const targetPanelId = this.dataset.target;\r\n            const linkHref = this.getAttribute('href');\r\n\r\n            \/\/ \u573a\u666f1\uff1a\u5e26\u6709data-target\uff0c\u6267\u884c\u5c42\u7ea7\u5207\u6362\uff08\u4e0d\u8df3\u8f6c\uff09\r\n            if (targetPanelId) {\r\n                e.preventDefault();\r\n                const targetPanel = document.getElementById(targetPanelId);\r\n                if (targetPanel) {\r\n                    \/\/ \u9690\u85cf\u5f53\u524d\u6240\u6709\u9762\u677f\r\n                    resetAllPanels();\r\n                    \/\/ \u663e\u793a\u76ee\u6807\u9762\u677f\u5e76\u6fc0\u6d3b\u52a8\u753b\r\n                    targetPanel.style.display = 'block';\r\n                    setTimeout(() => targetPanel.classList.add('active'), 10);\r\n                }\r\n                return;\r\n            }\r\n\r\n            \/\/ \u573a\u666f2\uff1a\u666e\u901a\u8df3\u8f6c\u94fe\u63a5\uff0c\u5173\u95ed\u83dc\u5355\u540e\u6267\u884c\u8df3\u8f6c\r\n            closeAllMenus();\r\n            \/\/ \u5982\u679c\u662f\u5360\u4f4d\u94fe\u63a5javascript:;\uff0c\u963b\u6b62\u9ed8\u8ba4\u884c\u4e3a\u907f\u514d\u9875\u9762\u8df3\u52a8\r\n            if (linkHref === 'javascript:;') {\r\n                e.preventDefault();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ 4. \u70b9\u51fb\u9875\u9762\u7a7a\u767d\u533a\u57df\uff0c\u5173\u95ed\u6240\u6709\u83dc\u5355\r\n    document.addEventListener('click', function() {\r\n        closeAllMenus();\r\n    });\r\n\r\n    \/\/ \u963b\u6b62\u83dc\u5355\u5bb9\u5668\u5185\u70b9\u51fb\u89e6\u53d1\u7a7a\u767d\u5173\u95ed\r\n    menuContainer.addEventListener('click', function(e){\r\n        e.stopPropagation();\r\n    });\r\n\r\n    \/\/ 5. \u79fb\u52a8\u7aef\u6c49\u5821\u83dc\u5355\uff08\u9884\u7559\u6269\u5c55\u5165\u53e3\uff09\r\n    const mobileNav = document.getElementById('mobileNav');\r\n    mobileNav.addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n        alert('\u79fb\u52a8\u7aef\u83dc\u5355\u53ef\u5728\u6b64\u5904\u7f16\u5199\u5c55\u5f00\u903b\u8f91\uff0c\u4e0e\u684c\u9762\u7aef\u903b\u8f91\u4fdd\u6301\u4e00\u81f4');\r\n    });\r\n\r\n    \/**\r\n     * \u5de5\u5177\u51fd\u65701\uff1a\u91cd\u7f6e\u6240\u6709\u9762\u677f\u72b6\u6001\r\n     * \u79fb\u9664active\u7c7b\u3001\u9690\u85cf\u975e\u4e00\u7ea7\u83dc\u5355\uff0c\u4e3a\u5207\u6362\u9762\u677f\u505a\u51c6\u5907\r\n     *\/\r\n    function resetAllPanels() {\r\n        allMenuPanels.forEach(panel => {\r\n            panel.classList.remove('active');\r\n            if (panel.id !== 'menuLevel1') {\r\n                panel.style.display = 'none';\r\n            }\r\n        });\r\n    }\r\n\r\n    \/**\r\n     * \u5de5\u5177\u51fd\u65702\uff1a\u5b8c\u5168\u5173\u95ed\u6240\u6709\u83dc\u5355\r\n     * \u91cd\u7f6e\u6240\u6709\u9762\u677f + \u5173\u95ed\u4e00\u7ea7\u83dc\u5355\uff0c\u6062\u590d\u521d\u59cb\u72b6\u6001\r\n     *\/\r\n    function closeAllMenus() {\r\n        resetAllPanels();\r\n        menuLevel1.classList.remove('active');\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a0ada9 e-con-full e-flex e-con e-parent\" data-id=\"4a0ada9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a7d7d5 elementor-widget elementor-widget-html\" data-id=\"9a7d7d5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u4ec5\u7b2c\u4e8c\u4e2a\u56fe\u6807\u533a\u5757\uff1a\u6837\u5f0f + HTML\uff08\u4fdd\u7559\u539f\u59cb\u5e03\u5c40+\u5168\u5bbd\u9002\u914d+\u79fb\u9664\u56fe\u6807\u5c0f\u6807\u9898\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff0c\u4ec5\u8865\u5145!important\u517c\u5bb9Elementor\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    \/* \u9002\u914d\u9875\u9762\u80cc\u666f\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff09 *\/\r\n    html, body {\r\n        background-color: #000 !important;\r\n    }\r\n\r\n    \/* ========== Elementor\u5168\u5bbd\u9002\u914d\uff08\u4ec5\u8865\u5145\uff0c\u4e0d\u4fee\u6539\u4f60\u7684\u539f\u59cb\u6837\u5f0f\uff09 ========== *\/\r\n    \/* \u89e3\u51b3Elementor\u5bb9\u5668\u7559\u767d\u95ee\u9898 *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    \/* \u7f16\u8f91\u6001\u9632\u906e\u6321\uff08\u4e0d\u5f71\u54cd\u524d\u7aef\uff09 *\/\r\n    body.elementor-editor-active .icons-section {\r\n        margin-bottom: 20px !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* ========== \u4fdd\u7559\u4f60\u6240\u6709\u539f\u59cb\u6838\u5fc3\u6837\u5f0f ========== *\/\r\n    .icons-section {\r\n        width: 100% !important;\r\n        padding: clamp(60px, 10vw, 100px) 5vw !important;\r\n        background: #0a0a0a !important; \/* \u4fdd\u7559\u4f60\u7684\u6df1\u7070\u5e95 *\/\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        gap: clamp(40px, 6vw, 60px) !important; \/* \u4fdd\u7559\u6807\u9898\u4e0e\u5361\u7247\u533a\u95f4\u8ddd *\/\r\n        \/* \u8865\u5145\uff1aElementor\u5168\u5bbd\u9002\u914d *\/\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* \u533a\u5757\u6807\u9898\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u6837\u5f0f\uff09 *\/\r\n    .icons-title {\r\n        font-size: clamp(1.5rem, 2.5vw, 2.2rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.12em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n        text-align: center !important;\r\n        opacity: 0.9 !important;\r\n    }\r\n\r\n    \/* \u56fe\u6807\u5361\u7247\u5bb9\u5668\uff08100%\u4fdd\u7559\u4f60\u7684grid\u5e03\u5c40\uff09 *\/\r\n    .icons-cards {\r\n        width: 100% !important;\r\n        max-width: 1400px !important; \/* \u4fdd\u7559\u4f60\u7684\u6700\u5927\u5bbd\u5ea6\u9650\u5236 *\/\r\n        display: grid !important;\r\n        grid-template-columns: repeat(5, 1fr) !important; \/* \u4fdd\u7559PC\u7aef5\u5217 *\/\r\n        gap: clamp(20px, 3vw, 40px) !important; \/* \u4fdd\u7559\u4f60\u7684\u6d41\u4f53\u95f4\u8ddd *\/\r\n    }\r\n\r\n    \/* \u5355\u4e2a\u56fe\u6807\u5361\u7247\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u6837\u5f0f+hover\u52a8\u6548\uff09 *\/\r\n    .icon-card {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        gap: clamp(15px, 2vw, 25px) !important; \/* \u4fdd\u7559\u56fe\u6807\u4e0e\u6587\u5b57\u95f4\u8ddd *\/\r\n        padding: clamp(20px, 3vw, 30px) 0 !important;\r\n        position: relative !important;\r\n        transition: transform 0.4s ease !important; \/* \u4fdd\u7559\u67d4\u548chover\u52a8\u6548 *\/\r\n    }\r\n\r\n    \/* \u4fdd\u7559\u4f60\u7684hover\u52a8\u6548\uff1a\u8f7b\u5fae\u4e0a\u6d6e+\u7f29\u653e *\/\r\n    .icon-card:hover {\r\n        transform: translateY(-8px) scale(1.02) !important;\r\n    }\r\n\r\n    \/* \u56fe\u6807\u6837\u5f0f\uff08100%\u4fdd\u7559\u4f60\u7684\u5c3a\u5bf8+\u6ee4\u955c\uff09 *\/\r\n    .icon-img {\r\n        width: clamp(50px, 8vw, 80px) !important; \/* \u4fdd\u7559\u4f60\u7684\u6d41\u4f53\u5c3a\u5bf8 *\/\r\n        height: clamp(50px, 8vw, 80px) !important;\r\n        object-fit: contain !important; \/* \u4fdd\u7559\u56fe\u6807\u6bd4\u4f8b *\/\r\n        filter: brightness(0.95) saturate(0.9) !important; \/* \u4fdd\u7559\u4f60\u7684\u6ee4\u955c *\/\r\n        transition: filter 0.4s ease !important;\r\n    }\r\n\r\n    \/* \u4fdd\u7559hover\u65f6\u56fe\u6807\u63d0\u4eae *\/\r\n    .icon-card:hover .icon-img {\r\n        filter: brightness(1.1) saturate(1.05) !important;\r\n    }\r\n\r\n    \/* \u56fe\u6807\u6587\u5b57\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u6392\u7248\uff09 *\/\r\n    .icon-text {\r\n        font-size: clamp(0.8rem, 1.2vw, 1rem) !important;\r\n        font-weight: 300 !important; \/* \u4fdd\u7559\u8f7b\u5b57\u91cd *\/\r\n        letter-spacing: 0.1em !important; \/* \u4fdd\u7559\u5bbd\u5b57\u8ddd *\/\r\n        color: rgba(255,255,255,0.85) !important;\r\n        text-transform: uppercase !important;\r\n        text-align: center !important;\r\n        line-height: 1.6 !important;\r\n        transition: color 0.4s ease !important;\r\n    }\r\n\r\n    \/* \u4fdd\u7559hover\u65f6\u6587\u5b57\u53d8\u767d *\/\r\n    .icon-card:hover .icon-text {\r\n        color: #fff !important;\r\n    }\r\n\r\n    \/* ========== 100%\u4fdd\u7559\u4f60\u7684\u4e09\u7aef\u54cd\u5e94\u5f0f\u9002\u914d\u903b\u8f91 ========== *\/\r\n    \/* \u5e73\u677f\u7aef\uff08768px ~ 1199px\uff09\uff1a3\u5217\u5e03\u5c40 *\/\r\n    @media (max-width: 1199px) {\r\n        .icons-cards {\r\n            grid-template-columns: repeat(3, 1fr) !important;\r\n            gap: clamp(15px, 2.5vw, 30px) !important;\r\n        }\r\n        \/* \u4fdd\u7559\u4f60\u7684\u7b2c4\u30015\u4e2a\u5361\u7247\u5408\u5e76\u4e00\u884c\u5c45\u4e2d\u903b\u8f91 *\/\r\n        .icon-card:nth-child(4),\r\n        .icon-card:nth-child(5) {\r\n            grid-column: span 3 !important;\r\n            width: 30% !important;\r\n            margin: 0 auto !important;\r\n            display: inline-flex !important;\r\n        }\r\n    }\r\n\r\n    \/* \u79fb\u52a8\u7aef\uff08<768px\uff09\uff1a\u5355\u5217\u5e03\u5c40 *\/\r\n    @media (max-width: 767px) {\r\n        .icons-cards {\r\n            grid-template-columns: 1fr !important;\r\n            gap: clamp(30px, 4vw, 40px) !important;\r\n        }\r\n        \/* \u4fdd\u7559\u91cd\u7f6e\u5e73\u677f\u7aef\u5217\u5408\u5e76 *\/\r\n        .icon-card:nth-child(4),\r\n        .icon-card:nth-child(5) {\r\n            grid-column: span 1 !important;\r\n            width: 100% !important;\r\n            margin: 0 !important;\r\n            display: flex !important;\r\n        }\r\n        \/* \u4fdd\u7559\u79fb\u52a8\u7aef\u56fe\u6807\u5c3a\u5bf8 *\/\r\n        .icon-img {\r\n            width: clamp(40px, 10vw, 70px) !important;\r\n            height: clamp(40px, 10vw, 70px) !important;\r\n        }\r\n    }\r\n\r\n    \/* \u8d85\u5c0f\u5c4f\uff08<480px\uff09\uff1a\u7cbe\u7b80\u5185\u8fb9\u8ddd\uff08\u4fdd\u7559\u4f60\u7684\u903b\u8f91\uff09 *\/\r\n    @media (max-width: 479px) {\r\n        .icons-section {\r\n            padding: clamp(40px, 8vw, 60px) 5vw !important;\r\n        }\r\n        .icon-card {\r\n            padding: clamp(15px, 2vw, 20px) 0 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u4e8c\u4e2a\u56fe\u6807\u533a\u5757 HTML\uff08\u5b8c\u5168\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u7ed3\u6784\uff0c\u79fb\u9664\u56fe\u6807\u5c0f\u6807\u9898\uff09 -->\r\n<section class=\"icons-section\">\r\n    <h2 class=\"icons-title\">Our Advantages<\/h2>\r\n    \r\n    <div class=\"icons-cards\">\r\n        <!-- \u7b2c\u4e00\u4e2a\u56fe\u6807\u5361\u7247\uff08\u65e0\u5c0f\u6807\u9898\uff09 -->\r\n        <div class=\"icon-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260102154115678.png\" alt=\"Serving the World\" class=\"icon-img\">\r\n            <p class=\"icon-text\">Serving the World<\/p>\r\n        <\/div>\r\n        <!-- \u7b2c\u4e8c\u4e2a\u56fe\u6807\u5361\u7247\uff08\u65e0\u5c0f\u6807\u9898\uff09 -->\r\n        <div class=\"icon-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260102154117854.png\" alt=\"environment protection\" class=\"icon-img\">\r\n            <p class=\"icon-text\">environment protection<\/p>\r\n        <\/div>\r\n        <!-- \u7b2c\u4e09\u4e2a\u56fe\u6807\u5361\u7247\uff08\u65e0\u5c0f\u6807\u9898\uff09 -->\r\n        <div class=\"icon-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260102154123101.png\" alt=\"Dedicated Customer Service\" class=\"icon-img\">\r\n            <p class=\"icon-text\">Dedicated Customer Service<\/p>\r\n        <\/div>\r\n        <!-- \u7b2c\u56db\u4e2a\u56fe\u6807\u5361\u7247\uff08\u65e0\u5c0f\u6807\u9898\uff09 -->\r\n        <div class=\"icon-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260102154126295.png\" alt=\"high quality\" class=\"icon-img\">\r\n            <p class=\"icon-text\">high quality<\/p>\r\n        <\/div>\r\n        <!-- \u7b2c\u4e94\u4e2a\u56fe\u6807\u5361\u7247\uff08\u65e0\u5c0f\u6807\u9898\uff09 -->\r\n        <div class=\"icon-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260102154129922.png\" alt=\"Multiple Quality Inspections\" class=\"icon-img\">\r\n            <p class=\"icon-text\">Multiple Quality Inspections<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21ed1d3 e-con-full e-flex e-con e-parent\" data-id=\"21ed1d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d66dcf elementor-widget elementor-widget-html\" data-id=\"3d66dcf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u4e09\u4e2a\u533a\u5757\uff1a\u56fe\u7247+\u5c45\u4e2d\u6587\u5b57\u4ecb\u7ecd\u5206\u680f \u6837\u5f0f + HTML\uff08\u4fee\u590d\u56fe\u7247\u663e\u793a+\u6587\u5b57\u5c45\u4e2d\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff0c\u8865\u5145!important\u517c\u5bb9Elementor\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    \/* ========== Elementor\u5168\u5bbd\u9002\u914d\uff08\u4ec5\u8865\u5145\uff0c\u4e0d\u4fee\u6539\u539f\u59cb\u6837\u5f0f\uff09 ========== *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    body.elementor-editor-active .split-section {\r\n        margin-bottom: 20px !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* ========== \u4fdd\u7559\u4f60\u6240\u6709\u539f\u59cb\u6838\u5fc3\u6837\u5f0f\uff08\u8865\u5145!important+\u4fee\u590d\u5c45\u4e2d\/\u56fe\u7247\u663e\u793a\uff09 ========== *\/\r\n    .split-section {\r\n        width: 100% !important;\r\n        background-color: #0a0a0a !important; \/* \u4e0e\u524d\u533a\u5757\u7edf\u4e00\u6df1\u7070\u5e95 *\/\r\n        display: grid !important;\r\n        \/* PC\u7aef\uff1a\u56fe\u7247+\u6587\u5b57 5:5 \u5206\u680f\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u6bd4\u4f8b\uff09 *\/\r\n        grid-template-columns: 1fr 1fr !important;\r\n        min-height: clamp(500px, 70vh, 700px) !important; \/* \u6d41\u4f53\u6700\u5c0f\u9ad8\u5ea6 *\/\r\n        \/* \u8865\u5145\uff1aElementor\u5168\u5bbd\u9002\u914d *\/\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* \u56fe\u7247\u4fa7\uff08\u5360\u6ee1\u5206\u680f\u9ad8\u5ea6\uff0c\u5f3a\u5236\u9ad8\u5ea6\u7ee7\u627f+\u663e\u793a\uff09 *\/\r\n    .split-img-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fee\u590d\u56fe\u7247\u5bb9\u5668\u9ad8\u5ea6\u5931\u6548 *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u5bb9\u5668 *\/\r\n    }\r\n\r\n    \/* \u5206\u680f\u56fe\u7247\uff08\u4fee\u590d\u663e\u793a+\u4fdd\u7559\u4f60\u7684Moooi\u98ce\u683c\u5904\u7406\uff09 *\/\r\n    .split-img {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u5360\u6ee1\u5bb9\u5668\uff0c\u4fee\u590d\u56fe\u7247\u9ad8\u5ea6\u5931\u6548 *\/\r\n        object-fit: cover !important; \/* \u5360\u6ee1\u56fe\u7247\u680f\uff0c\u88c1\u526a\u591a\u4f59\uff08\u4fdd\u7559\uff09 *\/\r\n        object-position: center !important;\r\n        filter: brightness(0.82) contrast(0.98) saturate(0.95) !important; \/* \u8f7b\u6ee4\u955c\uff08\u4fdd\u7559\uff09 *\/\r\n        transition: filter 0.6s ease !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u56fe\u7247\uff0c\u4fee\u590d\u4e0d\u52a0\u8f7d\u95ee\u9898 *\/\r\n    }\r\n\r\n    \/* hover\u63d0\u4eae\uff0c\u589e\u5f3a\u8d28\u611f\uff08\u4fdd\u7559\uff09 *\/\r\n    .split-img-col:hover .split-img {\r\n        filter: brightness(0.88) contrast(1) saturate(1.05) !important;\r\n    }\r\n\r\n    \/* \u56fe\u7247\u4fa7\u6697\u5c42\uff08\u8f7b\u5fae\u52a0\u6df1\uff0c\u8d34\u5408\u98ce\u683c\uff09 *\/\r\n    .split-img-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: rgba(0,0,0,0.12) !important;\r\n        z-index: 1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\uff08\u5f3a\u5316\u5782\u76f4+\u6c34\u5e73\u53cc\u5c45\u4e2d\uff0c\u4fee\u590d\u5c45\u4e2d\u5931\u6548\uff09 *\/\r\n    .split-text-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fdd\u8bc1\u5782\u76f4\u5c45\u4e2d *\/\r\n        padding: clamp(40px, 6vw, 60px) clamp(50px, 8vw, 80px) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important; \/* \u5782\u76f4\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        align-items: center !important; \/* \u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        text-align: center !important; \/* \u6587\u5b57\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        gap: clamp(25px, 4vw, 40px) !important; \/* \u5185\u5bb9\u95f4\u8ddd\uff08\u4fdd\u7559\uff09 *\/\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\u6807\u9898\uff08Moooi\u6781\u7b80\u6392\u7248\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-title {\r\n        font-size: clamp(1.8rem, 3vw, 2.8rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.12em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n        line-height: 1.2 !important;\r\n        opacity: 0.95 !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\u63cf\u8ff0\uff08\u8f7b\u5b57\u91cd+\u5bbd\u5b57\u8ddd+\u5c45\u4e2d\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-desc {\r\n        font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.08em !important;\r\n        color: rgba(255,255,255,0.85) !important;\r\n        line-height: 1.8 !important;\r\n        max-width: 500px !important; \/* \u9650\u5236\u5bbd\u5ea6\u907f\u514d\u6587\u5b57\u8fc7\u5bbd\uff0c\u5c45\u4e2d\u66f4\u8212\u670d *\/\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d *\/\r\n    }\r\n\r\n    \/* \u6781\u7b80\u6309\u94ae\uff08\u5c45\u4e2d\u663e\u793a\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-btn {\r\n        display: inline-block !important;\r\n        font-size: clamp(0.9rem, 1.1vw, 1rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: rgba(255,255,255,0.9) !important;\r\n        text-transform: uppercase !important;\r\n        text-decoration: none !important;\r\n        padding: 8px 0 !important;\r\n        position: relative !important;\r\n        width: fit-content !important; \/* \u81ea\u9002\u5e94\u5bbd\u5ea6 *\/\r\n        transition: color 0.4s ease !important;\r\n        margin: 0 auto !important; \/* \u6309\u94ae\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n    }\r\n\r\n    \/* \u6309\u94ae\u4e0b\u5212\u7ebf\uff08hover\u5c55\u5f00\uff0c\u5339\u914d\u5bfc\u822a\u98ce\u683c\uff09 *\/\r\n    .split-btn::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 0 !important;\r\n        height: 1px !important;\r\n        background: #f8b040 !important; \/* \u91d1\u8272\u4e0b\u5212\u7ebf\uff0c\u5339\u914d\u5bfc\u822ahover\u8272 *\/\r\n        transition: width 0.4s ease !important;\r\n    }\r\n\r\n    .split-btn:hover {\r\n        color: #fff !important;\r\n    }\r\n\r\n    .split-btn:hover::after {\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* ========== 100%\u4fdd\u7559\u4f60\u7684\u4e09\u7aef\u54cd\u5e94\u5f0f\u9002\u914d\u903b\u8f91 ========== *\/\r\n    \/* \u5e73\u677f\u7aef\uff08768px ~ 1199px\uff09\uff1a\u8c03\u6574\u5206\u680f\u6bd4\u4f8b+\u6587\u5b57 padding *\/\r\n    @media (max-width: 1199px) {\r\n        .split-section {\r\n            grid-template-columns: 55fr 45fr !important; \/* \u56fe\u7247\u7a0d\u5bbd\uff0c\u6587\u5b57\u7a0d\u7a84\uff08\u4fdd\u7559\uff09 *\/\r\n            min-height: clamp(400px, 60vh, 600px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 50px) clamp(40px, 6vw, 60px) !important;\r\n        }\r\n        .split-title {\r\n            font-size: clamp(1.5rem, 2.5vw, 2.2rem) !important;\r\n        }\r\n    }\r\n\r\n    \/* \u79fb\u52a8\u7aef\uff08<768px\uff09\uff1a\u5806\u53e0\u5e03\u5c40\uff08\u6587\u5b57\u5728\u4e0a\uff0c\u56fe\u7247\u5728\u4e0b\uff09 *\/\r\n    @media (max-width: 767px) {\r\n        .split-section {\r\n            grid-template-columns: 1fr !important; \/* \u5355\u5217\uff08\u4fdd\u7559\uff09 *\/\r\n            min-height: auto !important; \/* \u53d6\u6d88\u6700\u5c0f\u9ad8\u5ea6\uff0c\u81ea\u9002\u5e94\u5185\u5bb9\uff08\u4fdd\u7559\uff09 *\/\r\n        }\r\n        \/* \u56fe\u7247\u680f\u81ea\u9002\u5e94\u9ad8\u5ea6\uff08\u4fdd\u7559\uff09 *\/\r\n        .split-img-col {\r\n            height: clamp(300px, 60vw, 400px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 40px) clamp(30px, 4vw, 40px) !important;\r\n            gap: clamp(20px, 3vw, 30px) !important;\r\n        }\r\n        .split-desc {\r\n            max-width: 100% !important; \/* \u79fb\u52a8\u7aef\u53d6\u6d88\u5bbd\u5ea6\u9650\u5236\uff08\u4fdd\u7559\uff09 *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u4e09\u4e2a\u533a\u5757 HTML\uff08\u4fdd\u7559\u539f\u59cb\u7ed3\u6784\uff0c\u4ec5\u786e\u4fdd\u56fe\u7247URL\u6709\u6548\uff09 -->\r\n<section class=\"split-section\">\r\n    <!-- \u5de6\u4fa7\uff1a\u56fe\u7247\u680f\uff08\u5360\u6ee1\u5206\u680f\u9ad8\u5ea6\uff09 -->\r\n    <div class=\"split-img-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260103094759510.jpeg\" alt=\"Brand Showcase\" class=\"split-img\">\r\n        <div class=\"split-img-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\uff1a\u5c45\u4e2d\u6587\u5b57\u4ecb\u7ecd+\u6309\u94ae\u680f -->\r\n    <div class=\"split-text-col\">\r\n        <h2 class=\"split-title\">Our Craftsmanship<\/h2>\r\n        <p class=\"split-desc\">\r\n            Every piece of SHUCHUANG lighting is crafted with precision and care, blending minimalist design with sustainable materials. \r\n            We focus on creating lighting solutions that elevate living spaces while respecting the environment, ensuring both beauty and functionality.\r\n        <\/p>\r\n        <a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-260\/\" class=\"split-btn\">Explore Collection<\/a>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f2f0d elementor-widget elementor-widget-html\" data-id=\"71f2f0d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u56db\u4e2a\u533a\u5757\uff1a\u6587\u5b57+\u56fe\u7247\u8c03\u6362\u5206\u680f \u6837\u5f0f + HTML\uff08\u4fee\u590d\u56fe\u7247\u663e\u793a+\u6587\u5b57\u5c45\u4e2d\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff0c\u8865\u5145!important\u517c\u5bb9Elementor\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    \/* ========== Elementor\u5168\u5bbd\u9002\u914d\uff08\u4ec5\u8865\u5145\uff0c\u4e0d\u4fee\u6539\u539f\u59cb\u6837\u5f0f\uff09 ========== *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    body.elementor-editor-active .split-section-reverse {\r\n        margin-bottom: 20px !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* ========== \u4fdd\u7559\u4f60\u6240\u6709\u539f\u59cb\u6838\u5fc3\u6837\u5f0f\uff08\u8865\u5145!important+\u4fee\u590d\u5c45\u4e2d\/\u56fe\u7247\u663e\u793a\uff09 ========== *\/\r\n    .split-section-reverse {\r\n        width: 100% !important;\r\n        background-color: #0a0a0a !important; \/* \u7edf\u4e00\u6df1\u7070\u5e95 *\/\r\n        display: grid !important;\r\n        \/* PC\u7aef\uff1a\u6587\u5b57+\u56fe\u7247 5:5 \u5206\u680f\uff08\u8c03\u6362\u540e\u987a\u5e8f\uff0c\u4fdd\u7559\u539f\u59cb\u6bd4\u4f8b\uff09 *\/\r\n        grid-template-columns: 1fr 1fr !important;\r\n        min-height: clamp(500px, 70vh, 700px) !important; \/* \u6d41\u4f53\u6700\u5c0f\u9ad8\u5ea6 *\/\r\n        \/* \u8865\u5145\uff1aElementor\u5168\u5bbd\u9002\u914d *\/\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* \u56fe\u7247\u4fa7\uff08\u53f3\u680f\uff0c\u5360\u6ee1\u5206\u680f\u9ad8\u5ea6\uff0c\u5f3a\u5236\u9ad8\u5ea6\u7ee7\u627f+\u663e\u793a\uff09 *\/\r\n    .split-img-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fee\u590d\u56fe\u7247\u5bb9\u5668\u9ad8\u5ea6\u5931\u6548 *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u5bb9\u5668 *\/\r\n    }\r\n\r\n    \/* \u65b0\u56fe\u7247\u9002\u914d\uff08\u4fee\u590d\u663e\u793a+\u4fdd\u7559\u4f60\u7684Moooi\u98ce\u683c\u5904\u7406\uff09 *\/\r\n    .split-img {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u5360\u6ee1\u5bb9\u5668\uff0c\u4fee\u590d\u56fe\u7247\u9ad8\u5ea6\u5931\u6548 *\/\r\n        object-fit: cover !important;\r\n        object-position: center !important;\r\n        filter: brightness(0.82) contrast(0.98) saturate(0.95) !important;\r\n        transition: filter 0.6s ease !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u56fe\u7247\uff0c\u4fee\u590d\u4e0d\u52a0\u8f7d\u95ee\u9898 *\/\r\n    }\r\n\r\n    .split-img-col:hover .split-img {\r\n        filter: brightness(0.88) contrast(1) saturate(1.05) !important;\r\n    }\r\n\r\n    .split-img-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: rgba(0,0,0,0.12) !important;\r\n        z-index: 1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\uff08\u5de6\u680f\uff0c\u5f3a\u5316\u5782\u76f4+\u6c34\u5e73\u53cc\u5c45\u4e2d\uff0c\u4fee\u590d\u5c45\u4e2d\u5931\u6548\uff09 *\/\r\n    .split-text-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fdd\u8bc1\u5782\u76f4\u5c45\u4e2d *\/\r\n        padding: clamp(40px, 6vw, 60px) clamp(50px, 8vw, 80px) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important; \/* \u5782\u76f4\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        align-items: center !important; \/* \u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        text-align: center !important; \/* \u6587\u5b57\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        gap: clamp(25px, 4vw, 40px) !important;\r\n    }\r\n\r\n    .split-title {\r\n        font-size: clamp(1.8rem, 3vw, 2.8rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.12em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n        line-height: 1.2 !important;\r\n        opacity: 0.95 !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .split-desc {\r\n        font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.08em !important;\r\n        color: rgba(255,255,255,0.85) !important;\r\n        line-height: 1.8 !important;\r\n        max-width: 500px !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .split-btn {\r\n        display: inline-block !important;\r\n        font-size: clamp(0.9rem, 1.1vw, 1rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: rgba(255,255,255,0.9) !important;\r\n        text-transform: uppercase !important;\r\n        text-decoration: none !important;\r\n        padding: 8px 0 !important;\r\n        position: relative !important;\r\n        width: fit-content !important;\r\n        transition: color 0.4s ease !important;\r\n        margin: 0 auto !important; \/* \u6309\u94ae\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n    }\r\n\r\n    .split-btn::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 0 !important;\r\n        height: 1px !important;\r\n        background: #f8b040 !important;\r\n        transition: width 0.4s ease !important;\r\n    }\r\n\r\n    .split-btn:hover {\r\n        color: #fff !important;\r\n    }\r\n\r\n    .split-btn:hover::after {\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* ========== 100%\u4fdd\u7559\u4f60\u7684\u4e09\u7aef\u54cd\u5e94\u5f0f\u9002\u914d\u903b\u8f91 ========== *\/\r\n    @media (max-width: 1199px) {\r\n        .split-section-reverse {\r\n            grid-template-columns: 45fr 55fr !important; \/* \u6587\u5b57\u7a0d\u7a84\uff0c\u56fe\u7247\u7a0d\u5bbd\uff08\u4fdd\u7559\u539f\u59cb\u6bd4\u4f8b\uff09 *\/\r\n            min-height: clamp(400px, 60vh, 600px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 50px) clamp(40px, 6vw, 60px) !important;\r\n        }\r\n        .split-title {\r\n            font-size: clamp(1.5rem, 2.5vw, 2.2rem) !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .split-section-reverse {\r\n            grid-template-columns: 1fr !important;\r\n            min-height: auto !important;\r\n        }\r\n        .split-img-col {\r\n            height: clamp(300px, 60vw, 400px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 40px) clamp(30px, 4vw, 40px) !important;\r\n            gap: clamp(20px, 3vw, 30px) !important;\r\n        }\r\n        .split-desc {\r\n            max-width: 100% !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u56db\u4e2a\u533a\u5757 HTML\uff08\u6587\u5b57\u5de6\uff0c\u56fe\u7247\u53f3\uff0c\u4fdd\u7559\u539f\u59cb\u7ed3\u6784\uff09 -->\r\n<section class=\"split-section-reverse\">\r\n    <!-- \u5de6\u4fa7\uff1a\u6587\u5b57\u4ecb\u7ecd+\u6309\u94ae\u680f\uff08\u5c45\u4e2d\uff09 -->\r\n    <div class=\"split-text-col\">\r\n        <h2 class=\"split-title\">Sustainable Design<\/h2>\r\n        <p class=\"split-desc\">\r\n            SHUCHUANG is committed to sustainable practices, using eco-friendly materials and energy-efficient technology in every product. \r\n            Our lighting designs minimize environmental impact while maximizing aesthetic value, creating timeless pieces for modern life.\r\n        <\/p>\r\n        <a href=\"#sustainability\" class=\"split-btn\">Learn Our Story<\/a>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\uff1a\u56fe\u7247\u680f\uff08\u65b0\u94fe\u63a5\uff09 -->\r\n    <div class=\"split-img-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260103151052659.jpeg\" alt=\"Sustainable Design\" class=\"split-img\">\r\n        <div class=\"split-img-overlay\"><\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-011c794 e-con-full e-flex e-con e-parent\" data-id=\"011c794\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e4d1d1 elementor-widget elementor-widget-html\" data-id=\"5e4d1d1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u4e94\u4e2a\u533a\u5757\uff1a\u5168\u5c4f\u5927\u56fe+\u5c45\u4e2d\u6587\u5b57+\u5355\u6309\u94ae \u6837\u5f0f + HTML\uff08\u4fee\u590d\u9ad8\u5ea6+\u989c\u8272+\u5c45\u4e2d\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff0c\u8865\u5145!important\u517c\u5bb9Elementor\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    \/* ========== Elementor\u5168\u5bbd\u9002\u914d\uff08\u4ec5\u8865\u5145\uff0c\u4e0d\u4fee\u6539\u539f\u59cb\u6837\u5f0f\uff09 ========== *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    body.elementor-editor-active .hero-img-section {\r\n        margin-bottom: 20px !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* ========== \u4fdd\u7559\u4f60\u6240\u6709\u539f\u59cb\u6838\u5fc3\u6837\u5f0f\uff08\u4fee\u590d\u9ad8\u5ea6+\u989c\u8272+\u5c45\u4e2d\uff09 ========== *\/\r\n    .hero-img-section {\r\n        width: 100% !important;\r\n        min-height: clamp(600px, 80vh, 800px) !important; \/* \u5f3a\u5236\u751f\u6548\u6d41\u4f53\u9ad8\u5ea6\uff0c\u4fee\u590d\u9ad8\u5ea6\u5f02\u5e38 *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        \/* \u8865\u5145\uff1aElementor\u5168\u5bbd\u9002\u914d\uff0c\u907f\u514d\u7559\u767d *\/\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n    }\r\n\r\n    \/* \u80cc\u666f\u5927\u56fe\uff08\u5168\u5c4f\u8986\u76d6\uff0c\u4fee\u590d\u9ad8\u5ea6\u5931\u6548\uff09 *\/\r\n    .hero-bg-img {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u5360\u6ee1\u533a\u5757\u9ad8\u5ea6\uff0c\u4fee\u590d\u56fe\u7247\u9ad8\u5ea6\u5f02\u5e38 *\/\r\n        object-fit: cover !important; \/* \u94fa\u6ee1\u5bb9\u5668\uff0c\u88c1\u526a\u591a\u4f59\uff08\u4fdd\u7559\uff09 *\/\r\n        object-position: center !important; \/* \u805a\u7126\u56fe\u7247\u6838\u5fc3\u533a\u57df\uff08\u4fdd\u7559\uff09 *\/\r\n        filter: brightness(0.7) contrast(0.98) saturate(0.9) !important; \/* \u6697\u8c03\u6ee4\u955c\uff08\u4fdd\u7559\uff09 *\/\r\n        z-index: 1 !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u56fe\u7247\uff0c\u907f\u514d\u52a0\u8f7d\u5f02\u5e38 *\/\r\n    }\r\n\r\n    \/* \u6e10\u53d8\u6697\u5c42\u906e\u7f69\uff08\u4fdd\u7559\u539f\u59cb\u6e10\u53d8\uff0c\u5f3a\u5316\u4f18\u5148\u7ea7\uff09 *\/\r\n    .hero-img-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: linear-gradient(\r\n            to bottom, \r\n            rgba(0,0,0,0.2) 0%, \r\n            rgba(0,0,0,0.5) 100%\r\n        ) !important;\r\n        z-index: 2 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* \u6587\u5b57+\u6309\u94ae\u5bb9\u5668\uff08\u5f3a\u5316\u53cc\u8f74\u5c45\u4e2d\uff0c\u4fee\u590d\u5185\u5bb9\u504f\u79fb\uff09 *\/\r\n    .hero-content-wrapper {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 50% !important; \/* \u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        transform: translate(-50%, -50%) !important; \/* \u53cc\u8f74\u5c45\u4e2d\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n        z-index: 3 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important; \/* \u5b50\u5143\u7d20\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        text-align: center !important; \/* \u6587\u5b57\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        gap: clamp(20px, 3vw, 35px) !important; \/* \u5185\u5bb9\u95f4\u8ddd\uff08\u4fdd\u7559\uff09 *\/\r\n        max-width: 800px !important; \/* \u653e\u5bbd\u6700\u5927\u5bbd\u5ea6\uff08\u4fdd\u7559\uff09 *\/\r\n        padding: 0 5vw !important; \/* \u5de6\u53f3\u7559\u767d\uff08\u4fdd\u7559\uff09 *\/\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u5c0f\u6807\u9898\uff08\u8fd8\u539f\u91d1\u8272#f8b040\uff0c\u5f3a\u5236\u989c\u8272\u751f\u6548\uff09 *\/\r\n    .hero-subtitle {\r\n        font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.15em !important;\r\n        color: #f8b040 !important; \/* \u91d1\u8272\uff0c\u5339\u914d\u5bfc\u822ahover\u8272\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n        text-transform: uppercase !important;\r\n        opacity: 0.9 !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u5927\u6807\u9898\uff08\u8fd8\u539f\u7eaf\u767d\u8272\uff0c\u5f3a\u5236\u989c\u8272\u751f\u6548\uff09 *\/\r\n    .hero-main-title {\r\n        font-size: clamp(2.5rem, 5vw, 4.5rem) !important;\r\n        font-weight: 400 !important; \/* \u8f7b\u5b57\u91cd\uff0c\u6781\u7b80\u98ce\u683c\uff08\u4fdd\u7559\uff09 *\/\r\n        letter-spacing: 0.1em !important;\r\n        color: #fff !important; \/* \u7eaf\u767d\u8272\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n        text-transform: uppercase !important;\r\n        line-height: 1.2 !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u63cf\u8ff0\u6587\u5b57\uff08\u8fd8\u539f\u6d45\u767d\u8272\uff0c\u5f3a\u5236\u989c\u8272\u751f\u6548\uff09 *\/\r\n    .hero-desc {\r\n        font-size: clamp(0.9rem, 1.1vw, 1rem) !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.08em !important;\r\n        color: rgba(255,255,255,0.85) !important; \/* \u6d45\u767d\u8272\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n        line-height: 1.8 !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u6309\u94ae\u5bb9\u5668\uff08\u4fdd\u7559\u539f\u59cb\u6837\u5f0f\uff0c\u5f3a\u5316\u5c45\u4e2d\uff09 *\/\r\n    .hero-btn-group {\r\n        margin-top: clamp(10px, 2vw, 20px) !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u6309\u94ae\u5c45\u4e2d *\/\r\n        text-align: center !important; \/* \u5f3a\u5316\u6309\u94ae\u5c45\u4e2d *\/\r\n    }\r\n\r\n    \/* \u6b21\u8981\u6309\u94ae\uff08\u8fd8\u539f\u989c\u8272\uff0c\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n    .hero-btn-secondary {\r\n        font-size: clamp(0.9rem, 1.1vw, 1rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: rgba(255,255,255,0.85) !important; \/* \u6309\u94ae\u9ed8\u8ba4\u6d45\u767d\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n        text-transform: uppercase !important;\r\n        text-decoration: none !important;\r\n        padding: 10px 20px !important;\r\n        position: relative !important;\r\n        transition: color 0.4s ease !important;\r\n        display: inline-block !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\uff08\u4fdd\u7559\uff09 *\/\r\n    }\r\n\r\n    .hero-btn-secondary::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 0 !important;\r\n        height: 1px !important;\r\n        background: #fff !important; \/* \u6309\u94ae\u4e0b\u5212\u7ebf\u767d\u8272\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n        transition: width 0.4s ease !important;\r\n    }\r\n\r\n    .hero-btn-secondary:hover {\r\n        color: #fff !important; \/* hover\u7eaf\u767d\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n    }\r\n\r\n    .hero-btn-secondary:hover::after {\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* ========== 100%\u4fdd\u7559\u4f60\u7684\u4e09\u7aef\u54cd\u5e94\u5f0f\u9002\u914d\u903b\u8f91 ========== *\/\r\n    \/* \u5e73\u677f\u7aef\uff08768px ~ 1199px\uff09 *\/\r\n    @media (max-width: 1199px) {\r\n        .hero-main-title {\r\n            font-size: clamp(2rem, 4vw, 3.5rem) !important;\r\n        }\r\n    }\r\n\r\n    \/* \u79fb\u52a8\u7aef\uff08<768px\uff09 *\/\r\n    @media (max-width: 767px) {\r\n        .hero-img-section {\r\n            min-height: clamp(500px, 90vh, 700px) !important; \/* \u79fb\u52a8\u7aef\u9ad8\u5ea6\uff08\u5f3a\u5236\u751f\u6548\uff09 *\/\r\n        }\r\n        .hero-main-title {\r\n            font-size: clamp(1.8rem, 6vw, 2.8rem) !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u4e94\u4e2a\u533a\u5757 HTML\uff08\u4fdd\u7559\u539f\u59cb\u7ed3\u6784\uff0c\u5185\u5bb9\u4e0d\u53d8\uff09 -->\r\n<section class=\"hero-img-section\">\r\n    <!-- \u80cc\u666f\u5927\u56fe -->\r\n    <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260103170744142-scaled.jpg\" alt=\"Brand Hero Image\" class=\"hero-bg-img\">\r\n    <!-- \u6e10\u53d8\u6697\u5c42 -->\r\n    <div class=\"hero-img-overlay\"><\/div>\r\n    <!-- \u6587\u5b57+\u6309\u94ae\u5185\u5bb9\uff08\u5c45\u4e2d\uff09 -->\r\n    <div class=\"hero-content-wrapper\">\r\n        <p class=\"hero-subtitle\">Timeless Design<\/p>\r\n        <h2 class=\"hero-main-title\">SHUCHUANG COLLECTION<\/h2>\r\n        <p class=\"hero-desc\">\r\n            Explore our curated collection of minimalist lighting, crafted to transform spaces with subtle elegance and functional beauty.\r\n        <\/p>\r\n        <div class=\"hero-btn-group\">\r\n            <!-- \u4ec5\u4fdd\u7559Explore More\u6309\u94ae -->\r\n            <a href=\"#explore\" class=\"hero-btn-secondary\">Explore More<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc4a957 e-con-full e-flex e-con e-parent\" data-id=\"fc4a957\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-290a5de elementor-widget elementor-widget-html\" data-id=\"290a5de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u516d\u4e2a\u533a\u5757\uff1a\u5de6\u4fa7\u6587\u5b57+\u53f3\u4fa7\u5927\u56fe \u6837\u5f0f + HTML\uff08\u4fee\u590d\u56fe\u7247\u663e\u793a+\u6587\u5b57\u5c45\u4e2d\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff0c\u8865\u5145!important\u517c\u5bb9Elementor\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    \/* ========== Elementor\u5168\u5bbd\u9002\u914d\uff08\u4ec5\u8865\u5145\uff0c\u4e0d\u4fee\u6539\u539f\u59cb\u6837\u5f0f\uff09 ========== *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    body.elementor-editor-active .split-section-final {\r\n        margin-bottom: 20px !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* ========== \u4fdd\u7559\u4f60\u6240\u6709\u539f\u59cb\u6838\u5fc3\u6837\u5f0f\uff08\u8865\u5145!important+\u4fee\u590d\u5c45\u4e2d\/\u56fe\u7247\u663e\u793a\uff09 ========== *\/\r\n    .split-section-final {\r\n        width: 100% !important;\r\n        background-color: #0a0a0a !important; \/* \u7edf\u4e00\u6df1\u7070\u5e95 *\/\r\n        display: grid !important;\r\n        \/* PC\u7aef\uff1a\u6587\u5b57+\u56fe\u7247 5:5 \u5206\u680f\uff08\u4fdd\u7559\u539f\u59cb\u6bd4\u4f8b\uff09 *\/\r\n        grid-template-columns: 1fr 1fr !important;\r\n        min-height: clamp(500px, 70vh, 700px) !important; \/* \u6d41\u4f53\u6700\u5c0f\u9ad8\u5ea6 *\/\r\n        \/* \u8865\u5145\uff1aElementor\u5168\u5bbd\u9002\u914d *\/\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\uff08\u5de6\u680f\uff0c\u5f3a\u5316\u5782\u76f4+\u6c34\u5e73\u53cc\u5c45\u4e2d\uff0c\u4fee\u590d\u5c45\u4e2d\u5931\u6548\uff09 *\/\r\n    .split-text-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fdd\u8bc1\u5782\u76f4\u5c45\u4e2d *\/\r\n        padding: clamp(40px, 6vw, 60px) clamp(50px, 8vw, 80px) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important; \/* \u5782\u76f4\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        align-items: center !important; \/* \u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        text-align: center !important; \/* \u6587\u5b57\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        gap: clamp(25px, 4vw, 40px) !important; \/* \u5185\u5bb9\u95f4\u8ddd\uff08\u4fdd\u7559\uff09 *\/\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\u6807\u9898\uff08Moooi\u6781\u7b80\u6392\u7248\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-title {\r\n        font-size: clamp(1.8rem, 3vw, 2.8rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.12em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n        line-height: 1.2 !important;\r\n        opacity: 0.95 !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\u63cf\u8ff0\uff08\u8f7b\u5b57\u91cd+\u5bbd\u5b57\u8ddd\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-desc {\r\n        font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.08em !important;\r\n        color: rgba(255,255,255,0.85) !important;\r\n        line-height: 1.8 !important;\r\n        max-width: 500px !important; \/* \u9650\u5236\u5bbd\u5ea6\uff0c\u907f\u514d\u9605\u8bfb\u75b2\u52b3 *\/\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d *\/\r\n    }\r\n\r\n    \/* \u6781\u7b80\u6309\u94ae\uff08\u5339\u914d\u6574\u4f53\u98ce\u683c\uff0c\u5f3a\u5316\u5c45\u4e2d\uff09 *\/\r\n    .split-btn {\r\n        display: inline-block !important;\r\n        font-size: clamp(0.9rem, 1.1vw, 1rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: rgba(255,255,255,0.9) !important;\r\n        text-transform: uppercase !important;\r\n        text-decoration: none !important;\r\n        padding: 8px 0 !important;\r\n        position: relative !important;\r\n        width: fit-content !important; \/* \u81ea\u9002\u5e94\u5bbd\u5ea6 *\/\r\n        transition: color 0.4s ease !important;\r\n        margin: 0 auto !important; \/* \u6309\u94ae\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n    }\r\n\r\n    \/* \u6309\u94ae\u4e0b\u5212\u7ebf\uff08\u91d1\u8272\uff0chover\u5c55\u5f00\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-btn::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 0 !important;\r\n        height: 1px !important;\r\n        background: #f8b040 !important; \/* \u91d1\u8272\uff0c\u5339\u914d\u5168\u5c40\u98ce\u683c *\/\r\n        transition: width 0.4s ease !important;\r\n    }\r\n\r\n    .split-btn:hover {\r\n        color: #fff !important;\r\n    }\r\n\r\n    .split-btn:hover::after {\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* \u56fe\u7247\u4fa7\uff08\u53f3\u680f\uff0c\u5360\u6ee1\u5206\u680f\u9ad8\u5ea6\uff0c\u5f3a\u5236\u9ad8\u5ea6\u7ee7\u627f+\u663e\u793a\uff09 *\/\r\n    .split-img-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fee\u590d\u56fe\u7247\u5bb9\u5668\u9ad8\u5ea6\u5931\u6548 *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u5bb9\u5668 *\/\r\n    }\r\n\r\n    \/* \u65b0\u56fe\u7247\u9002\u914d\uff08\u4fee\u590d\u663e\u793a+\u4fdd\u7559\u4f60\u7684Moooi\u98ce\u683c\u5904\u7406\uff09 *\/\r\n    .split-img {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u5360\u6ee1\u5bb9\u5668\uff0c\u4fee\u590d\u56fe\u7247\u9ad8\u5ea6\u5931\u6548 *\/\r\n        object-fit: cover !important; \/* \u5360\u6ee1\u56fe\u7247\u680f\uff0c\u88c1\u526a\u591a\u4f59\uff08\u4fdd\u7559\uff09 *\/\r\n        object-position: center !important; \/* \u805a\u7126\u56fe\u7247\u6838\u5fc3\uff08\u4fdd\u7559\uff09 *\/\r\n        filter: brightness(0.82) contrast(0.98) saturate(0.95) !important; \/* \u8f7b\u6ee4\u955c\uff08\u4fdd\u7559\uff09 *\/\r\n        transition: filter 0.6s ease !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u56fe\u7247\uff0c\u907f\u514d\u52a0\u8f7d\u5f02\u5e38 *\/\r\n    }\r\n\r\n    \/* hover\u63d0\u4eae\uff0c\u589e\u5f3a\u8d28\u611f\uff08\u4fdd\u7559\uff09 *\/\r\n    .split-img-col:hover .split-img {\r\n        filter: brightness(0.88) contrast(1) saturate(1.05) !important;\r\n    }\r\n\r\n    \/* \u56fe\u7247\u4fa7\u6697\u5c42\uff08\u8f7b\u5fae\u52a0\u6df1\uff0c\u8d34\u5408\u98ce\u683c\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-img-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: rgba(0,0,0,0.12) !important;\r\n        z-index: 1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* ========== 100%\u4fdd\u7559\u4f60\u7684\u4e09\u7aef\u54cd\u5e94\u5f0f\u9002\u914d\u903b\u8f91 ========== *\/\r\n    \/* \u5e73\u677f\u7aef\uff08768px ~ 1199px\uff09 *\/\r\n    @media (max-width: 1199px) {\r\n        .split-section-final {\r\n            grid-template-columns: 45fr 55fr !important; \/* \u6587\u5b57\u7a0d\u7a84\uff0c\u56fe\u7247\u7a0d\u5bbd\uff08\u4fdd\u7559\uff09 *\/\r\n            min-height: clamp(400px, 60vh, 600px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 50px) clamp(40px, 6vw, 60px) !important;\r\n        }\r\n        .split-title {\r\n            font-size: clamp(1.5rem, 2.5vw, 2.2rem) !important;\r\n        }\r\n    }\r\n\r\n    \/* \u79fb\u52a8\u7aef\uff08<768px\uff09\uff1a\u5806\u53e0\u5e03\u5c40\uff08\u6587\u5b57\u5728\u4e0a\uff0c\u56fe\u7247\u5728\u4e0b\uff09 *\/\r\n    @media (max-width: 767px) {\r\n        .split-section-final {\r\n            grid-template-columns: 1fr !important; \/* \u5355\u5217\uff08\u4fdd\u7559\uff09 *\/\r\n            min-height: auto !important; \/* \u53d6\u6d88\u6700\u5c0f\u9ad8\u5ea6\uff0c\u81ea\u9002\u5e94\u5185\u5bb9\uff08\u4fdd\u7559\uff09 *\/\r\n        }\r\n        \/* \u56fe\u7247\u680f\u81ea\u9002\u5e94\u9ad8\u5ea6\uff08\u4fdd\u7559\uff09 *\/\r\n        .split-img-col {\r\n            height: clamp(300px, 60vw, 400px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 40px) clamp(30px, 4vw, 40px) !important;\r\n            gap: clamp(20px, 3vw, 30px) !important;\r\n        }\r\n        .split-desc {\r\n            max-width: 100% !important; \/* \u79fb\u52a8\u7aef\u53d6\u6d88\u5bbd\u5ea6\u9650\u5236\uff08\u4fdd\u7559\uff09 *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u516d\u4e2a\u533a\u5757 HTML\uff08\u5de6\u4fa7\u6587\u5b57+\u53f3\u4fa7\u5927\u56fe\uff0c\u4fdd\u7559\u539f\u59cb\u7ed3\u6784\uff09 -->\r\n<section class=\"split-section-final\">\r\n    <!-- \u5de6\u4fa7\uff1a\u6587\u5b57\u4ecb\u7ecd+\u6309\u94ae\u680f\uff08\u5c45\u4e2d\uff09 -->\r\n    <div class=\"split-text-col\">\r\n        <h2 class=\"split-title\">Art of Lighting<\/h2>\r\n        <p class=\"split-desc\">\r\n            SHUCHUANG merges art and functionality in every lighting piece, designed to complement any modern interior. \r\n            Our designs are inspired by natural forms and minimalist aesthetics, creating a harmonious blend of light and space.\r\n        <\/p>\r\n        <a href=\"#artistry\" class=\"split-btn\">Explore Our Story<\/a>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\uff1a\u5927\u56fe\u680f\uff08\u65b0\u94fe\u63a5\uff09 -->\r\n    <div class=\"split-img-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260103175628443.jpg\" alt=\"Art of Lighting\" class=\"split-img\">\r\n        <div class=\"split-img-overlay\"><\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e833c5 e-con-full e-flex e-con e-parent\" data-id=\"9e833c5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2ea464 elementor-widget elementor-widget-html\" data-id=\"c2ea464\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u4e03\u4e2a\u533a\u5757\uff1a\u5de6\u4fa7\u5927\u56fe+\u53f3\u4fa7\u6587\u5b57 \u6837\u5f0f + HTML\uff08\u4fee\u590d\u56fe\u7247\u663e\u793a+\u6587\u5b57\u5c45\u4e2d\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff0c\u8865\u5145!important\u517c\u5bb9Elementor\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    \/* ========== Elementor\u5168\u5bbd\u9002\u914d\uff08\u4ec5\u8865\u5145\uff0c\u4e0d\u4fee\u6539\u539f\u59cb\u6837\u5f0f\uff09 ========== *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    body.elementor-editor-active .split-section-reverse-final {\r\n        margin-bottom: 20px !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* ========== \u4fdd\u7559\u4f60\u6240\u6709\u539f\u59cb\u6838\u5fc3\u6837\u5f0f\uff08\u8865\u5145!important+\u4fee\u590d\u5c45\u4e2d\/\u56fe\u7247\u663e\u793a\uff09 ========== *\/\r\n    .split-section-reverse-final {\r\n        width: 100% !important;\r\n        background-color: #0a0a0a !important; \/* \u7edf\u4e00\u6df1\u7070\u5e95 *\/\r\n        display: grid !important;\r\n        \/* PC\u7aef\uff1a\u56fe\u7247+\u6587\u5b57 5:5 \u5206\u680f\uff08\u4fdd\u7559\u539f\u59cb\u6bd4\u4f8b\uff09 *\/\r\n        grid-template-columns: 1fr 1fr !important;\r\n        min-height: clamp(500px, 70vh, 700px) !important; \/* \u6d41\u4f53\u6700\u5c0f\u9ad8\u5ea6 *\/\r\n        \/* \u8865\u5145\uff1aElementor\u5168\u5bbd\u9002\u914d *\/\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* \u56fe\u7247\u4fa7\uff08\u5de6\u680f\uff0c\u5360\u6ee1\u5206\u680f\u9ad8\u5ea6\uff0c\u5f3a\u5236\u9ad8\u5ea6\u7ee7\u627f+\u663e\u793a\uff09 *\/\r\n    .split-img-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fee\u590d\u56fe\u7247\u5bb9\u5668\u9ad8\u5ea6\u5931\u6548 *\/\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u5bb9\u5668 *\/\r\n    }\r\n\r\n    \/* \u65b0\u56fe\u7247\u9002\u914d\uff08\u4fee\u590d\u663e\u793a+\u4fdd\u7559\u4f60\u7684Moooi\u98ce\u683c\u5904\u7406\uff09 *\/\r\n    .split-img {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u5360\u6ee1\u5bb9\u5668\uff0c\u4fee\u590d\u56fe\u7247\u9ad8\u5ea6\u5931\u6548 *\/\r\n        object-fit: cover !important; \/* \u5360\u6ee1\u56fe\u7247\u680f\uff0c\u88c1\u526a\u591a\u4f59\uff08\u4fdd\u7559\uff09 *\/\r\n        object-position: center !important; \/* \u805a\u7126\u56fe\u7247\u6838\u5fc3\uff08\u4fdd\u7559\uff09 *\/\r\n        filter: brightness(0.82) contrast(0.98) saturate(0.95) !important; \/* \u8f7b\u6ee4\u955c\uff08\u4fdd\u7559\uff09 *\/\r\n        transition: filter 0.6s ease !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u56fe\u7247\uff0c\u907f\u514d\u52a0\u8f7d\u5f02\u5e38 *\/\r\n    }\r\n\r\n    \/* hover\u63d0\u4eae\uff0c\u589e\u5f3a\u8d28\u611f\uff08\u4fdd\u7559\uff09 *\/\r\n    .split-img-col:hover .split-img {\r\n        filter: brightness(0.88) contrast(1) saturate(1.05) !important;\r\n    }\r\n\r\n    \/* \u56fe\u7247\u4fa7\u6697\u5c42\uff08\u8f7b\u5fae\u52a0\u6df1\uff0c\u8d34\u5408\u98ce\u683c\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-img-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: rgba(0,0,0,0.12) !important;\r\n        z-index: 1 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\uff08\u53f3\u680f\uff0c\u5f3a\u5316\u5782\u76f4+\u6c34\u5e73\u53cc\u5c45\u4e2d\uff0c\u4fee\u590d\u5c45\u4e2d\u5931\u6548\uff09 *\/\r\n    .split-text-col {\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u7ee7\u627f\u7236\u7ea7\u9ad8\u5ea6\uff0c\u4fdd\u8bc1\u5782\u76f4\u5c45\u4e2d *\/\r\n        padding: clamp(40px, 6vw, 60px) clamp(50px, 8vw, 80px) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important; \/* \u5782\u76f4\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        align-items: center !important; \/* \u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        text-align: center !important; \/* \u6587\u5b57\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n        gap: clamp(25px, 4vw, 40px) !important; \/* \u5185\u5bb9\u95f4\u8ddd\uff08\u4fdd\u7559\uff09 *\/\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\u6807\u9898\uff08Moooi\u6781\u7b80\u6392\u7248\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-title {\r\n        font-size: clamp(1.8rem, 3vw, 2.8rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.12em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n        line-height: 1.2 !important;\r\n        opacity: 0.95 !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u6587\u5b57\u4fa7\u63cf\u8ff0\uff08\u8f7b\u5b57\u91cd+\u5bbd\u5b57\u8ddd\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-desc {\r\n        font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.08em !important;\r\n        color: rgba(255,255,255,0.85) !important;\r\n        line-height: 1.8 !important;\r\n        max-width: 500px !important; \/* \u9650\u5236\u5bbd\u5ea6\uff0c\u907f\u514d\u9605\u8bfb\u75b2\u52b3 *\/\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d *\/\r\n    }\r\n\r\n    \/* \u6781\u7b80\u6309\u94ae\uff08\u5339\u914d\u6574\u4f53\u98ce\u683c\uff0c\u5f3a\u5316\u5c45\u4e2d\uff09 *\/\r\n    .split-btn {\r\n        display: inline-block !important;\r\n        font-size: clamp(0.9rem, 1.1vw, 1rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: rgba(255,255,255,0.9) !important;\r\n        text-transform: uppercase !important;\r\n        text-decoration: none !important;\r\n        padding: 8px 0 !important;\r\n        position: relative !important;\r\n        width: fit-content !important; \/* \u81ea\u9002\u5e94\u5bbd\u5ea6 *\/\r\n        transition: color 0.4s ease !important;\r\n        margin: 0 auto !important; \/* \u6309\u94ae\u6c34\u5e73\u5c45\u4e2d\uff08\u5f3a\u5316\uff09 *\/\r\n    }\r\n\r\n    \/* \u6309\u94ae\u4e0b\u5212\u7ebf\uff08\u91d1\u8272\uff0chover\u5c55\u5f00\uff0c\u4fdd\u7559\uff09 *\/\r\n    .split-btn::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 0 !important;\r\n        height: 1px !important;\r\n        background: #f8b040 !important; \/* \u91d1\u8272\uff0c\u5339\u914d\u5168\u5c40\u98ce\u683c *\/\r\n        transition: width 0.4s ease !important;\r\n    }\r\n\r\n    .split-btn:hover {\r\n        color: #fff !important;\r\n    }\r\n\r\n    .split-btn:hover::after {\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* ========== 100%\u4fdd\u7559\u4f60\u7684\u4e09\u7aef\u54cd\u5e94\u5f0f\u9002\u914d\u903b\u8f91 ========== *\/\r\n    \/* \u5e73\u677f\u7aef\uff08768px ~ 1199px\uff09 *\/\r\n    @media (max-width: 1199px) {\r\n        .split-section-reverse-final {\r\n            grid-template-columns: 55fr 45fr !important; \/* \u56fe\u7247\u7a0d\u5bbd\uff0c\u6587\u5b57\u7a0d\u7a84\uff08\u4fdd\u7559\uff09 *\/\r\n            min-height: clamp(400px, 60vh, 600px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 50px) clamp(40px, 6vw, 60px) !important;\r\n        }\r\n        .split-title {\r\n            font-size: clamp(1.5rem, 2.5vw, 2.2rem) !important;\r\n        }\r\n    }\r\n\r\n    \/* \u79fb\u52a8\u7aef\uff08<768px\uff09\uff1a\u5806\u53e0\u5e03\u5c40\uff08\u6587\u5b57\u5728\u4e0a\uff0c\u56fe\u7247\u5728\u4e0b\uff09 *\/\r\n    @media (max-width: 767px) {\r\n        .split-section-reverse-final {\r\n            grid-template-columns: 1fr !important; \/* \u5355\u5217\uff08\u4fdd\u7559\uff09 *\/\r\n            min-height: auto !important; \/* \u53d6\u6d88\u6700\u5c0f\u9ad8\u5ea6\uff0c\u81ea\u9002\u5e94\u5185\u5bb9\uff08\u4fdd\u7559\uff09 *\/\r\n        }\r\n        \/* \u56fe\u7247\u680f\u81ea\u9002\u5e94\u9ad8\u5ea6\uff08\u4fdd\u7559\uff09 *\/\r\n        .split-img-col {\r\n            height: clamp(300px, 60vw, 400px) !important;\r\n        }\r\n        .split-text-col {\r\n            padding: clamp(30px, 5vw, 40px) clamp(30px, 4vw, 40px) !important;\r\n            gap: clamp(20px, 3vw, 30px) !important;\r\n        }\r\n        .split-desc {\r\n            max-width: 100% !important; \/* \u79fb\u52a8\u7aef\u53d6\u6d88\u5bbd\u5ea6\u9650\u5236\uff08\u4fdd\u7559\uff09 *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u4e03\u4e2a\u533a\u5757 HTML\uff08\u5de6\u4fa7\u5927\u56fe+\u53f3\u4fa7\u6587\u5b57\uff0c\u4fdd\u7559\u539f\u59cb\u7ed3\u6784\uff09 -->\r\n<section class=\"split-section-reverse-final\">\r\n    <!-- \u5de6\u4fa7\uff1a\u5927\u56fe\u680f\uff08\u65b0\u94fe\u63a5\uff09 -->\r\n    <div class=\"split-img-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104094507711.jpg\" alt=\"Minimalist Design\" class=\"split-img\">\r\n        <div class=\"split-img-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\uff1a\u6587\u5b57\u4ecb\u7ecd+\u6309\u94ae\u680f\uff08\u5c45\u4e2d\uff09 -->\r\n    <div class=\"split-text-col\">\r\n        <h2 class=\"split-title\">Minimalist Essence<\/h2>\r\n        <p class=\"split-desc\">\r\n            SHUCHUANG\u2019s design philosophy revolves around simplicity and purpose. Each lighting piece strips away excess, \r\n            focusing on clean lines, premium materials, and the pure beauty of light itself.\r\n        <\/p>\r\n        <a href=\"#philosophy\" class=\"split-btn\">Discover Philosophy<\/a>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-792cda2 e-con-full e-flex e-con e-parent\" data-id=\"792cda2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b205e0 elementor-widget elementor-widget-html\" data-id=\"9b205e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u516b\u4e2a\u533a\u5757\uff1a\u5168\u5c4f\u89c6\u9891+\u5b9a\u5236\u5316\u6587\u5b57 \u6837\u5f0f + HTML\uff08\u4fee\u590d\u89c6\u9891\u663e\u793a+\u5b57\u4f53\u6837\u5f0f\/\u5185\u5bb9\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u4fdd\u7559\u4f60\u7684\u539f\u59cb\u4ee3\u7801\uff0c\u8865\u5145!important\u517c\u5bb9Elementor\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    html, body {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        overflow-x: hidden !important;\r\n        background-color: #000 !important;\r\n    }\r\n\r\n    \/* ========== Elementor\u5168\u5bbd\u9002\u914d\uff08\u4ec5\u8865\u5145\uff0c\u4e0d\u4fee\u6539\u539f\u59cb\u6837\u5f0f\uff09 ========== *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    body.elementor-editor-active .video-hero-section {\r\n        margin-bottom: 20px !important;\r\n        z-index: 999 !important; \/* \u89c6\u9891\u5c42\u4f18\u5148\u663e\u793a\uff0c\u907f\u514d\u88ab\u906e\u6321 *\/\r\n    }\r\n\r\n    \/* ========== \u89c6\u9891\u533a\u5757\u6838\u5fc3\u6837\u5f0f\uff08\u4fee\u590d\u89c6\u9891\u663e\u793a+\u5f3a\u5316\u5b57\u4f53\u6837\u5f0f\uff09 ========== *\/\r\n    .video-hero-section {\r\n        position: relative !important;\r\n        width: 100vw !important;\r\n        height: 100vh !important; \/* \u5f3a\u5236\u5168\u5c4f\u9ad8\u5ea6\uff0c\u4fee\u590d\u9ad8\u5ea6\u5f02\u5e38 *\/\r\n        overflow: hidden !important;\r\n        \/* \u8865\u5145\uff1aElementor\u5168\u5bbd\u9002\u914d\uff0c\u907f\u514d\u7559\u767d *\/\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n    }\r\n\r\n    \/* \u89c6\u9891\u80cc\u666f\uff08\u4fee\u590d\u663e\u793a+\u4fdd\u7559\u6ee4\u955c\uff09 *\/\r\n    .video-bg {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important; \/* \u5f3a\u5236\u5360\u6ee1\u533a\u5757\u9ad8\u5ea6 *\/\r\n        object-fit: cover !important;\r\n        object-position: center !important;\r\n        filter: brightness(0.7) contrast(0.9) saturate(0.85) !important; \/* \u5f3a\u5236\u6ee4\u955c\u751f\u6548 *\/\r\n        z-index: 1 !important;\r\n        display: block !important; \/* \u5f3a\u5236\u663e\u793a\u89c6\u9891\uff0c\u4fee\u590d\u52a0\u8f7d\u5f02\u5e38 *\/\r\n        background: #000 !important; \/* \u89c6\u9891\u52a0\u8f7d\u524d\u515c\u5e95\u9ed1\u8272\u80cc\u666f *\/\r\n    }\r\n\r\n    \/* \u6e10\u53d8\u6697\u5c42\uff08\u5f3a\u5236\u751f\u6548\uff0c\u7a81\u51fa\u6587\u5b57\uff09 *\/\r\n    .video-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.45) 100%) !important;\r\n        z-index: 2 !important;\r\n        pointer-events: none !important; \/* \u907f\u514d\u906e\u6321\u89c6\u9891\u4ea4\u4e92 *\/\r\n    }\r\n\r\n    \/* \u6587\u5b57\u5185\u5bb9\u533a\u57df\uff08\u5f3a\u5316\u53cc\u8f74\u5c45\u4e2d\uff0c\u4fee\u590d\u5185\u5bb9\u504f\u79fb\uff09 *\/\r\n    .video-content {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 50% !important;\r\n        transform: translate(-50%, -50%) !important; \/* \u5f3a\u5236\u53cc\u8f74\u5c45\u4e2d *\/\r\n        width: 100% !important;\r\n        padding: 0 5vw !important;\r\n        text-align: center !important; \/* \u5f3a\u5236\u6587\u5b57\u5c45\u4e2d *\/\r\n        z-index: 3 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: clamp(20px, 3vw, 40px) !important; \/* \u5f3a\u5236\u5f39\u6027\u95f4\u8ddd *\/\r\n    }\r\n\r\n    \/* \u5b9a\u5236\u5316\u5927\u6807\u9898\uff08\u5f3a\u5316\u5b57\u4f53\u6837\u5f0f\uff0c\u8fd8\u539f\u8bbe\u8ba1\uff09 *\/\r\n    .video-title {\r\n        font-size: clamp(2rem, 6vw, 4.2rem) !important;\r\n        font-weight: 400 !important; \/* \u8f7b\u5b57\u91cd\uff0c\u5f3a\u5236\u751f\u6548 *\/\r\n        letter-spacing: 0.15em !important; \/* \u5bbd\u5b57\u8ddd\uff0c\u5f3a\u5236\u751f\u6548 *\/\r\n        line-height: 1.3 !important;\r\n        color: #fff !important; \/* \u7eaf\u767d\u8272\uff0c\u5f3a\u5236\u751f\u6548 *\/\r\n        text-transform: uppercase !important;\r\n        margin: 0 !important;\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* \u5b9a\u5236\u5316\u526f\u6807\u9898\uff08\u5f3a\u5316\u5b57\u4f53\u6837\u5f0f\uff0c\u8fd8\u539f\u8bbe\u8ba1\uff09 *\/\r\n    .video-subtitle {\r\n        font-size: clamp(0.85rem, 1.5vw, 1.2rem) !important;\r\n        font-weight: 300 !important; \/* \u6781\u8f7b\u5b57\u91cd\uff0c\u5f3a\u5236\u751f\u6548 *\/\r\n        letter-spacing: 0.1em !important; \/* \u5bbd\u5b57\u8ddd\uff0c\u5f3a\u5236\u751f\u6548 *\/\r\n        line-height: 2 !important;\r\n        color: rgba(255,255,255,0.8) !important; \/* \u6d45\u767d\u8272\uff0c\u5f3a\u5236\u751f\u6548 *\/\r\n        max-width: clamp(400px, 75vw, 900px) !important;\r\n        margin: 0 auto !important; \/* \u5f3a\u5236\u5c45\u4e2d *\/\r\n        width: 100% !important; \/* \u4fdd\u8bc1\u5c45\u4e2d\u5bbd\u5ea6 *\/\r\n    }\r\n\r\n    \/* ========== 100%\u4fdd\u7559\u4f60\u7684\u4e09\u7aef\u54cd\u5e94\u5f0f\u9002\u914d\u903b\u8f91\uff08\u5f3a\u5316\u751f\u6548\uff09 ========== *\/\r\n    @media (max-width: 1199px) {\r\n        .video-title {\r\n            font-size: clamp(1.8rem, 5vw, 3.5rem) !important;\r\n            letter-spacing: 0.12em !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .video-content {\r\n            top: 50% !important;\r\n            gap: clamp(15px, 2.5vw, 30px) !important;\r\n        }\r\n        .video-title {\r\n            font-size: clamp(1.6rem, 7vw, 3rem) !important;\r\n            letter-spacing: 0.1em !important;\r\n        }\r\n        .video-subtitle {\r\n            font-size: clamp(0.8rem, 1.3vw, 1rem) !important;\r\n            line-height: 1.9 !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 479px) {\r\n        .video-title {\r\n            font-size: clamp(1.4rem, 8vw, 2.5rem) !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u516b\u4e2a\u533a\u5757 HTML\uff08\u4fee\u590d\u89c6\u9891\u5c5e\u6027+\u4fdd\u7559\u539f\u59cb\u5185\u5bb9\uff09 -->\r\n<section class=\"video-hero-section\">\r\n    <!-- \u5168\u5c4f\u89c6\u9891\u80cc\u666f\uff08\u8865\u5145\u5c5e\u6027\uff0c\u4fee\u590d\u64ad\u653e\u5f02\u5e38\uff09 -->\r\n    <video class=\"video-bg\" autoplay loop muted playsinline preload=\"auto\" poster=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104094507711.jpg\">\r\n        <source src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104115124840.mp4\" type=\"video\/mp4\">\r\n        \u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e\r\n    <\/video>\r\n    <!-- \u6e10\u53d8\u6697\u5c42 -->\r\n    <div class=\"video-overlay\"><\/div>\r\n    <!-- \u5b9a\u5236\u5316\u6587\u5b57\u5185\u5bb9\uff08\u8fd8\u539f\u4f60\u8bbe\u5b9a\u7684\u539f\u59cb\u5185\u5bb9\uff09 -->\r\n    <div class=\"video-content\">\r\n        <h2 class=\"video-title\">Crafted for Calm<\/h2>\r\n        <p class=\"video-subtitle\">SHUCHUANG\u2019s lighting designs blend seamlessly into your space, creating a serene atmosphere with understated elegance and timeless appeal.<\/p>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b523be3 e-con-full e-flex e-con e-parent\" data-id=\"b523be3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-003e2d7 elementor-widget elementor-widget-html\" data-id=\"003e2d7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u7b2c\u4e5d\u4e2a\u533a\u5757\uff1aMoooi\u98ce\u683c\u9875\u811a\uff08\u4fee\u590d\u793e\u4ea4\u56fe\u6807100%\u663e\u793a + \u53ef\u66ff\u6362\u793e\u5a92\u94fe\u63a5\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\uff08\u5f3a\u5316\u4f18\u5148\u7ea7\uff09 *\/\r\n    * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: \"Inter\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif !important;\r\n        -webkit-user-select: none !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    html, body {\r\n        background-color: #000 !important;\r\n    }\r\n\r\n    \/* Elementor\u5168\u5bbd\u9002\u914d *\/\r\n    .elementor-element .elementor-container {\r\n        width: 100% !important;\r\n        max-width: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n    body.elementor-editor-active .footer-section {\r\n        margin-bottom: 0 !important;\r\n        z-index: 999 !important;\r\n    }\r\n\r\n    \/* \u9875\u811a\u6838\u5fc3\u6837\u5f0f *\/\r\n    .footer-section {\r\n        width: 100% !important;\r\n        background-color: #050505 !important;\r\n        padding: clamp(60px, 8vw, 80px) 5vw 30px !important;\r\n        color: rgba(255,255,255,0.8) !important;\r\n        margin: 0 !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    .footer-container {\r\n        max-width: 1400px !important;\r\n        margin: 0 auto !important;\r\n        display: grid !important;\r\n        grid-template-columns: 3fr 4fr 3fr !important;\r\n        gap: clamp(30px, 5vw, 50px) !important;\r\n        margin-bottom: clamp(40px, 6vw, 60px) !important;\r\n    }\r\n\r\n    \/* \u54c1\u724c\u533a *\/\r\n    .footer-brand {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: flex-start !important;\r\n    }\r\n    .footer-brand-title {\r\n        font-size: clamp(1.5rem, 2vw, 2rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.15em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n    .footer-brand-desc {\r\n        font-size: clamp(0.8rem, 1vw, 0.9rem) !important;\r\n        font-weight: 300 !important;\r\n        line-height: 1.8 !important;\r\n        color: rgba(255,255,255,0.7) !important;\r\n        max-width: 300px !important;\r\n    }\r\n\r\n    \/* \u5bfc\u822a\u533a *\/\r\n    .footer-nav {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 20px !important;\r\n    }\r\n    .footer-nav-title {\r\n        font-size: clamp(0.85rem, 1vw, 0.95rem) !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: #fff !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    .footer-nav-list {\r\n        list-style: none !important;\r\n    }\r\n    .footer-nav-item {\r\n        margin-bottom: 10px !important;\r\n    }\r\n    .footer-nav-link {\r\n        font-size: clamp(0.8rem, 1vw, 0.9rem) !important;\r\n        font-weight: 300 !important;\r\n        color: rgba(255,255,255,0.7) !important;\r\n        text-transform: uppercase !important;\r\n        text-decoration: none !important;\r\n        letter-spacing: 0.08em !important;\r\n        transition: color 0.4s ease !important;\r\n    }\r\n    .footer-nav-link:hover {\r\n        color: #f8b040 !important;\r\n    }\r\n\r\n    \/* \u793e\u5a92+\u4e8c\u7ef4\u7801\u533a\uff08\u6838\u5fc3\uff1a\u5f3a\u5236\u56fe\u6807\u663e\u793a\uff09 *\/\r\n    .footer-social-qrcode {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: flex-end !important;\r\n        gap: clamp(20px, 3vw, 30px) !important;\r\n    }\r\n\r\n    \/* \u793e\u5a92\u56fe\u6807\u5bb9\u5668\uff1a\u5f3a\u5236\u5bbd\u9ad8+\u5c42\u7ea7 *\/\r\n    .footer-social {\r\n        display: flex !important;\r\n        gap: clamp(15px, 2vw, 25px) !important;\r\n        z-index: 9999 !important; \/* \u56fe\u6807\u5c42\u7ea7\u6700\u9ad8\uff0c\u907f\u514d\u88ab\u906e\u6321 *\/\r\n    }\r\n\r\n    \/* \u793e\u5a92\u56fe\u6807\uff1a\u5f3a\u5236\u663e\u793a+\u515c\u5e95\u6837\u5f0f\uff08\u5173\u952e\u4fee\u590d\uff09 *\/\r\n    .footer-social-link {\r\n        font-size: clamp(1.2rem, 1.5vw, 1.5rem) !important;\r\n        color: rgba(255,255,255,0.7) !important;\r\n        text-decoration: none !important;\r\n        transition: color 0.4s ease !important;\r\n        \/* \u5f3a\u5236\u56fe\u6807\u663e\u793a\uff1a\u8986\u76d6Elementor\u7684display: none *\/\r\n        display: inline-block !important;\r\n        width: 40px !important; \/* \u56fa\u5b9a\u5bbd\u9ad8\uff0c\u786e\u4fdd\u56fe\u6807\u5360\u4f4d *\/\r\n        height: 40px !important;\r\n        line-height: 40px !important; \/* \u56fe\u6807\u5782\u76f4\u5c45\u4e2d *\/\r\n        text-align: center !important;\r\n        border: none !important;\r\n        background: transparent !important;\r\n    }\r\n    \/* \u56fe\u6807hover\u91d1\u8272 *\/\r\n    .footer-social-link:hover {\r\n        color: #f8b040 !important;\r\n        transform: scale(1.05) !important; \/* \u8f7b\u5fae\u653e\u5927\uff0c\u589e\u5f3a\u4ea4\u4e92 *\/\r\n    }\r\n    \/* \u5f3a\u5236Font Awesome\u56fe\u6807\u6837\u5f0f\u751f\u6548\uff08\u8986\u76d6Elementor\uff09 *\/\r\n    .footer-social-link i {\r\n        font-family: 'FontAwesome' !important; \/* \u5f3a\u5236\u4f7f\u7528\u56fe\u6807\u5b57\u4f53 *\/\r\n        font-style: normal !important;\r\n        font-weight: normal !important;\r\n        display: inline-block !important;\r\n        vertical-align: middle !important;\r\n        z-index: 9999 !important;\r\n    }\r\n\r\n    \/* \u4e8c\u7ef4\u7801 *\/\r\n    .footer-qrcode {\r\n        width: clamp(120px, 15vw, 150px) !important;\r\n        height: auto !important;\r\n        border: 1px solid rgba(255,255,255,0.1) !important;\r\n        border-radius: 2px !important;\r\n        display: block !important;\r\n        background: #000 !important;\r\n    }\r\n\r\n    \/* \u7248\u6743\u533a *\/\r\n    .footer-copyright {\r\n        max-width: 1400px !important;\r\n        margin: 0 auto !important;\r\n        padding-top: 30px !important;\r\n        border-top: 1px solid rgba(255,255,255,0.05) !important;\r\n        text-align: center !important;\r\n    }\r\n    .footer-copyright-text {\r\n        font-size: clamp(0.75rem, 0.9vw, 0.85rem) !important;\r\n        font-weight: 300 !important;\r\n        color: rgba(255,255,255,0.5) !important;\r\n        letter-spacing: 0.08em !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\r\n    @media (max-width: 1199px) {\r\n        .footer-container {\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: clamp(20px, 4vw, 40px) !important;\r\n        }\r\n        .footer-social-qrcode {\r\n            align-items: flex-start !important;\r\n        }\r\n        .footer-nav {\r\n            grid-template-columns: 1fr !important;\r\n        }\r\n    }\r\n    @media (max-width: 767px) {\r\n        .footer-container {\r\n            grid-template-columns: 1fr !important;\r\n            gap: clamp(30px, 5vw, 40px) !important;\r\n        }\r\n        .footer-brand, .footer-nav, .footer-social-qrcode {\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n        }\r\n        .footer-brand-desc {\r\n            max-width: 100% !important;\r\n        }\r\n        .footer-social {\r\n            justify-content: center !important;\r\n        }\r\n        \/* \u79fb\u52a8\u7aef\u56fe\u6807\u9002\u914d *\/\r\n        .footer-social-link {\r\n            width: 35px !important;\r\n            height: 35px !important;\r\n            line-height: 35px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u7b2c\u4e00\u6b65\uff1a\u4f18\u5148\u52a0\u8f7dFont Awesome\uff08\u6362\u5b98\u65b9\u7a33\u5b9aCDN\uff0c\u653e\u5230\u533a\u5757\u6700\u9876\u90e8\uff09 -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\" type=\"text\/css\" media=\"all\">\r\n\r\n<!-- \u9875\u811aHTML\uff08\u56fe\u6807\u7c7b\u540d\u9a8c\u8bc1+\u5197\u4f59\u5c5e\u6027\u6e05\u7406 + \u53ef\u66ff\u6362\u793e\u5a92\u94fe\u63a5\uff09 -->\r\n<footer class=\"footer-section\">\r\n    <div class=\"footer-container\">\r\n        <div class=\"footer-brand\">\r\n            <h3 class=\"footer-brand-title\">SHUCHUANG<\/h3>\r\n            <p class=\"footer-brand-desc\">\r\n                Minimalist lighting crafted with care, designed to elevate everyday spaces.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"footer-nav\">\r\n            <div class=\"footer-nav-group\">\r\n                <h4 class=\"footer-nav-title\">Explore<\/h4>\r\n                <ul class=\"footer-nav-list\">\r\n                    <li class=\"footer-nav-item\"><a href=\"#collection\" class=\"footer-nav-link\">Collection<\/a><\/li>\r\n                    <li class=\"footer-nav-item\"><a href=\"#design\" class=\"footer-nav-link\">Design Story<\/a><\/li>\r\n                    <li class=\"footer-nav-item\"><a href=\"#sustainability\" class=\"footer-nav-link\">Sustainability<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"footer-nav-group\">\r\n                <h4 class=\"footer-nav-title\">Connect<\/h4>\r\n                <ul class=\"footer-nav-list\">\r\n                    <li class=\"footer-nav-item\"><a href=\"#contact\" class=\"footer-nav-link\">Contact Us<\/a><\/li>\r\n                    <li class=\"footer-nav-item\"><a href=\"#faq\" class=\"footer-nav-link\">FAQ<\/a><\/li>\r\n                    <li class=\"footer-nav-item\"><a href=\"#privacy\" class=\"footer-nav-link\">Privacy Policy<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-social-qrcode\">\r\n            <div class=\"footer-social\">\r\n                <!-- \u5fae\u4fe1\u56fe\u6807\uff08\u66ff\u6362\u6210\u4f60\u7684\u5fae\u4fe1\u76f8\u5173\u94fe\u63a5\/\u4e8c\u7ef4\u7801\u9875\u9762\uff09 -->\r\n                <a href=\"https:\/\/wa.me\/message\/HEEQDSH3QLCYN1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-link\" aria-label=\"WeChat\">\r\n                    <i class=\"fa fa-weixin\"><\/i>\r\n                <\/a>\r\n                <!-- Instagram\u56fe\u6807\uff08\u66ff\u6362\u6210\u4f60\u7684Instagram\u8d26\u53f7\u94fe\u63a5\uff09 -->\r\n                <a href=\"https:\/\/instagram.com\/your-username\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-link\" aria-label=\"Instagram\">\r\n                    <i class=\"fa fa-instagram\"><\/i>\r\n                <\/a>\r\n                <!-- Facebook\u56fe\u6807\uff08\u66ff\u6362\u6210\u4f60\u7684Facebook\u8d26\u53f7\u94fe\u63a5\uff09 -->\r\n                <a href=\"https:\/\/www.facebook.com\/share\/1C8s9foDJZ\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-link\" aria-label=\"Facebook\">\r\n                    <i class=\"fa fa-facebook-square\"><\/i>\r\n                <\/a>\r\n                <!-- Twitter\/X\u56fe\u6807\uff08\u66ff\u6362\u6210\u4f60\u7684Twitter\/X\u8d26\u53f7\u94fe\u63a5\uff09 -->\r\n                <a href=\"https:\/\/twitter.com\/your-username\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-link\" aria-label=\"Twitter\">\r\n                    <i class=\"fa fa-twitter\"><\/i>\r\n                <\/a>\r\n                <!-- Pinterest\u56fe\u6807\uff08\u66ff\u6362\u6210\u4f60\u7684Pinterest\u8d26\u53f7\u94fe\u63a5\uff09 -->\r\n                <a href=\"https:\/\/pinterest.com\/your-username\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-link\" aria-label=\"Pinterest\">\r\n                    <i class=\"fa fa-pinterest-p\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <!-- \u4e8c\u7ef4\u7801 -->\r\n            <img decoding=\"async\" src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104142619378.png\" \r\n                 alt=\"\u5fae\u4fe1\u4e8c\u7ef4\u7801\" \r\n                 class=\"footer-qrcode\"\r\n                 loading=\"lazy\"\r\n                 onerror=\"this.src='https:\/\/via.placeholder.com\/150x150\/000000\/ffffff?text=QR+Code'\"> <!-- \u4e8c\u7ef4\u7801\u52a0\u8f7d\u5931\u8d25\u515c\u5e95 -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-copyright\">\r\n        <p class=\"footer-copyright-text\">\u00a9 2026 SHUCHUANG. All rights reserved. Designed with minimalism in mind.<\/p>\r\n    <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e SHUCHUANG Menu Home Collection Projec [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HOME - \u5e7f\u4e1c\u6811\u521b\u7167\u660e<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ndzm.top\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOME - \u5e7f\u4e1c\u6811\u521b\u7167\u660e\" \/>\n<meta property=\"og:description\" content=\"\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e SHUCHUANG Menu Home Collection Projec [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ndzm.top\/\" \/>\n<meta property=\"og:site_name\" content=\"\u5e7f\u4e1c\u6811\u521b\u7167\u660e\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T02:03:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104143713596.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"34 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/\",\"url\":\"https:\\\/\\\/www.ndzm.top\\\/\",\"name\":\"HOME - \u5e7f\u4e1c\u6811\u521b\u7167\u660e\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/20260104143713596.png\",\"datePublished\":\"2026-01-04T09:07:05+00:00\",\"dateModified\":\"2026-03-25T02:03:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ndzm.top\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/20260104143713596.png\",\"contentUrl\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/20260104143713596.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/www.ndzm.top\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOME\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#website\",\"url\":\"https:\\\/\\\/www.ndzm.top\\\/\",\"name\":\"\u5e7f\u4e1c\u6811\u521b\u7167\u660e\",\"description\":\"\u5de5\u7a0b\u706f\u9970\u827a\u672f\u9879\u76ee\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ndzm.top\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HOME - \u5e7f\u4e1c\u6811\u521b\u7167\u660e","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ndzm.top\/","og_locale":"zh_CN","og_type":"article","og_title":"HOME - \u5e7f\u4e1c\u6811\u521b\u7167\u660e","og_description":"\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301HTML5\u89c6\u9891\u64ad\u653e SHUCHUANG Menu Home Collection Projec [&hellip;]","og_url":"https:\/\/www.ndzm.top\/","og_site_name":"\u5e7f\u4e1c\u6811\u521b\u7167\u660e","article_modified_time":"2026-03-25T02:03:31+00:00","og_image":[{"url":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104143713596.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"34 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ndzm.top\/","url":"https:\/\/www.ndzm.top\/","name":"HOME - \u5e7f\u4e1c\u6811\u521b\u7167\u660e","isPartOf":{"@id":"https:\/\/www.ndzm.top\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ndzm.top\/#primaryimage"},"image":{"@id":"https:\/\/www.ndzm.top\/#primaryimage"},"thumbnailUrl":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104143713596.png","datePublished":"2026-01-04T09:07:05+00:00","dateModified":"2026-03-25T02:03:31+00:00","breadcrumb":{"@id":"https:\/\/www.ndzm.top\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ndzm.top\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.ndzm.top\/#primaryimage","url":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104143713596.png","contentUrl":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/01\/20260104143713596.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ndzm.top\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.ndzm.top\/"},{"@type":"ListItem","position":2,"name":"HOME"}]},{"@type":"WebSite","@id":"https:\/\/www.ndzm.top\/#website","url":"https:\/\/www.ndzm.top\/","name":"\u5e7f\u4e1c\u6811\u521b\u7167\u660e","description":"\u5de5\u7a0b\u706f\u9970\u827a\u672f\u9879\u76ee","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ndzm.top\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"}]}},"_links":{"self":[{"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":53,"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":687,"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages\/158\/revisions\/687"}],"wp:attachment":[{"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}