{"id":4002,"date":"2026-06-09T09:58:39","date_gmt":"2026-06-09T01:58:39","guid":{"rendered":"https:\/\/www.ndzm.top\/?page_id=4002"},"modified":"2026-06-09T16:11:25","modified_gmt":"2026-06-09T08:11:25","slug":"alabaster-lighting-16","status":"publish","type":"page","link":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/","title":{"rendered":"Alabaster Lighting 16"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4002\" class=\"elementor elementor-4002\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd33ce0 e-con-full e-flex e-con e-parent\" data-id=\"fd33ce0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee79a6 elementor-widget elementor-widget-html\" data-id=\"0ee79a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SHUCHUANG \u9996\u9875 Hero \u533a\u5757  \u2014  Cloud Alabaster Lighting Series\r\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     \u2726 \u5168\u5c4f 10 \u5e27\u706f\u5177\u56fe\uff08\u6697 \u2192 \u4eae \u6e10\u53d8 crossfade\uff09\r\n     \u2726 \u6a2a\u7248\u8c03\u5149\u6ed1\u5757\uff08\u9f20\u6807 + \u89e6\u5c4f\uff09\r\n     \u2726 \u5b8c\u6574\u9875\u7709 + \u4e09\u7ea7\u83dc\u5355\uff08\u684c\u9762\u4e0b\u62c9 + \u79fb\u52a8\u7aef\u5168\u5c4f Overlay\uff09\r\n     \u2726 \u4e09\u7aef\u54cd\u5e94\u5f0f\uff1a\u684c\u9762 \/ \u5e73\u677f \/ \u624b\u673a + \u6a2a\u5c4f + iOS \u5b89\u5168\u533a\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n \r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   1 \u00b7 \u5168\u5c40\u91cd\u7f6e\uff08Elementor \u517c\u5bb9\u5c42\uff09\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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\nhtml, body {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    overflow-x: hidden !important;\r\n    background-color: #040408 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\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\nbody.elementor-editor-active .elementor-section {\r\n    margin-bottom: 20px !important;\r\n    z-index: 1 !important;\r\n}\r\n \r\n \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   2 \u00b7 Hero \u5bb9\u5668\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero-section {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 100vh !important;\r\n    height: 100dvh !important;\r\n    overflow: hidden !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    background: #000 !important;\r\n}\r\n \r\n \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   3 \u00b7 10 \u5e27\u706f\u5177\u56fe\u5c42\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.lamp-stage {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    z-index: 1 !important;\r\n}\r\n.lamp-frame {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    object-position: center !important;\r\n    opacity: 0;\r\n    pointer-events: none !important;\r\n}\r\n.lamp-frame[data-index=\"0\"] {\r\n    opacity: 1 !important;\r\n}\r\n \r\n.hero-bottom-gradient {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 50vh !important;\r\n    background: linear-gradient(to bottom,\r\n        rgba(0,0,0,0)   0%,\r\n        rgba(0,0,0,0.4) 40%,\r\n        rgba(0,0,0,0.85) 100%) !important;\r\n    z-index: 2 !important;\r\n    pointer-events: none !important;\r\n}\r\n \r\n.lamp-loader {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: #040408 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    z-index: 50 !important;\r\n    transition: opacity 0.6s ease !important;\r\n    color: rgba(255,255,255,0.5) !important;\r\n    font-size: 0.85rem !important;\r\n    font-weight: 300 !important;\r\n    letter-spacing: 0.5em !important;\r\n}\r\n.lamp-loader.hidden {\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n \r\n \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   4 \u00b7 Header\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\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: 10 !important;\r\n    background: transparent !important;\r\n    \/* iOS \u9876\u90e8\u5218\u6d77\u5b89\u5168\u533a *\/\r\n    padding-top: max(3vw, env(safe-area-inset-top)) !important;\r\n}\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 \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   5 \u00b7 \u684c\u9762\u7aef\u4e09\u7ea7\u83dc\u5355\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.menu-container {\r\n    position: relative !important;\r\n    z-index: 1000 !important;\r\n}\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;\r\n    position: relative !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\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;\r\n    left: 0 !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.4s ease !important;\r\n}\r\n.menu-toggle:hover { color: #fff !important; text-shadow: 0 0 8px rgba(248,176,64,0.3) !important; }\r\n.menu-toggle:hover::after { width: 100% !important; }\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 !important;\r\n}\r\n.menu-toggle:hover .menu-arrow { border-color: #fff !important; }\r\n \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;\r\n    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%) !important;\r\n    backdrop-filter: blur(20px) !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    border: 1px solid rgba(255,255,255,0.05) !important;\r\n    border-radius: 10px !important;\r\n    padding: 20px 0 !important;\r\n    list-style: none !important;\r\n    width: 260px !important;\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    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.menu-item {\r\n    margin: 8px 0 !important;\r\n    padding: 0 12px !important;\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;\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;\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;\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;\r\n    box-shadow: 0 0 12px rgba(248,176,64,0.15) !important;\r\n    transform: translateX(-2px) !important;\r\n}\r\n.menu-item a:hover::after { width: calc(100% - 40px) !important; }\r\n \r\n.has-submenu a {\r\n    display: flex !important;\r\n    justify-content: flex-end !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    padding-right: 20px !important;\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    flex-shrink: 0 !important;\r\n}\r\n.has-submenu a:hover .submenu-arrow { border-color: #f8b040 !important; }\r\n \r\n.back-btn {\r\n    margin-bottom: 15px !important;\r\n    padding-bottom: 15px !important;\r\n    border-bottom: 1px solid rgba(255,255,255,0.03) !important;\r\n}\r\n.back-btn a {\r\n    color: #f8b040 !important;\r\n    font-weight: 500 !important;\r\n}\r\n.back-btn a:hover {\r\n    color: #fff !important;\r\n    background: rgba(248,176,64,0.05) !important;\r\n    box-shadow: 0 0 15px rgba(248,176,64,0.2) !important;\r\n}\r\n.back-btn a:hover::after { width: 0 !important; }\r\n \r\n \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   6 \u00b7 \u79fb\u52a8\u7aef\u6c49\u5821\u6309\u94ae\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.nav-mobile {\r\n    display: none !important;\r\n    width: 36px !important;\r\n    height: 28px !important;\r\n    position: relative !important;\r\n    cursor: pointer !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-end !important;\r\n    z-index: 100001 !important;\r\n}\r\n.hamburger-line {\r\n    width: 100% !important;\r\n    height: 1.5px !important;\r\n    background: linear-gradient(90deg, #f8b040 0%, #e69520 100%) !important;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    transform-origin: center !important;\r\n    display: block !important;\r\n}\r\n.hamburger-line:nth-child(2) { width: 70% !important; }\r\n.hamburger-line:nth-child(3) { width: 85% !important; }\r\n.nav-mobile.is-open .hamburger-line:nth-child(1) {\r\n    transform: translateY(13px) rotate(45deg) !important;\r\n    background: #f8b040 !important;\r\n}\r\n.nav-mobile.is-open .hamburger-line:nth-child(2) {\r\n    opacity: 0 !important;\r\n    width: 0 !important;\r\n}\r\n.nav-mobile.is-open .hamburger-line:nth-child(3) {\r\n    width: 100% !important;\r\n    transform: translateY(-13px) rotate(-45deg) !important;\r\n    background: #f8b040 !important;\r\n}\r\n \r\n \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   7 \u00b7 \u79fb\u52a8\u7aef\u5168\u5c4f Overlay\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.mobile-overlay {\r\n    position: fixed !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(4, 4, 8, 0.96) !important;\r\n    backdrop-filter: blur(24px) !important;\r\n    -webkit-backdrop-filter: blur(24px) !important;\r\n    z-index: 99999 !important;\r\n    transform: translateX(100%) !important;\r\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    overflow-y: auto !important;\r\n    \/* iOS \u5b89\u5168\u533a *\/\r\n    padding-top: env(safe-area-inset-top) !important;\r\n    padding-bottom: env(safe-area-inset-bottom) !important;\r\n}\r\n.mobile-overlay.is-open { transform: translateX(0) !important; }\r\n \r\n.mobile-overlay-header {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    padding: 6vw 6vw 5vw !important;\r\n    border-bottom: 1px solid rgba(255,255,255,0.08) !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n.mobile-logo-link {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    text-decoration: none !important;\r\n}\r\n.mobile-logo-img {\r\n    width: 36px !important;\r\n    height: 36px !important;\r\n    object-fit: cover !important;\r\n    border-radius: 4px !important;\r\n}\r\n.mobile-logo-text {\r\n    font-size: 1.1rem !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.mobile-close-btn {\r\n    width: 44px !important;          \/* \u89e6\u63a7\u76ee\u6807 \u2265 44px *\/\r\n    height: 44px !important;\r\n    position: relative !important;\r\n    cursor: pointer !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border-radius: 50% !important;\r\n    transition: background 0.3s ease !important;\r\n}\r\n.mobile-close-btn:hover { background: rgba(255,255,255,0.06) !important; }\r\n.mobile-close-btn::before,\r\n.mobile-close-btn::after {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    width: 20px !important;\r\n    height: 1.5px !important;\r\n    background: rgba(255,255,255,0.65) !important;\r\n    transition: background 0.3s ease !important;\r\n}\r\n.mobile-close-btn::before { transform: rotate(45deg) !important; }\r\n.mobile-close-btn::after  { transform: rotate(-45deg) !important; }\r\n.mobile-close-btn:hover::before,\r\n.mobile-close-btn:hover::after { background: #f8b040 !important; }\r\n \r\n.mobile-level {\r\n    display: none !important;\r\n    flex-direction: column !important;\r\n    flex: 1 !important;\r\n    list-style: none !important;\r\n    padding: 8px 0 40px !important;\r\n}\r\n.mobile-level.is-active { display: flex !important; }\r\n.mobile-level li a {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    padding: 19px 6vw !important;\r\n    color: rgba(255,255,255,0.78) !important;\r\n    text-decoration: none !important;\r\n    font-size: 0.95rem !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n    border-bottom: 1px solid rgba(255,255,255,0.06) !important;\r\n    transition: color 0.25s ease, background 0.25s ease !important;\r\n    cursor: pointer !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n}\r\n.mobile-level li a:hover,\r\n.mobile-level li a:active {\r\n    color: #f8b040 !important;\r\n    background: rgba(255,255,255,0.025) !important;\r\n}\r\n.mobile-back-item a {\r\n    color: #f8b040 !important;\r\n    font-size: 0.85rem !important;\r\n    font-weight: 500 !important;\r\n    border-bottom: 1px solid rgba(248,176,64,0.1) !important;\r\n    margin-bottom: 4px !important;\r\n    justify-content: flex-start !important;\r\n    gap: 8px !important;\r\n}\r\n.mobile-back-item a:hover { color: #fff !important; }\r\n.mobile-arrow {\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n    border-right: 1.5px solid rgba(255,255,255,0.45) !important;\r\n    border-top: 1.5px solid rgba(255,255,255,0.45) !important;\r\n    transform: rotate(45deg) !important;\r\n    flex-shrink: 0 !important;\r\n    transition: border-color 0.25s ease !important;\r\n}\r\n.mobile-level li a:hover .mobile-arrow,\r\n.mobile-level li a:active .mobile-arrow { border-color: #f8b040 !important; }\r\n \r\n \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   8 \u00b7 Hero \u6587\u6848 + \u6a2a\u7248\u8c03\u5149\u6ed1\u5757\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero-content {\r\n    position: absolute !important;\r\n    bottom: clamp(50px, 12vh, 120px) !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    width: 100% !important;\r\n    max-width: 900px !important;\r\n    padding: 0 6vw !important;\r\n    z-index: 5 !important;\r\n    text-align: center !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    gap: clamp(16px, 2.5vh, 25px) !important;\r\n}\r\n.hero-title {\r\n    font-size: clamp(1.2rem, 2.5vw, 1.8rem) !important;\r\n    font-weight: 300 !important;\r\n    letter-spacing: 0.1em !important;\r\n    line-height: 1.2 !important;\r\n    color: rgba(255, 255, 255, 0.7) !important;\r\n    text-transform: none !important;\r\n    margin: 0 !important;\r\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;\r\n}\r\n.hero-subtitle {\r\n    font-size: clamp(0.85rem, 1.2vw, 1rem) !important;\r\n    font-weight: 300 !important;\r\n    letter-spacing: 0.15em !important;\r\n    color: rgba(255, 255, 255, 0.7) !important;\r\n    margin: 0 auto !important;\r\n}\r\n \r\n.dimmer-slider {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: clamp(15px, 3vw, 25px) !important;\r\n    width: 100% !important;\r\n    max-width: 500px !important;\r\n    margin: clamp(10px, 2vh, 20px) auto 0 !important;\r\n}\r\n.dimmer-label {\r\n    font-size: 0.7rem !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: 0.3em !important;\r\n    color: rgba(255, 255, 255, 0.4) !important;\r\n    white-space: nowrap !important;\r\n}\r\n.dimmer-track {\r\n    position: relative !important;\r\n    flex: 1 !important;\r\n    height: 1px !important;\r\n    background: rgba(255, 255, 255, 0.2) !important;\r\n    cursor: pointer !important;\r\n}\r\n\/* \u900f\u660e\u6269\u5c55\u89e6\u63a7\u533a\uff0c\u65b9\u4fbf\u624b\u6307\u70b9\u8f68\u9053\u4efb\u610f\u4f4d\u7f6e *\/\r\n.dimmer-track::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: -20px !important;\r\n    bottom: -20px !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n}\r\n.dimmer-fill {\r\n    position: absolute !important;\r\n    left: 0 !important;\r\n    top: 0 !important;\r\n    height: 100% !important;\r\n    width: 0%;\r\n    background: #f8b040 !important;\r\n    box-shadow: 0 0 10px rgba(248, 176, 64, 0.4) !important;\r\n}\r\n.dimmer-handle {\r\n    position: absolute !important;\r\n    left: 0%;\r\n    top: 50% !important;\r\n    transform: translate(-50%, -50%) !important;\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    border-radius: 50% !important;\r\n    background: #fff !important;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;\r\n    cursor: grab !important;\r\n    touch-action: none !important;\r\n    transition: transform 0.1s ease, box-shadow 0.2s ease !important;\r\n}\r\n.dimmer-handle:hover,\r\n.dimmer-handle:active {\r\n    transform: translate(-50%, -50%) scale(1.3) !important;\r\n    box-shadow: 0 0 15px rgba(248, 176, 64, 0.6) !important;\r\n}\r\n.dimmer-percent {\r\n    font-size: 0.75rem !important;\r\n    font-weight: 300 !important;\r\n    letter-spacing: 0.2em !important;\r\n    color: #f8b040 !important;\r\n    margin-top: 5px !important;\r\n    min-height: 1em !important;\r\n}\r\n \r\n \r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   9 \u00b7 \u54cd\u5e94\u5f0f\u65ad\u70b9 \u2500 \u5b8c\u6574\u4e09\u7aef + \u6a2a\u5c4f + \u89e6\u63a7 + iOS \u5b89\u5168\u533a\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u5927\u5c4f\u684c\u9762\uff08\u22651200px\uff09\uff1a\u7528\u9ed8\u8ba4\u503c \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u4e2d\u684c\u9762 \/ \u5927\u5e73\u677f\u6a2a\u5c4f\uff081024-1199px\uff09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1199px) {\r\n    .header { padding: 3.5vw 5vw !important; }\r\n    .hero-content { bottom: clamp(45px, 10vh, 100px) !important; }\r\n    .hero-title { font-size: clamp(1.15rem, 2.3vw, 1.6rem) !important; }\r\n    .hero-subtitle { font-size: clamp(0.82rem, 1.15vw, 0.95rem) !important; }\r\n    .dimmer-slider { max-width: 460px !important; }\r\n}\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u5e73\u677f\u7ad6\u5c4f\uff08768-1023px\uff09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1023px) {\r\n    .header { padding: 4vw 5vw !important; }\r\n    .logo-img {\r\n        width: clamp(38px, 4.8vw, 50px) !important;\r\n        height: clamp(38px, 4.8vw, 50px) !important;\r\n    }\r\n    .logo-text { font-size: clamp(1.05rem, 1.9vw, 1.4rem) !important; }\r\n    .menu-toggle { font-size: clamp(0.85rem, 1.3vw, 1rem) !important; padding: 8px 14px !important; }\r\n    .menu-panel { width: 230px !important; }\r\n    .hero-content {\r\n        bottom: clamp(40px, 9vh, 85px) !important;\r\n        gap: clamp(14px, 2.2vh, 22px) !important;\r\n    }\r\n    .hero-title { font-size: clamp(1.1rem, 2.2vw, 1.4rem) !important; }\r\n    .hero-subtitle { font-size: clamp(0.78rem, 1.3vw, 0.92rem) !important; }\r\n    .dimmer-slider { max-width: clamp(380px, 65vw, 450px) !important; }\r\n}\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u5207\u6362\u4e3a\u6c49\u5821\u83dc\u5355\uff08<768px\uff09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (min-width: 768px) {\r\n    .nav-mobile { display: none !important; }\r\n    .menu-container { display: block !important; }\r\n}\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u624b\u673a\uff08\u2264767px\uff09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 767px) {\r\n    .menu-container { display: none !important; }\r\n    .nav-mobile { display: flex !important; }\r\n \r\n    \/* \u2014\u2014 Header \u2014\u2014 *\/\r\n    .header { padding: 5.5vw 5.5vw !important; }\r\n    .logo-img { width: 38px !important; height: 38px !important; }\r\n    .logo-text { font-size: 1.05rem !important; letter-spacing: 0.12em !important; }\r\n \r\n    \/* \u2014\u2014 Hero \u6587\u6848 \u2014\u2014 *\/\r\n    .hero-content {\r\n        bottom: clamp(40px, 9vh, 80px) !important;\r\n        padding: 0 5vw !important;\r\n        gap: 14px !important;\r\n        max-width: 100% !important;\r\n    }\r\n    .hero-title {\r\n        font-size: clamp(1rem, 4.2vw, 1.3rem) !important;\r\n        letter-spacing: 0.08em !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n    .hero-subtitle {\r\n        font-size: clamp(0.72rem, 3vw, 0.85rem) !important;\r\n        letter-spacing: 0.12em !important;\r\n    }\r\n \r\n    \/* \u2014\u2014 \u6ed1\u5757\uff08\u89e6\u5c4f\u53cb\u597d\uff09\u2014\u2014 *\/\r\n    .dimmer-slider {\r\n        max-width: 85% !important;\r\n        gap: 14px !important;\r\n        margin-top: 12px !important;\r\n    }\r\n    .dimmer-label {\r\n        font-size: 0.62rem !important;\r\n        letter-spacing: 0.25em !important;\r\n    }\r\n    .dimmer-track { height: 2px !important; }   \/* \u52a0\u7c97\uff0c\u4fbf\u4e8e\u770b\u6e05 *\/\r\n    .dimmer-handle {\r\n        width: 24px !important;                  \/* \u52a0\u5927\u89e6\u63a7\u76ee\u6807 *\/\r\n        height: 24px !important;\r\n    }\r\n    .dimmer-percent { font-size: 0.7rem !important; }\r\n \r\n    .lamp-loader { font-size: 0.7rem !important; letter-spacing: 0.4em !important; }\r\n}\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u5c0f\u5c4f\u624b\u673a\uff08\u2264479px\uff0ciPhone SE \u7b49\uff09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 479px) {\r\n    .header { padding: 6vw 5vw !important; }\r\n    .logo-img { width: 34px !important; height: 34px !important; }\r\n    .logo-text { font-size: 0.95rem !important; letter-spacing: 0.1em !important; }\r\n \r\n    .hero-content {\r\n        bottom: clamp(32px, 7.5vh, 60px) !important;\r\n        gap: 12px !important;\r\n    }\r\n    .hero-title {\r\n        font-size: clamp(0.9rem, 4.5vw, 1.1rem) !important;\r\n        letter-spacing: 0.06em !important;\r\n    }\r\n    .hero-subtitle {\r\n        font-size: clamp(0.68rem, 3vw, 0.78rem) !important;\r\n        letter-spacing: 0.1em !important;\r\n    }\r\n \r\n    .dimmer-slider {\r\n        max-width: 90% !important;\r\n        gap: 10px !important;\r\n    }\r\n    .dimmer-label { font-size: 0.58rem !important; letter-spacing: 0.18em !important; }\r\n    .dimmer-handle { width: 22px !important; height: 22px !important; }\r\n}\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u624b\u673a\u6a2a\u5c4f \/ \u77ee\u5c4f\uff08\u9ad8\u5ea6\u53d7\u9650\uff09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1023px) and (orientation: landscape) and (max-height: 500px) {\r\n    .header { padding: 2vw 4vw !important; }\r\n    .hero-content {\r\n        bottom: clamp(18px, 5vh, 35px) !important;\r\n        gap: 8px !important;\r\n    }\r\n    .hero-title { font-size: 1rem !important; line-height: 1.2 !important; }\r\n    .hero-subtitle { font-size: 0.7rem !important; }\r\n    .dimmer-slider { margin-top: 6px !important; max-width: 60% !important; }\r\n    .hero-bottom-gradient { height: 60vh !important; }   \/* \u52a0\u6df1\u5e95\u90e8\uff0c\u817e\u7a7a\u95f4 *\/\r\n}\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u89e6\u63a7\u8bbe\u5907\uff1a\u5173\u95ed\u684c\u9762 hover \u7c98\u8fde \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (hover: none) and (pointer: coarse) {\r\n    .menu-item a:hover {\r\n        transform: none !important;\r\n        box-shadow: none !important;\r\n        background: transparent !important;\r\n        color: rgba(255,255,255,0.8) !important;\r\n    }\r\n    .menu-item a:hover::after { width: 0 !important; }\r\n    .menu-toggle:hover { color: rgba(255,255,255,0.85) !important; text-shadow: none !important; }\r\n    .menu-toggle:hover::after { width: 0 !important; }\r\n    .dimmer-handle:hover {\r\n        transform: translate(-50%, -50%) !important;\r\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;\r\n    }\r\n    \/* :active \u4ecd\u7136\u751f\u6548\uff0c\u7ed9\u7528\u6237\u62d6\u52a8\u53cd\u9988 *\/\r\n    .dimmer-handle:active {\r\n        transform: translate(-50%, -50%) scale(1.3) !important;\r\n        box-shadow: 0 0 15px rgba(248, 176, 64, 0.6) !important;\r\n    }\r\n}\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 iOS \u5e95\u90e8 home indicator \u5b89\u5168\u533a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@supports (bottom: env(safe-area-inset-bottom)) {\r\n    @media (max-width: 767px) {\r\n        .hero-content {\r\n            bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(35px, 8vh, 70px)) !important;\r\n        }\r\n    }\r\n}\r\n<\/style>\r\n \r\n \r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HTML \u7ed3\u6784\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero-section\">\r\n \r\n    <div class=\"lamp-stage\" id=\"lampStage\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"0\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095459846-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"1\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095501177-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"2\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095504278-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"3\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095507251-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"4\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095510864-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"5\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095512635-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"6\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095515588-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"7\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095518803-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"8\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095520683-scaled.jpg\" alt=\"\">\r\n        <img decoding=\"async\" class=\"lamp-frame\" data-index=\"9\"  src=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095520683-scaled.jpg\" alt=\"\">\r\n    <\/div>\r\n \r\n    <div class=\"hero-bottom-gradient\"><\/div>\r\n \r\n    <header class=\"header\">\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=\"SHUCHUANG Logo\" class=\"logo-img\">\r\n            <span class=\"logo-text\">SHUCHUANG<\/span>\r\n        <\/a>\r\n \r\n        <div class=\"menu-container\" id=\"menuContainer\">\r\n            <button class=\"menu-toggle\" id=\"menuToggle\">\r\n                Menu <span class=\"menu-arrow\"><\/span>\r\n            <\/button>\r\n \r\n            <ul class=\"menu-panel\" id=\"menuLevel1\">\r\n                <li class=\"menu-item\"><a href=\"https:\/\/www.ndzm.top\/\" class=\"menu-link\" target=\"_self\">Home<\/a><\/li>\r\n                <li class=\"menu-item has-submenu\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel2\">Projects <span class=\"submenu-arrow\"><\/span><\/a>\r\n                <\/li>\r\n                <li class=\"menu-item\"><a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-372\/\" class=\"menu-link\" target=\"_self\">About<\/a><\/li>\r\n                <li class=\"menu-item\"><a href=\"https:\/\/www.ndzm.top\/index.php\/contcat-us\/\" class=\"menu-link\" target=\"_self\">Contact<\/a><\/li>\r\n            <\/ul>\r\n \r\n            <ul class=\"menu-panel\" id=\"menuLevel2\">\r\n                <li class=\"menu-item back-btn\"><a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel1\">\u2190 Back<\/a><\/li>\r\n                <li class=\"menu-item has-submenu\">\r\n                    <a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel3_1\">Products <span class=\"submenu-arrow\"><\/span><\/a>\r\n                <\/li>\r\n            <\/ul>\r\n \r\n            <ul class=\"menu-panel\" id=\"menuLevel3_1\">\r\n                <li class=\"menu-item back-btn\"><a href=\"javascript:;\" class=\"menu-link\" data-target=\"menuLevel2\">\u2190 Back<\/a><\/li>\r\n                <li class=\"menu-item\"><a href=\"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/\" class=\"menu-link\" target=\"_self\">Alabaster Light<\/a><\/li>\r\n                <li class=\"menu-item\"><a href=\"https:\/\/www.ndzm.top\/index.php\/glass-light\/\" class=\"menu-link\" target=\"_self\">Glass Light<\/a><\/li>\r\n                <li class=\"menu-item\"><a href=\"https:\/\/www.ndzm.top\/index.php\/crystal-lighting\/\" class=\"menu-link\" target=\"_self\">Crystal Light<\/a><\/li>\r\n                <li class=\"menu-item\"><a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-260\/\" class=\"menu-link\" target=\"_self\">Custom Lighting<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n \r\n        <div class=\"nav-mobile\" id=\"mobileNav\" role=\"button\" aria-label=\"\u6253\u5f00\u83dc\u5355\">\r\n            <span class=\"hamburger-line\"><\/span>\r\n            <span class=\"hamburger-line\"><\/span>\r\n            <span class=\"hamburger-line\"><\/span>\r\n        <\/div>\r\n    <\/header>\r\n \r\n    <div class=\"hero-content\">\r\n        <h1 class=\"hero-title\">CREATE BEAUTY FOR YOUR SPACE<\/h1>\r\n        <p class=\"hero-subtitle\">Cloud Alabaster Lighting series<\/p>\r\n \r\n        <div class=\"dimmer-slider\" id=\"dimmerSlider\">\r\n            <span class=\"dimmer-label\">DIM<\/span>\r\n            <div class=\"dimmer-track\" id=\"dimmerTrack\">\r\n                <div class=\"dimmer-fill\" id=\"dimmerFill\"><\/div>\r\n                <div class=\"dimmer-handle\" id=\"dimmerHandle\"><\/div>\r\n            <\/div>\r\n            <span class=\"dimmer-label\">BRIGHT<\/span>\r\n        <\/div>\r\n        <div class=\"dimmer-percent\" id=\"dimmerPercent\">0%<\/div>\r\n    <\/div>\r\n \r\n    <div class=\"lamp-loader\" id=\"lampLoader\">\r\n        <span>LOADING<\/span>\r\n    <\/div>\r\n<\/section>\r\n \r\n \r\n<div class=\"mobile-overlay\" id=\"mobileOverlay\" aria-hidden=\"true\">\r\n    <div class=\"mobile-overlay-header\">\r\n        <a href=\"https:\/\/www.ndzm.top\/\" class=\"mobile-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=\"Logo\" class=\"mobile-logo-img\">\r\n            <span class=\"mobile-logo-text\">SHUCHUANG<\/span>\r\n        <\/a>\r\n        <button class=\"mobile-close-btn\" id=\"mobileClose\" aria-label=\"\u5173\u95ed\u83dc\u5355\"><\/button>\r\n    <\/div>\r\n \r\n    <ul class=\"mobile-level is-active\" id=\"mobileL1\">\r\n        <li><a href=\"https:\/\/www.ndzm.top\/\" target=\"_self\">Home<\/a><\/li>\r\n        <li><a href=\"javascript:;\" data-mlevel=\"mobileL2\">Projects <span class=\"mobile-arrow\"><\/span><\/a><\/li>\r\n        <li><a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-372\/\" target=\"_self\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.ndzm.top\/index.php\/contcat-us\/\" target=\"_self\">Contact<\/a><\/li>\r\n    <\/ul>\r\n \r\n    <ul class=\"mobile-level\" id=\"mobileL2\">\r\n        <li class=\"mobile-back-item\"><a href=\"javascript:;\" data-mlevel=\"mobileL1\">\u2190 Back<\/a><\/li>\r\n        <li><a href=\"javascript:;\" data-mlevel=\"mobileL3_1\">Products <span class=\"mobile-arrow\"><\/span><\/a><\/li>\r\n    <\/ul>\r\n \r\n    <ul class=\"mobile-level\" id=\"mobileL3_1\">\r\n        <li class=\"mobile-back-item\"><a href=\"javascript:;\" data-mlevel=\"mobileL2\">\u2190 Back<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/\" target=\"_self\">Alabaster Light<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.ndzm.top\/index.php\/glass-light\/\" target=\"_self\">Glass Light<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.ndzm.top\/index.php\/crystal-lighting\/\" target=\"_self\">Crystal Light<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.ndzm.top\/index.php\/elementor-260\/\" target=\"_self\">Custom Lighting<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n \r\n \r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     JavaScript\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n(function () {\r\n    'use strict';\r\n \r\n    \/* \u2550\u2550\u2550\u2550 \u6a21\u5757 A \u00b7 \u684c\u9762\u7aef\u83dc\u5355 \u2550\u2550\u2550\u2550 *\/\r\n    function initDesktopMenu() {\r\n        var toggle    = document.getElementById('menuToggle');\r\n        var container = document.getElementById('menuContainer');\r\n        var level1    = document.getElementById('menuLevel1');\r\n        if (!toggle || !container || !level1) return;\r\n        var allPanels = document.querySelectorAll('.menu-panel');\r\n        var allLinks  = document.querySelectorAll('.menu-link');\r\n \r\n        allPanels.forEach(function (p) {\r\n            if (p.id !== 'menuLevel1') p.style.display = 'none';\r\n            p.classList.remove('active');\r\n        });\r\n \r\n        function resetPanels() {\r\n            allPanels.forEach(function (p) {\r\n                p.classList.remove('active');\r\n                if (p.id !== 'menuLevel1') p.style.display = 'none';\r\n            });\r\n        }\r\n        function closeAll() {\r\n            resetPanels();\r\n            level1.classList.remove('active');\r\n        }\r\n \r\n        toggle.addEventListener('click', function (e) {\r\n            e.stopPropagation();\r\n            if (level1.classList.contains('active')) {\r\n                closeAll();\r\n            } else {\r\n                resetPanels();\r\n                level1.style.display = 'block';\r\n                setTimeout(function () { level1.classList.add('active'); }, 10);\r\n            }\r\n        });\r\n \r\n        allLinks.forEach(function (link) {\r\n            link.addEventListener('click', function (e) {\r\n                e.stopPropagation();\r\n                var targetId = this.dataset.target;\r\n                var href = this.getAttribute('href');\r\n                if (targetId) {\r\n                    e.preventDefault();\r\n                    var target = document.getElementById(targetId);\r\n                    if (target) {\r\n                        resetPanels();\r\n                        target.style.display = 'block';\r\n                        setTimeout(function () { target.classList.add('active'); }, 10);\r\n                    }\r\n                    return;\r\n                }\r\n                closeAll();\r\n                if (href === 'javascript:;') e.preventDefault();\r\n            });\r\n        });\r\n \r\n        document.addEventListener('click', closeAll);\r\n        container.addEventListener('click', function (e) { e.stopPropagation(); });\r\n        window.__closeDesktopMenus = closeAll;\r\n    }\r\n \r\n    \/* \u2550\u2550\u2550\u2550 \u6a21\u5757 B \u00b7 \u79fb\u52a8\u7aef\u83dc\u5355 \u2550\u2550\u2550\u2550 *\/\r\n    function initMobileMenu() {\r\n        var nav      = document.getElementById('mobileNav');\r\n        var overlay  = document.getElementById('mobileOverlay');\r\n        var closeBtn = document.getElementById('mobileClose');\r\n        if (!nav || !overlay || !closeBtn) return;\r\n        var levels = document.querySelectorAll('.mobile-level');\r\n \r\n        function open() {\r\n            levels.forEach(function (l) { l.classList.remove('is-active'); });\r\n            var l1 = document.getElementById('mobileL1');\r\n            if (l1) l1.classList.add('is-active');\r\n            overlay.classList.add('is-open');\r\n            overlay.setAttribute('aria-hidden', 'false');\r\n            nav.classList.add('is-open');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        function close() {\r\n            overlay.classList.remove('is-open');\r\n            overlay.setAttribute('aria-hidden', 'true');\r\n            nav.classList.remove('is-open');\r\n            document.body.style.overflow = '';\r\n        }\r\n \r\n        nav.addEventListener('click', function (e) {\r\n            e.stopPropagation();\r\n            if (overlay.classList.contains('is-open')) close(); else open();\r\n        });\r\n        closeBtn.addEventListener('click', close);\r\n \r\n        document.querySelectorAll('[data-mlevel]').forEach(function (link) {\r\n            link.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                var target = document.getElementById(this.dataset.mlevel);\r\n                if (!target) return;\r\n                levels.forEach(function (l) { l.classList.remove('is-active'); });\r\n                target.classList.add('is-active');\r\n            });\r\n        });\r\n \r\n        document.querySelectorAll('.mobile-level li a:not([data-mlevel])').forEach(function (link) {\r\n            link.addEventListener('click', function () {\r\n                var href = this.getAttribute('href');\r\n                if (href && href !== 'javascript:;') close();\r\n            });\r\n        });\r\n \r\n        window.__closeMobileMenu = close;\r\n    }\r\n \r\n    \/* \u2550\u2550\u2550\u2550 \u6a21\u5757 C \u00b7 ESC \u5168\u5c40\u5173\u95ed \u2550\u2550\u2550\u2550 *\/\r\n    function initEsc() {\r\n        document.addEventListener('keydown', function (e) {\r\n            if (e.key === 'Escape') {\r\n                if (window.__closeDesktopMenus) window.__closeDesktopMenus();\r\n                if (window.__closeMobileMenu)   window.__closeMobileMenu();\r\n            }\r\n        });\r\n    }\r\n \r\n    \/* \u2550\u2550\u2550\u2550 \u6a21\u5757 D \u00b7 \u8c03\u5149\u6ed1\u5757\uff08\u591a\u5e27 crossfade\uff09\u2550\u2550\u2550\u2550 *\/\r\n    function initDimmer() {\r\n        var track   = document.getElementById('dimmerTrack');\r\n        var handle  = document.getElementById('dimmerHandle');\r\n        var fill    = document.getElementById('dimmerFill');\r\n        var percent = document.getElementById('dimmerPercent');\r\n        var loader  = document.getElementById('lampLoader');\r\n        if (!track || !handle || !fill || !percent) return;\r\n        var frames  = Array.prototype.slice.call(document.querySelectorAll('.lamp-frame'));\r\n        var TOTAL   = frames.length;\r\n        var LAST    = TOTAL - 1;\r\n        var isDragging = false;\r\n        var demoTimer = null;\r\n \r\n        function update(v) {\r\n            v = Math.max(0, Math.min(1, v));\r\n            fill.style.setProperty('width', (v * 100) + '%', 'important');\r\n            handle.style.setProperty('left', (v * 100) + '%', 'important');\r\n            percent.textContent = Math.round(v * 100) + '%';\r\n \r\n            var exact = v * LAST;\r\n            var lo = Math.floor(exact);\r\n            var hi = Math.min(lo + 1, LAST);\r\n            var blend = exact - lo;\r\n \r\n            for (var i = 0; i < TOTAL; i++) {\r\n                if (i === lo) {\r\n                    frames[i].style.setProperty('opacity', '1', 'important');\r\n                } else if (i === hi && hi !== lo) {\r\n                    frames[i].style.setProperty('opacity', blend.toString(), 'important');\r\n                } else {\r\n                    frames[i].style.setProperty('opacity', '0', 'important');\r\n                }\r\n            }\r\n        }\r\n \r\n        function valueFromEvent(e) {\r\n            var rect = track.getBoundingClientRect();\r\n            var x = e.touches ? e.touches[0].clientX : e.clientX;\r\n            return (x - rect.left) \/ rect.width;\r\n        }\r\n        function stopDemo() {\r\n            if (demoTimer) { clearInterval(demoTimer); demoTimer = null; }\r\n        }\r\n        function start(e) {\r\n            stopDemo();\r\n            isDragging = true;\r\n            update(valueFromEvent(e));\r\n            e.preventDefault();\r\n        }\r\n        function move(e) {\r\n            if (!isDragging) return;\r\n            update(valueFromEvent(e));\r\n            e.preventDefault();\r\n        }\r\n        function end() { isDragging = false; }\r\n \r\n        track.addEventListener('mousedown',  start);\r\n        track.addEventListener('touchstart', start, { passive: false });\r\n        handle.addEventListener('mousedown',  start);\r\n        handle.addEventListener('touchstart', start, { passive: false });\r\n        document.addEventListener('mousemove', move);\r\n        document.addEventListener('touchmove', move, { passive: false });\r\n        document.addEventListener('mouseup',   end);\r\n        document.addEventListener('touchend',  end);\r\n \r\n        update(0);\r\n \r\n        \/* \u2500\u2500 loader \u4e09\u91cd\u4fdd\u9669\uff1a\u4efb\u4e00\u6761\u4ef6\u6ee1\u8db3\u5373\u9690\u85cf\uff0c\u7edd\u4e0d\u5361\u6b7b \u2500\u2500 *\/\r\n        var loaderHidden = false;\r\n        function hideLoader() {\r\n            if (loaderHidden) return;\r\n            loaderHidden = true;\r\n            if (loader) loader.classList.add('hidden');\r\n            setTimeout(function () {\r\n                var v = 0;\r\n                demoTimer = setInterval(function () {\r\n                    v += 0.02;\r\n                    update(v);\r\n                    if (v >= 0.8) stopDemo();\r\n                }, 20);\r\n            }, 400);\r\n        }\r\n \r\n        \/\/ \u4fdd\u9669 1\uff1a\u6bcf\u5e27\u52a0\u8f7d\u5b8c\u6210\u8ba1\u6570\r\n        var loaded = 0;\r\n        function onFrameDone() {\r\n            if (++loaded >= TOTAL) hideLoader();\r\n        }\r\n        frames.forEach(function (img) {\r\n            if (img.complete && img.naturalWidth > 0) onFrameDone();\r\n            else {\r\n                img.addEventListener('load',  onFrameDone);\r\n                img.addEventListener('error', onFrameDone);\r\n            }\r\n        });\r\n        \/\/ \u4fdd\u9669 2\uff1awindow load\uff08\u6240\u6709\u8d44\u6e90\u5c31\u7eea\uff09\r\n        window.addEventListener('load', hideLoader);\r\n        \/\/ \u4fdd\u9669 3\uff1a3 \u79d2\u786c\u8d85\u65f6\uff0c\u65e0\u8bba\u5982\u4f55\u653e\u884c\r\n        setTimeout(hideLoader, 3000);\r\n    }\r\n \r\n    \/* \u2550\u2550\u2550\u2550 \u542f\u52a8\uff1aDOM \u5df2\u5c31\u7eea\u7acb\u5373\u8dd1\uff0c\u5426\u5219\u7b49 DOMContentLoaded \u2550\u2550\u2550\u2550 *\/\r\n    function boot() {\r\n        try { initDesktopMenu(); } catch (e) {}\r\n        try { initMobileMenu();  } catch (e) {}\r\n        try { initEsc();         } catch (e) {}\r\n        try { initDimmer();      } catch (e) {}\r\n    }\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', boot);\r\n    } else {\r\n        boot();\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-f3a3904 e-con-full e-flex e-con e-parent\" data-id=\"f3a3904\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38678ca elementor-widget elementor-widget-html\" data-id=\"38678ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- \u533a\u5757 2 \/ 3  \u25b6 \u56fe\u7247\u753b\u5eca\uff08v2 \u4fee\u590d\uff1a!important \u5f3a\u5236\u8986\u76d6\u5168\u5c40\u91cd\u7f6e\uff09(HTML Widget)\r\n     \u2705 \u5173\u952e\u4fee\u590d\uff1a\u6240\u6709 padding \u90fd\u52a0\u4e86 !important\uff0c\u5426\u5219\u4f1a\u88ab\u533a\u57571\u7684 * \u91cd\u7f6e\u6e05\u96f6\r\n     \u2705 \u684c\u9762\u7aef\u4e0a\u4e0b\u95f4\u9694 150px \/ \u5e73\u677f 100px \/ \u624b\u673a 50px\r\n     \u2705 \u624b\u673a\u7aef 2 \u5217\u54cd\u5e94\u5f0f + \u7b49\u8fb9\u8ddd\uff08\u8fb9\u8ddd=\u95f4\u9694\uff09\r\n     \u2705 iPhone \u5218\u6d77\u907f\u8ba9\u3001ESC \u5173\u95ed\u3001\u89e6\u5c4f\u53cd\u9988 -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n \r\n \r\n<!-- ============================================== -->\r\n<!-- \u533a\u5757 2\uff1a\u7ad6\u957f\u65b9\u5f62\u56fe\u7247\u753b\u5eca\uff08v2 \u4fee\u590d\uff1a!important \u5f3a\u5236\u8986\u76d6\u5168\u5c40\u91cd\u7f6e\uff09 -->\r\n<!-- ============================================== -->\r\n<style>\r\n\/* ===== \u684c\u9762\u7aef ===== *\/\r\n.hero-full-3 {\r\n  width: 100% !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  background: #000 !important;\r\n  \/* \u5173\u952e\uff1a!important \u5f3a\u5236\u8986\u76d6\u533a\u57571\u7684 * \u91cd\u7f6e *\/\r\n  padding: 150px 10px !important;\r\n  box-sizing: border-box !important;\r\n}\r\n \r\n.grid-frame-3 {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  gap: 24px !important;\r\n  width: 100% !important;\r\n  max-width: 1200px !important;\r\n  margin: 0 auto !important;\r\n}\r\n \r\n.frame-item-3 {\r\n  width: 280px !important;\r\n  height: 400px !important;\r\n  flex-shrink: 0 !important;\r\n  border-radius: 0 !important;\r\n  cursor: pointer !important;\r\n  background-position: center !important;\r\n  background-size: cover !important;\r\n  background-repeat: no-repeat !important;\r\n  transition: transform 0.3s ease !important;\r\n  box-shadow: none !important;\r\n  border: none !important;\r\n}\r\n \r\n.frame-item-3[style*=\"background-image: url('')\"],\r\n.frame-item-3[style*=\"background-image: url()\"] {\r\n  display: none !important;\r\n}\r\n \r\n.frame-item-3:hover {\r\n  transform: scale(1.03) !important;\r\n}\r\n \r\n\/* ===== \u5e73\u677f\u7aef (768px-1199px) ===== *\/\r\n@media (max-width: 1199px) {\r\n  .hero-full-3 {\r\n    padding: 100px 10px !important;\r\n  }\r\n  .grid-frame-3 {\r\n    gap: 20px !important;\r\n  }\r\n  .frame-item-3 {\r\n    width: calc((100% - 40px) \/ 3) !important;\r\n    height: auto !important;\r\n    aspect-ratio: 7 \/ 10 !important;\r\n    max-width: 280px !important;\r\n  }\r\n}\r\n \r\n\/* ===== \u624b\u673a\u7aef (<768px) ===== *\/\r\n@media (max-width: 767px) {\r\n  .hero-full-3 {\r\n    padding: 50px 3vw !important;\r\n  }\r\n  .grid-frame-3 {\r\n    gap: 3vw !important;\r\n  }\r\n  .frame-item-3 {\r\n    width: calc((100% - 3vw) \/ 2) !important;\r\n    max-width: none !important;\r\n    height: auto !important;\r\n    aspect-ratio: 7 \/ 10 !important;\r\n  }\r\n  .frame-item-3:active {\r\n    transform: scale(0.97) !important;\r\n    transition: transform 0.15s ease !important;\r\n  }\r\n  .frame-item-3:hover {\r\n    transform: none !important;\r\n  }\r\n}\r\n \r\n\/* ===== \u5c0f\u5c4f\u624b\u673a (<480px) ===== *\/\r\n@media (max-width: 479px) {\r\n  .hero-full-3 {\r\n    padding: 50px 2.5vw !important;\r\n  }\r\n  .grid-frame-3 {\r\n    gap: 2.5vw !important;\r\n  }\r\n  .frame-item-3 {\r\n    width: calc((100% - 2.5vw) \/ 2) !important;\r\n  }\r\n}\r\n \r\n\/* ===== \u5168\u5c4f\u5f39\u7a97 ===== *\/\r\n.image-modal {\r\n  display: none;\r\n  position: fixed !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100vw !important;\r\n  height: 100vh !important;\r\n  background: rgba(0, 0, 0, 0.95) !important;\r\n  z-index: 9999 !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  cursor: pointer !important;\r\n}\r\n.modal-image {\r\n  max-width: 92% !important;\r\n  max-height: 88% !important;\r\n  object-fit: contain !important;\r\n}\r\n.modal-close {\r\n  position: absolute !important;\r\n  top: max(30px, calc(env(safe-area-inset-top) + 10px)) !important;\r\n  right: max(30px, calc(env(safe-area-inset-right) + 10px)) !important;\r\n  color: #fff !important;\r\n  font-size: 40px !important;\r\n  line-height: 1 !important;\r\n  cursor: pointer !important;\r\n  user-select: none !important;\r\n  z-index: 10000 !important;\r\n  width: 44px !important;\r\n  height: 44px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  border-radius: 50% !important;\r\n  background: rgba(255, 255, 255, 0.08) !important;\r\n  transition: background 0.25s ease !important;\r\n}\r\n.modal-close:hover,\r\n.modal-close:active {\r\n  background: rgba(255, 255, 255, 0.18) !important;\r\n}\r\n@media (max-width: 767px) {\r\n  .modal-close {\r\n    top: max(20px, calc(env(safe-area-inset-top) + 12px)) !important;\r\n    right: 20px !important;\r\n    font-size: 34px !important;\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n  }\r\n  .modal-image {\r\n    max-width: 94% !important;\r\n    max-height: 85% !important;\r\n  }\r\n}\r\n<\/style>\r\n \r\n<!-- \u56fe\u7247\u533a\u5757 -->\r\n<div class=\"hero-full-3\">\r\n  <div class=\"grid-frame-3\">\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095815941.webp')\"><\/div>\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095817925.webp')\"><\/div>\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095818639.webp')\"><\/div>\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095820701.webp')\"><\/div>\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095822648.webp')\"><\/div>\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095823787.webp')\"><\/div>\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095837175.webp')\"><\/div>\r\n    <div class=\"frame-item-3\" style=\"background-image: url('https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095839133.webp')\"><\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<!-- \u5168\u5c4f\u5f39\u7a97 -->\r\n<div class=\"image-modal\" id=\"imageModal\">\r\n  <span class=\"modal-close\" id=\"modalClose\">&times;<\/span>\r\n  <img class=\"modal-image\" id=\"modalImage\" alt=\"\">\r\n<\/div>\r\n \r\n<script>\r\nwindow.addEventListener('load', function () {\r\n  var modal = document.getElementById('imageModal');\r\n  var modalImg = document.getElementById('modalImage');\r\n  var modalClose = document.getElementById('modalClose');\r\n  var frames = document.querySelectorAll('.frame-item-3');\r\n \r\n  frames.forEach(function (frame) {\r\n    var imgUrl = frame.style.backgroundImage;\r\n    if (imgUrl && imgUrl.includes('https')) {\r\n      frame.addEventListener('click', function () {\r\n        var url = imgUrl.replace(\/url\\([\"']?|[\"']?\\)\/g, '');\r\n        modalImg.src = url;\r\n        modal.style.display = 'flex';\r\n        document.body.style.overflow = 'hidden';\r\n      });\r\n    }\r\n  });\r\n \r\n  modalClose.addEventListener('click', function (e) {\r\n    e.stopPropagation();\r\n    closeModal();\r\n  });\r\n \r\n  modal.addEventListener('click', closeModal);\r\n \r\n  document.addEventListener('keydown', function (e) {\r\n    if (e.key === 'Escape' && modal.style.display === 'flex') closeModal();\r\n  });\r\n \r\n  function closeModal() {\r\n    modal.style.display = 'none';\r\n    document.body.style.overflow = '';\r\n  }\r\n});\r\n<\/script>\r\n \r\n \r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- \u533a\u5757 3 \/ 3  \u25b6 \u9875\u811a (HTML Widget)\r\n     \u2705 \u5df2\u5220\u9664\u91cd\u590d\u7684 * \u5168\u5c40\u91cd\u7f6e -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n \r\n \r\n<!-- \u7b2c\u4e5d\u4e2a\u533a\u5757\uff1aMoooi\u98ce\u683c\u9875\u811a\uff08\u4fee\u590d\u793e\u4ea4\u56fe\u6807100%\u663e\u793a\uff09 -->\r\n<style>\r\n    \/* \u57fa\u7840\u91cd\u7f6e\u5df2\u7531\u533a\u57571\u63d0\u4f9b\uff0c\u6b64\u5904\u7701\u7565 *\/\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\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\uff084.7\u7248\u6b63\u786e\u7c7b\u540d\uff09 -->\r\n                <a href=\"https:\/\/wa.me\/message\/HEEQDSH3QLCYN1\" class=\"footer-social-link\" aria-label=\"WeChat\">\r\n                    <i class=\"fa fa-weixin\"><\/i>\r\n                <\/a>\r\n                <!-- Instagram\u56fe\u6807 -->\r\n                <a href=\"https:\/\/www.instagram.com\/sclighting1?igsh=MWt4ejJidmZ3eGw5cg%3D%3D&utm_source=qr\" class=\"footer-social-link\" aria-label=\"Instagram\">\r\n                    <i class=\"fa fa-instagram\"><\/i>\r\n                <\/a>\r\n                <!-- Facebook\u56fe\u6807 -->\r\n                <a href=\"https:\/\/www.facebook.com\/SCCustomLightingManufacturer?mibextid=wwXIfr&mibextid=wwXIfr\" class=\"footer-social-link\" aria-label=\"Facebook\">\r\n                    <i class=\"fa fa-facebook-square\"><\/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>\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>SHUCHUANG Menu Home Projects About Contact \u2190 Back Produ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":211,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4002","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Alabaster Lighting 16 - \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\/index.php\/alabaster-lighting\/alabaster-lighting-16\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alabaster Lighting 16 - \u5e7f\u4e1c\u6811\u521b\u7167\u660e\" \/>\n<meta property=\"og:description\" content=\"SHUCHUANG Menu Home Projects About Contact \u2190 Back Produ [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/\" \/>\n<meta property=\"og:site_name\" content=\"\u5e7f\u4e1c\u6811\u521b\u7167\u660e\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-09T08:11:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095459846-scaled.jpg\" \/>\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=\"21 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/\",\"url\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/\",\"name\":\"Alabaster Lighting 16 - \u5e7f\u4e1c\u6811\u521b\u7167\u660e\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/20260609095459846-scaled.jpg\",\"datePublished\":\"2026-06-09T01:58:39+00:00\",\"dateModified\":\"2026-06-09T08:11:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/20260609095459846-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/20260609095459846-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/alabaster-lighting-16\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/www.ndzm.top\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Alabaster Lighting\",\"item\":\"https:\\\/\\\/www.ndzm.top\\\/index.php\\\/alabaster-lighting\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Alabaster Lighting 16\"}]},{\"@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\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#organization\"},\"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\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#organization\",\"name\":\"\u5e7f\u4e1c\u6811\u521b\u7167\u660e\",\"url\":\"https:\\\/\\\/www.ndzm.top\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/20260604153845823.png\",\"contentUrl\":\"https:\\\/\\\/sczm2025.oss-cn-shenzhen.aliyuncs.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/20260604153845823.png\",\"width\":852,\"height\":852,\"caption\":\"\u5e7f\u4e1c\u6811\u521b\u7167\u660e\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ndzm.top\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Alabaster Lighting 16 - \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\/index.php\/alabaster-lighting\/alabaster-lighting-16\/","og_locale":"zh_CN","og_type":"article","og_title":"Alabaster Lighting 16 - \u5e7f\u4e1c\u6811\u521b\u7167\u660e","og_description":"SHUCHUANG Menu Home Projects About Contact \u2190 Back Produ [&hellip;]","og_url":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/","og_site_name":"\u5e7f\u4e1c\u6811\u521b\u7167\u660e","article_modified_time":"2026-06-09T08:11:25+00:00","og_image":[{"url":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095459846-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"21 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/","url":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/","name":"Alabaster Lighting 16 - \u5e7f\u4e1c\u6811\u521b\u7167\u660e","isPartOf":{"@id":"https:\/\/www.ndzm.top\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/#primaryimage"},"image":{"@id":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/#primaryimage"},"thumbnailUrl":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095459846-scaled.jpg","datePublished":"2026-06-09T01:58:39+00:00","dateModified":"2026-06-09T08:11:25+00:00","breadcrumb":{"@id":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/#primaryimage","url":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095459846-scaled.jpg","contentUrl":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2026\/06\/20260609095459846-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/alabaster-lighting-16\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.ndzm.top\/"},{"@type":"ListItem","position":2,"name":"Alabaster Lighting","item":"https:\/\/www.ndzm.top\/index.php\/alabaster-lighting\/"},{"@type":"ListItem","position":3,"name":"Alabaster Lighting 16"}]},{"@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","publisher":{"@id":"https:\/\/www.ndzm.top\/#organization"},"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"},{"@type":"Organization","@id":"https:\/\/www.ndzm.top\/#organization","name":"\u5e7f\u4e1c\u6811\u521b\u7167\u660e","url":"https:\/\/www.ndzm.top\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.ndzm.top\/#\/schema\/logo\/image\/","url":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2025\/12\/20260604153845823.png","contentUrl":"https:\/\/sczm2025.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2025\/12\/20260604153845823.png","width":852,"height":852,"caption":"\u5e7f\u4e1c\u6811\u521b\u7167\u660e"},"image":{"@id":"https:\/\/www.ndzm.top\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages\/4002","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=4002"}],"version-history":[{"count":16,"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages\/4002\/revisions"}],"predecessor-version":[{"id":4270,"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages\/4002\/revisions\/4270"}],"up":[{"embeddable":true,"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/pages\/211"}],"wp:attachment":[{"href":"https:\/\/www.ndzm.top\/index.php\/wp-json\/wp\/v2\/media?parent=4002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}