{"id":839,"date":"2026-08-28T15:12:36","date_gmt":"2026-08-28T07:12:36","guid":{"rendered":"http:\/\/elitehousehold.local\/?page_id=839"},"modified":"2026-09-24T16:03:36","modified_gmt":"2026-09-24T08:03:36","slug":"product-dm","status":"publish","type":"page","link":"https:\/\/www.elite-household.com\/en\/product-dm\/","title":{"rendered":"Product Brochure Downloads"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ================================\n   \u96fb\u5b50 DM \u66f8\u6ac3\n================================ *\/\n\n.dm-library {\n    --wood-dark: #211812;\n    --wood-mid: #443126;\n    --wood-light: #72533b;\n    --gold: #ba9864;\n    --cream: #f5f0e8;\n\n    position: relative;\n\n    width: 100%;\n    padding: 90px 30px 120px;\n\n    box-sizing: border-box;\n\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 50% -20%,\n            #504137 0,\n            #29211c 38%,\n            #171310 75%,\n            #0f0c0a 100%\n        );\n}\n\n\n\/* \u80cc\u666f\u7246\u8cea\u611f *\/\n.dm-library::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    opacity: .17;\n\n    pointer-events: none;\n\n    background-image:\n        repeating-linear-gradient(\n            90deg,\n            transparent 0,\n            transparent 90px,\n            rgba(255,255,255,.025) 91px,\n            transparent 92px\n        );\n}\n\n\n\n\/* ================================\n   \u6a19\u984c\n================================ *\/\n\n.dm-library-heading {\n    position: relative;\n    z-index: 2;\n\n    max-width: 1200px;\n\n    margin: 0 auto 70px;\n\n    text-align: center;\n}\n\n\n.dm-library-heading > span {\n    color: var(--gold);\n\n    font-size: 12px;\n    font-weight: 500;\n\n    letter-spacing: 6px;\n}\n\n\n.dm-library-heading h2 {\n    margin: 12px 0 7px;\n\n    color: #fff;\n\n    font-size: clamp(30px, 4vw, 48px);\n\n    font-weight: 400;\n\n    letter-spacing: 5px;\n}\n\n\n.dm-library-heading p {\n    margin: 0;\n\n    color: rgba(255,255,255,.58);\n\n    font-size: 14px;\n\n    letter-spacing: 2px;\n}\n\n\n\n\/* ================================\n   \u66f8\u6ac3\n================================ *\/\n\n.dm-bookshelf {\n    position: relative;\n    z-index: 2;\n\n    width: min(1400px, 100%);\n\n    margin: auto;\n}\n\n\n\n\/* \u6bcf\u5c64\u66f8\u67b6 *\/\n.dm-shelf-row {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    align-items: end;\n\n    gap: 46px;\n\n    padding:\n        25px 50px\n        65px;\n\n    margin-bottom: 90px;\n\n    perspective: 1300px;\n}\n\n\n\n\/* \u6728\u677f\u4e0a\u8868\u9762 *\/\n.dm-shelf-row::before {\n    content: \"\";\n\n    position: absolute;\n\n    bottom: 35px;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    border-radius: 2px;\n\n    background:\n        linear-gradient(\n            to bottom,\n            #8b6547 0,\n            #60442f 28%,\n            #3c291e 65%,\n            #241812 100%\n        );\n\n    box-shadow:\n        0 6px 9px rgba(0,0,0,.65),\n        0 18px 34px rgba(0,0,0,.6),\n        inset 0 1px 0 rgba(255,255,255,.17);\n}\n\n\n\n\/* \u66f8\u6ac3\u539a\u5ea6 *\/\n.dm-shelf-row::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 2%;\n    right: 2%;\n\n    bottom: 5px;\n\n    height: 32px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #2a1d15,\n            #58402e 16%,\n            #37271c 50%,\n            #604632 83%,\n            #251911\n        );\n\n    box-shadow:\n        0 13px 30px rgba(0,0,0,.75);\n\n    border-radius: 0 0 5px 5px;\n}\n\n\n\n\/* ================================\n   \u6bcf\u4e00\u672c DM\n================================ *\/\n\n.dm-book {\n    position: relative;\n\n    z-index: 4;\n\n    width: 100%;\n\n    max-width: 245px;\n\n    justify-self: center;\n\n    padding: 0;\n\n    border: 0;\n\n    background: transparent;\n\n    cursor: pointer;\n\n    transform-origin: center bottom;\n\n    transition:\n        transform .4s cubic-bezier(.2,.8,.2,1),\n        filter .4s ease;\n\n    filter:\n        drop-shadow(0 13px 10px rgba(0,0,0,.48));\n}\n\n\n\n\/* \u4e0d\u540c\u66f8\u672c\u89d2\u5ea6 *\/\n\n.book-lean-left {\n    transform: rotate(-4deg);\n}\n\n.book-lean-right {\n    transform: rotate(4deg);\n}\n\n.book-lean-small {\n    transform: rotate(-2deg);\n}\n\n.book-straight {\n    transform: rotate(0);\n}\n\n\n\n\/* Hover \u50cf\u628a\u66f8\u62bd\u51fa\u4f86 *\/\n\n.dm-book:hover {\n    z-index: 20;\n\n    transform:\n        translateY(-24px)\n        rotate(0deg)\n        scale(1.055);\n\n    filter:\n        drop-shadow(0 28px 23px rgba(0,0,0,.7));\n}\n\n\n\n\/* ================================\n   DM \u5c01\u9762\n================================ *\/\n\n.dm-book-cover {\n    position: relative;\n\n    width: 100%;\n\n    aspect-ratio: 3 \/ 4.25;\n\n    overflow: visible;\n\n    border-radius: 2px 5px 5px 2px;\n\n    background: #eee;\n\n    box-shadow:\n        -6px 4px 0 #1e1915,\n        -9px 7px 15px rgba(0,0,0,.7);\n\n    transform-style: preserve-3d;\n}\n\n\n\n\/* \u66f8\u672c\u539a\u5ea6 *\/\n.dm-book-cover::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 5px;\n    bottom: 5px;\n\n    left: -8px;\n\n    width: 8px;\n\n    border-radius: 3px 0 0 3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #17130f,\n            #514337\n        );\n}\n\n\n\n\/* \u66f8\u672c\u7d19\u5f35 *\/\n.dm-book-cover::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: -4px;\n    bottom: 3px;\n\n    width: 5px;\n    height: calc(100% - 7px);\n\n    background:\n        repeating-linear-gradient(\n            to bottom,\n            #eee 0,\n            #eee 2px,\n            #d2d2d2 3px\n        );\n\n    border-radius: 0 2px 2px 0;\n}\n\n\n.dm-book-cover img {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    border-radius: 2px 4px 4px 2px;\n}\n\n\n\n\/* \u5149\u6fa4 *\/\n.dm-book-cover img::after {\n    content: \"\";\n}\n\n\n\n\/* ================================\n   \u66f8\u4e0b\u65b9\u540d\u7a31\n================================ *\/\n\n.dm-book-info {\n    padding-top: 20px;\n\n    text-align: center;\n}\n\n\n.dm-book-info span {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #b7976b;\n\n    font-size: 10px;\n\n    letter-spacing: 2px;\n}\n\n\n.dm-book-info strong {\n    display: block;\n\n    color: rgba(255,255,255,.88);\n\n    font-size: 15px;\n\n    font-weight: 400;\n\n    letter-spacing: 1px;\n\n    line-height: 1.5;\n}\n\n\n\n\/* ================================\n   Lightbox \u96fb\u5b50\u95b1\u8b80\u5668\n================================ *\/\n\n.dm-reader {\n    position: fixed;\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    visibility: hidden;\n\n    opacity: 0;\n\n    padding: 30px 90px;\n\n    box-sizing: border-box;\n\n    transition:\n        opacity .3s ease,\n        visibility .3s ease;\n}\n\n\n.dm-reader.is-open {\n    visibility: visible;\n    opacity: 1;\n}\n\n\n.dm-reader-bg {\n    position: absolute;\n    inset: 0;\n\n    background:\n        rgba(12, 9, 7, .96);\n\n    backdrop-filter: blur(10px);\n}\n\n\n\n\/* ================================\n   \u95b1\u8b80\u5668\u5167\u5bb9\n================================ *\/\n\n.dm-reader-content {\n    position: relative;\n    z-index: 5;\n\n    display: flex;\n    flex-direction: column;\n\n    align-items: center;\n\n    width: min(1150px, 100%);\n    height: 100%;\n}\n\n\n\n\/* DM \u5927\u5716\u50cf\u4e00\u672c\u7d19\u672c\u578b\u9304 *\/\n.dm-reader-paper {\n    position: relative;\n\n    flex: 1;\n\n    min-height: 0;\n\n    display: flex;\n\n    justify-content: center;\n    align-items: center;\n\n    padding: 8px;\n\n    overflow: hidden;\n}\n\n\n.dm-reader-paper img {\n    display: block;\n\n    max-width: 100%;\n    max-height: 100%;\n\n    width: auto;\n    height: auto;\n\n    object-fit: contain;\n\n    border-radius: 2px;\n\n    background: #fff;\n\n    box-shadow:\n        0 20px 70px rgba(0,0,0,.7),\n        8px 4px 0 rgba(235,230,220,.9),\n        12px 7px 0 rgba(195,188,177,.75);\n\n    user-select: none;\n\n    -webkit-user-drag: none;\n}\n\n\n\n\/* ================================\n   \u95b1\u8b80\u5668\u8cc7\u6599\n================================ *\/\n\n.dm-reader-meta {\n    width: 100%;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    box-sizing: border-box;\n\n    padding: 14px 10px 12px;\n}\n\n\n.dm-reader-meta span {\n    color: #bb9a6a;\n\n    font-size: 11px;\n\n    letter-spacing: 2px;\n}\n\n\n.dm-reader-meta h3 {\n    margin: 4px 0 0;\n\n    color: #fff;\n\n    font-size: 17px;\n\n    font-weight: 400;\n}\n\n\n.dm-reader-page {\n    color: rgba(255,255,255,.65);\n\n    font-size: 13px;\n}\n\n\n\n\/* ================================\n   \u5de6\u53f3\u7ffb\u9801\n================================ *\/\n\n.dm-reader-arrow {\n    position: fixed;\n\n    z-index: 10;\n\n    top: 50%;\n\n    width: 55px;\n    height: 80px;\n\n    transform: translateY(-50%);\n\n    border: 1px solid rgba(255,255,255,.12);\n\n    border-radius: 4px;\n\n    color: #fff;\n\n    background:\n        rgba(255,255,255,.05);\n\n    cursor: pointer;\n\n    font-size: 50px;\n\n    font-family: Arial;\n\n    transition: .25s;\n}\n\n\n.dm-reader-arrow:hover {\n    background:\n        rgba(185,151,102,.22);\n\n    border-color:\n        rgba(185,151,102,.5);\n}\n\n\n.dm-reader-prev {\n    left: 25px;\n}\n\n.dm-reader-next {\n    right: 25px;\n}\n\n\n\n\/* ================================\n   \u95dc\u9589\n================================ *\/\n\n.dm-reader-close {\n    position: fixed;\n\n    z-index: 20;\n\n    top: 20px;\n    right: 25px;\n\n    width: 48px;\n    height: 48px;\n\n    padding: 0;\n\n    border: 1px solid rgba(255,255,255,.15);\n\n    border-radius: 50%;\n\n    color: white;\n\n    background:\n        rgba(255,255,255,.06);\n\n    cursor: pointer;\n\n    font-family: Arial;\n\n    font-size: 31px;\n}\n\n\n\n\/* ================================\n   \u95b1\u8b80\u5668\u7e2e\u5716\n================================ *\/\n\n.dm-reader-thumbs {\n    width: 100%;\n\n    display: flex;\n\n    justify-content: center;\n\n    gap: 9px;\n\n    padding: 7px 0 0;\n\n    overflow-x: auto;\n\n    scrollbar-width: thin;\n}\n\n\n.dm-reader-thumb {\n    flex: 0 0 43px;\n\n    width: 43px;\n    height: 58px;\n\n    padding: 0;\n\n    overflow: hidden;\n\n    border:\n        2px solid transparent;\n\n    border-radius: 2px;\n\n    background: transparent;\n\n    opacity: .42;\n\n    cursor: pointer;\n\n    transition: .2s;\n}\n\n\n.dm-reader-thumb img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n}\n\n\n.dm-reader-thumb.active {\n    opacity: 1;\n\n    border-color: #b89967;\n\n    transform: translateY(-3px);\n}\n\n\n\n\/* ================================\n   \u5e73\u677f\n================================ *\/\n\n@media (max-width: 1000px) {\n\n    .dm-shelf-row {\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        gap:\n            60px\n            70px;\n\n        padding:\n            30px 55px\n            65px;\n    }\n\n\n    .dm-book {\n        max-width: 230px;\n    }\n\n}\n\n\n\n\/* ================================\n   \u624b\u6a5f\n================================ *\/\n\n@media (max-width: 600px) {\n\n    .dm-library {\n        padding:\n            60px 14px\n            80px;\n    }\n\n\n    .dm-library-heading {\n        margin-bottom: 40px;\n    }\n\n\n    .dm-library-heading h2 {\n        font-size: 29px;\n\n        letter-spacing: 3px;\n    }\n\n\n    .dm-library-heading p {\n        font-size: 12px;\n    }\n\n\n    .dm-shelf-row {\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        gap:\n            35px\n            26px;\n\n        padding:\n            20px 18px\n            55px;\n\n        margin-bottom: 65px;\n    }\n\n\n    .dm-book {\n        width: 100%;\n\n        max-width: 155px;\n    }\n\n\n    .dm-book-info {\n        padding-top: 14px;\n    }\n\n\n    .dm-book-info span {\n        font-size: 8px;\n    }\n\n\n    .dm-book-info strong {\n        font-size: 11px;\n    }\n\n\n    \/* \u624b\u6a5f\u4e0d\u8981\u8f49\u592a\u659c *\/\n    .book-lean-left {\n        transform: rotate(-2deg);\n    }\n\n    .book-lean-right {\n        transform: rotate(2deg);\n    }\n\n\n    .dm-book:hover {\n        transform:\n            translateY(-10px)\n            rotate(0)\n            scale(1.02);\n    }\n\n\n    \/* \u95b1\u8b80\u5668 *\/\n    .dm-reader {\n        padding:\n            55px 8px\n            15px;\n    }\n\n\n    .dm-reader-arrow {\n        top: auto;\n        bottom: 92px;\n\n        width: 42px;\n        height: 42px;\n\n        border-radius: 50%;\n\n        font-size: 32px;\n\n        transform: none;\n    }\n\n\n    .dm-reader-prev {\n        left: 10px;\n    }\n\n\n    .dm-reader-next {\n        right: 10px;\n    }\n\n\n    .dm-reader-meta {\n        padding:\n            9px 5px;\n    }\n\n\n    .dm-reader-meta h3 {\n        font-size: 13px;\n    }\n\n\n    .dm-reader-thumb {\n        flex-basis: 36px;\n\n        width: 36px;\n        height: 48px;\n    }\n\n\n    .dm-reader-close {\n        top: 9px;\n        right: 10px;\n\n        width: 41px;\n        height: 41px;\n\n        font-size: 27px;\n    }\n\n}\n\n\nbody.dm-reader-lock {\n    overflow: hidden;\n}\n\n\n\n\n\/* ================================\n   \u8fd4\u56de\u4e0a\u4e00\u9801\n================================ *\/\n\n.dept-back-wrap {\n  display: flex;\n\n  justify-content: center;\n\n  margin-top: 45px;\n\n  margin-bottom: 80px;\n}\n\n.dept-back-button {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 10px;\n\n  padding: 12px 20px;\n\n  border: 1px solid #D7DFDC;\n\n  border-radius: 7px;\n\n  background: #FFFFFF;\n\n  color: #557E76 !important;\n\n  text-decoration: none !important;\n\n  font-size: 14px;\n\n  font-weight: 500;\n\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease,\n    border-color 0.2s ease,\n    transform 0.2s ease;\n}\n\n.dept-back-button span {\n  font-size: 17px;\n\n  line-height: 1;\n\n  transition: transform 0.2s ease;\n}\n\n.dept-back-button:hover {\n  background: #628F86;\n\n  border-color: #628F86;\n\n  color: #FFFFFF !important;\n\n  transform: translateY(-2px);\n}\n\n.dept-back-button:hover span {\n  transform: translateX(-3px);\n}\n\n\n\/* ================================\n   \u5e73\u677f\n================================ *\/\n\n@media (max-width: 1024px) {\n\n  .download-hero {\n    padding: 75px 20px 60px;\n  }\n\n  .download-container {\n    width: min(100% - 48px, 1400px);\n  }\n\n  .download-group {\n    margin-bottom: 60px;\n  }\n\n  .download-item {\n    padding: 26px 28px;\n\n    gap: 24px;\n  }\n\n  .download-icon {\n    width: 56px;\n\n    height: 56px;\n  }\n\n  .download-icon svg {\n    width: 24px;\n\n    height: 24px;\n  }\n\n  .dept-back-wrap {\n    margin-top: 40px;\n\n    margin-bottom: 70px;\n  }\n\n}\n\n\n\/* ================================\n   \u624b\u6a5f\n================================ *\/\n\n@media (max-width: 767px) {\n\n  .download-page {\n    padding-bottom: 20px;\n  }\n\n\n  \/* \u9801\u9762\u6a19\u984c *\/\n\n  .download-hero {\n    padding: 55px 20px 45px;\n  }\n\n  .download-hero h1 {\n    font-size: 32px;\n\n    letter-spacing: 0.05em;\n\n    line-height: 1.35;\n  }\n\n  .download-hero p {\n    margin-top: 8px;\n\n    font-size: 15px;\n  }\n\n\n  \/* \u5167\u5bb9\u5bec\u5ea6 *\/\n\n  .download-container {\n    width: calc(100% - 36px);\n  }\n\n\n  \/* \u5206\u985e *\/\n\n  .download-group {\n    margin-bottom: 50px;\n  }\n\n  .download-section-title {\n    padding-bottom: 17px;\n\n    margin-bottom: 22px;\n  }\n\n  .download-section-title::after {\n    width: 80px;\n\n    height: 3px;\n  }\n\n  .download-section-title span {\n    font-size: 25px;\n  }\n\n\n  \/* \u5361\u7247 *\/\n\n  .download-list {\n    gap: 16px;\n  }\n\n  .download-item {\n    flex-direction: column;\n\n    align-items: stretch;\n\n    gap: 22px;\n\n    padding: 24px 20px;\n\n    border-radius: 13px;\n  }\n\n\n  \/* \u5de6\u5074 *\/\n\n  .download-left {\n    align-items: flex-start;\n\n    gap: 16px;\n  }\n\n\n  \/* Icon *\/\n\n  .download-icon {\n    width: 50px;\n\n    height: 50px;\n  }\n\n  .download-icon svg {\n    width: 22px;\n\n    height: 22px;\n  }\n\n\n  \/* \u6587\u5b57 *\/\n\n  .download-label {\n    margin-bottom: 5px;\n\n    font-size: 10px;\n  }\n\n  .download-text h2 {\n    font-size: 21px;\n\n    line-height: 1.45;\n  }\n\n  .download-text p {\n    margin-top: 6px;\n\n    font-size: 14px;\n\n    line-height: 1.65;\n  }\n\n\n  \/* \u4e0b\u8f09\u6309\u9215 *\/\n\n  .download-button {\n    width: 100%;\n\n    box-sizing: border-box;\n\n    padding: 11px 18px;\n\n    font-size: 14px;\n  }\n\n\n  \/* \u8fd4\u56de\u4e0a\u4e00\u9801 *\/\n\n  .dept-back-wrap {\n    margin-top: 35px;\n\n    margin-bottom: 60px;\n  }\n\n  .dept-back-button {\n    padding: 11px 18px;\n\n    font-size: 14px;\n  }\n\n}\n\n\n\/* ================================\n   \u8d85\u5c0f\u624b\u6a5f\n================================ *\/\n\n@media (max-width: 480px) {\n\n  .download-container {\n    width: calc(100% - 28px);\n  }\n\n  .download-hero h1 {\n    font-size: 28px;\n  }\n\n  .download-left {\n    gap: 13px;\n  }\n\n  .download-icon {\n    width: 46px;\n\n    height: 46px;\n  }\n\n  .download-text h2 {\n    font-size: 19px;\n  }\n\n  .download-text p {\n    font-size: 13px;\n  }\n\n  .dept-back-wrap {\n    margin-bottom: 55px;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const books =\n        document.querySelectorAll(\".dm-book\");\n\n    const reader =\n        document.getElementById(\"dmReader\");\n\n    const image =\n        document.getElementById(\"dmReaderImage\");\n\n    const title =\n        document.getElementById(\"dmReaderTitle\");\n\n    const category =\n        document.getElementById(\"dmReaderCategory\");\n\n    const current =\n        document.getElementById(\"dmReaderCurrent\");\n\n    const total =\n        document.getElementById(\"dmReaderTotal\");\n\n    const thumbs =\n        document.getElementById(\"dmReaderThumbs\");\n\n    const prev =\n        document.querySelector(\".dm-reader-prev\");\n\n    const next =\n        document.querySelector(\".dm-reader-next\");\n\n    const close =\n        document.querySelector(\".dm-reader-close\");\n\n    const bg =\n        document.querySelector(\".dm-reader-bg\");\n\n    const paper =\n        document.querySelector(\".dm-reader-paper\");\n\n\n    let currentIndex = 0;\n\n    let startX = 0;\n    let endX = 0;\n\n\n    \/* \u53d6\u5f97\u6bcf\u672c DM \u7684\u8cc7\u6599 *\/\n\n    const data = Array.from(books).map(book => {\n\n        const img =\n            book.querySelector(\"img\");\n\n        const type =\n            book.querySelector(\".dm-book-info span\");\n\n        const name =\n            book.querySelector(\".dm-book-info strong\");\n\n        return {\n\n            src: img.src,\n\n            alt: img.alt,\n\n            category:\n                type\n                ? type.textContent\n                : \"\",\n\n            title:\n                name\n                ? name.textContent\n                : \"\"\n\n        };\n\n    });\n\n\n    total.textContent = data.length;\n\n\n\n    \/* \u5efa\u7acb\u95b1\u8b80\u5668\u4e0b\u9762\u7684\u5c0f\u7e2e\u5716 *\/\n\n    data.forEach((item, index) => {\n\n        const button =\n            document.createElement(\"button\");\n\n        button.type = \"button\";\n\n        button.className =\n            \"dm-reader-thumb\";\n\n\n        const thumbImg =\n            document.createElement(\"img\");\n\n        thumbImg.src =\n            item.src;\n\n        thumbImg.alt =\n            item.alt;\n\n\n        button.appendChild(\n            thumbImg\n        );\n\n\n        button.addEventListener(\n            \"click\",\n            function () {\n\n                currentIndex =\n                    index;\n\n                updateReader();\n\n            }\n        );\n\n\n        thumbs.appendChild(\n            button\n        );\n\n    });\n\n\n\n    const thumbButtons =\n        document.querySelectorAll(\n            \".dm-reader-thumb\"\n        );\n\n\n\n    function updateReader() {\n\n        const item =\n            data[currentIndex];\n\n\n        image.src =\n            item.src;\n\n        image.alt =\n            item.alt;\n\n        title.textContent =\n            item.title;\n\n        category.textContent =\n            item.category;\n\n        current.textContent =\n            currentIndex + 1;\n\n\n        thumbButtons.forEach(\n            (thumb, index) => {\n\n                thumb.classList.toggle(\n                    \"active\",\n                    index === currentIndex\n                );\n\n            }\n        );\n\n\n        const active =\n            thumbButtons[currentIndex];\n\n\n        if (active) {\n\n            active.scrollIntoView({\n\n                behavior: \"smooth\",\n\n                block: \"nearest\",\n\n                inline: \"center\"\n\n            });\n\n        }\n\n    }\n\n\n\n    function openReader(index) {\n\n        currentIndex =\n            index;\n\n        updateReader();\n\n\n        reader.classList.add(\n            \"is-open\"\n        );\n\n        document.body.classList.add(\n            \"dm-reader-lock\"\n        );\n\n    }\n\n\n\n    function closeReader() {\n\n        reader.classList.remove(\n            \"is-open\"\n        );\n\n        document.body.classList.remove(\n            \"dm-reader-lock\"\n        );\n\n    }\n\n\n\n    function nextPage() {\n\n        currentIndex++;\n\n        if (\n            currentIndex >=\n            data.length\n        ) {\n\n            currentIndex = 0;\n\n        }\n\n        updateReader();\n\n    }\n\n\n\n    function prevPage() {\n\n        currentIndex--;\n\n        if (\n            currentIndex < 0\n        ) {\n\n            currentIndex =\n                data.length - 1;\n\n        }\n\n        updateReader();\n\n    }\n\n\n\n    books.forEach(\n        (book, index) => {\n\n            book.addEventListener(\n                \"click\",\n                function () {\n\n                    openReader(index);\n\n                }\n            );\n\n        }\n    );\n\n\n\n    next.addEventListener(\n        \"click\",\n        nextPage\n    );\n\n\n    prev.addEventListener(\n        \"click\",\n        prevPage\n    );\n\n\n    close.addEventListener(\n        \"click\",\n        closeReader\n    );\n\n\n    bg.addEventListener(\n        \"click\",\n        closeReader\n    );\n\n\n\n    \/* \u9375\u76e4 *\/\n\n    document.addEventListener(\n        \"keydown\",\n        function (event) {\n\n            if (\n                !reader.classList.contains(\n                    \"is-open\"\n                )\n            ) {\n                return;\n            }\n\n\n            if (\n                event.key ===\n                \"ArrowRight\"\n            ) {\n\n                nextPage();\n\n            }\n\n\n            if (\n                event.key ===\n                \"ArrowLeft\"\n            ) {\n\n                prevPage();\n\n            }\n\n\n            if (\n                event.key ===\n                \"Escape\"\n            ) {\n\n                closeReader();\n\n            }\n\n        }\n    );\n\n\n\n    \/* \u624b\u6a5f\u6ed1\u52d5 *\/\n\n    paper.addEventListener(\n        \"touchstart\",\n        function (event) {\n\n            startX =\n                event.changedTouches[0]\n                    .screenX;\n\n        },\n        {\n            passive: true\n        }\n    );\n\n\n    paper.addEventListener(\n        \"touchend\",\n        function (event) {\n\n            endX =\n                event.changedTouches[0]\n                    .screenX;\n\n\n            const distance =\n                endX - startX;\n\n\n            if (distance > 55) {\n\n                prevPage();\n\n            }\n\n\n            if (distance < -55) {\n\n                nextPage();\n\n            }\n\n        },\n        {\n            passive: true\n        }\n    );\n\n});\n<\/script>\n\n<section class=\"dm-library\">\n\n    <div class=\"dm-library-heading\">\n        <span>Product Brochures<\/span>\n        <h2>\u7522\u54c1DM\u4e0b\u8f09<\/h2>\n        <p>\u54c1\u724c\u96fb\u5b50\u66f8\u6ac3:\u700f\u89bd\u6700\u65b0\u7522\u54c1\u3001\u512a\u60e0\u6d3b\u52d5\u8207\u54c1\u724c\u8cc7\u8a0a<\/p>\n    <\/div>\n\n\n    <div class=\"dm-bookshelf\">\n\n        <!-- \u7b2c\u4e00\u5c64 -->\n        <div class=\"dm-shelf-row\">\n\n            <button class=\"dm-book book-lean-left\" data-index=\"0\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/08\/2026.0721-\u5168\u570b\u96fb\u5b5090\u5929\u514d\u8cbb\u8a66\u7528-fizz-A4-scaled.jpg\" alt=\"GLEM GAS 90\u5929\u514d\u8cbb\u8a66\u7528\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>\u6d3b\u52d5\u512a\u60e0<\/span>\n                    <strong>90\u5929\u514d\u8cbb\u8a66\u7528<\/strong>\n                <\/div>\n\n            <\/button>\n\n\n            <button class=\"dm-book book-straight\" data-index=\"1\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/09\/2026\u65b0\u54c1\u4e0a\u5e02-\u62bd\u6cb9\u7159\u6a5fGB6188-\u62ff\u6389\u6578\u64da-scaled.jpg\" alt=\"GB6188 \u58c1\u639b\u5f0f\u8fd1\u5438\u6cb9\u6a5f\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>\u65b0\u54c1\u4e0a\u5e02<\/span>\n                    <strong>GB6188 \u8fd1\u5438\u6cb9\u6a5f<\/strong>\n                <\/div>\n\n            <\/button>\n\n\n            <button class=\"dm-book book-lean-right\" data-index=\"2\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/08\/2026\u65b0\u54c1\u4e0a\u5e02-\u5c01\u9762-scaled.jpg\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>NEW ARRIVAL<\/span>\n                    <strong>2026 \u65b0\u54c1\u7cfb\u5217<\/strong>\n                <\/div>\n\n            <\/button>\n\n\n            <button class=\"dm-book book-lean-small\" data-index=\"3\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/08\/2026\u65b0\u54c1\u4e0a\u5e02-\u6d17\u7897\u6a5fGWQ8106-scaled.jpg\" alt=\"GWQ8106 \u6d17\u7897\u6a5f\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>\u65b0\u54c1\u4e0a\u5e02<\/span>\n                    <strong>GWQ8106 \u6d17\u7897\u6a5f<\/strong>\n                <\/div>\n\n            <\/button>\n\n        <\/div>\n\n\n\n        <!-- \u7b2c\u4e8c\u5c64 -->\n        <div class=\"dm-shelf-row\">\n\n            <button class=\"dm-book book-lean-small\" data-index=\"4\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/08\/2026\u65b0\u54c1\u4e0a\u5e02-\u7d05\u9152\u6ac3-scaled.jpg\" alt=\"Elite WJG45H \u96d9\u6eab\u7d05\u9152\u6ac3\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>ELITE<\/span>\n                    <strong>WJG45H \u96d9\u6eab\u7d05\u9152\u6ac3<\/strong>\n                <\/div>\n\n            <\/button>\n\n\n            <button class=\"dm-book book-lean-left\" data-index=\"5\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/08\/\u6c34\u69fdDM.jpg\" alt=\"SUNWAVE \u591a\u529f\u80fd\u6c34\u69fd\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>SUNWAVE<\/span>\n                    <strong>\u591a\u529f\u80fd\u6c34\u69fd<\/strong>\n                <\/div>\n\n            <\/button>\n\n\n            <button class=\"dm-book book-straight\" data-index=\"6\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/08\/\u51b0\u6c99\u6a5f\u7279\u50f9.png\" alt=\"Elite \u51b0\u6c99\u6a5f\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>ELITE<\/span>\n                    <strong>\u5c08\u5229\u51b7\u51cd\u51b0\u6c99\u6a5f<\/strong>\n                <\/div>\n\n            <\/button>\n\n\n            <button class=\"dm-book book-lean-right\" data-index=\"7\" type=\"button\">\n\n                <div class=\"dm-book-cover\">\n                    <img decoding=\"async\" src=\"http:\/\/elitehousehold.local\/wp-content\/uploads\/2026\/08\/\uff24\uff2d-\u9580\u5e02\uff0b\u6642\u9593.png\" alt=\"\u9580\u5e02\u5c55\u793a\u4e2d\u5fc3\u8cc7\u8a0a\">\n                <\/div>\n\n                <div class=\"dm-book-info\">\n                    <span>SHOWROOM<\/span>\n                    <strong>\u5c55\u793a\u4e2d\u5fc3\u8cc7\u8a0a<\/strong>\n                <\/div>\n\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- \u96fb\u5b50\u66f8\u95b1\u8b80\u5668 -->\n<div class=\"dm-reader\" id=\"dmReader\">\n\n    <div class=\"dm-reader-bg\"><\/div>\n\n    <button class=\"dm-reader-close\" type=\"button\" aria-label=\"\u95dc\u9589\">\n        \u00d7\n    <\/button>\n\n\n    <button class=\"dm-reader-prev dm-reader-arrow\" type=\"button\">\n        \u2039\n    <\/button>\n\n\n    <main class=\"dm-reader-content\">\n\n        <div class=\"dm-reader-paper\">\n\n            <img decoding=\"async\" id=\"dmReaderImage\" src=\"\" alt=\"\">\n\n        <\/div>\n\n\n        <div class=\"dm-reader-meta\">\n\n            <div>\n                <span id=\"dmReaderCategory\"><\/span>\n                <h3 id=\"dmReaderTitle\"><\/h3>\n            <\/div>\n\n            <div class=\"dm-reader-page\">\n                <span id=\"dmReaderCurrent\">1<\/span>\n                \/\n                <span id=\"dmReaderTotal\">8<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"dm-reader-thumbs\" id=\"dmReaderThumbs\">\n        <\/div>\n\n    <\/main>\n\n\n    <button class=\"dm-reader-next dm-reader-arrow\" type=\"button\">\n        \u203a\n    <\/button>\n\n<\/div>\n\n\n\n\n    <!-- \u8fd4\u56de\u4e0a\u4e00\u9801 -->\n    <div class=\"dept-back-wrap\">\n\n      <a href=\"\/manual-downloads\/\" class=\"dept-back-button\">\n        <span>\u2190<\/span>\n        \u8fd4\u56de\u4e0a\u4e00\u9801\n      <\/a>\n\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Product Brochures \u7522\u54c1DM\u4e0b\u8f09 \u54c1\u724c\u96fb\u5b50\u66f8\u6ac3:\u700f\u89bd\u6700\u65b0\u7522\u54c1\u3001\u512a\u60e0\u6d3b\u52d5\u8207\u54c1\u724c\u8cc7\u8a0a \u6d3b\u52d5\u512a\u60e0 9&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-839","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"glemgasadmin","author_link":"https:\/\/www.elite-household.com\/en\/author\/glemgasadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Product Brochures \u7522\u54c1DM\u4e0b\u8f09 \u54c1\u724c\u96fb\u5b50\u66f8\u6ac3:\u700f\u89bd\u6700\u65b0\u7522\u54c1\u3001\u512a\u60e0\u6d3b\u52d5\u8207\u54c1\u724c\u8cc7\u8a0a \u6d3b\u52d5\u512a\u60e0 9&hellip;","_links":{"self":[{"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/pages\/839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":13,"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/pages\/839\/revisions"}],"predecessor-version":[{"id":1445,"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/pages\/839\/revisions\/1445"}],"wp:attachment":[{"href":"https:\/\/www.elite-household.com\/en\/wp-json\/wp\/v2\/media?parent=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}