{"id":2282,"date":"2026-06-24T08:03:55","date_gmt":"2026-06-24T08:03:55","guid":{"rendered":"https:\/\/love-doggy.com\/?page_id=2282"},"modified":"2026-06-24T08:43:15","modified_gmt":"2026-06-24T08:43:15","slug":"%e4%bd%9c%e5%93%81%e9%9b%86","status":"publish","type":"page","link":"https:\/\/love-doggy.com\/?page_id=2282","title":{"rendered":"\u4f5c\u54c1\u96c6"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2282\" class=\"elementor elementor-2282\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-5acbb1d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5acbb1d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e3c4ec\" data-id=\"9e3c4ec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bf80bb elementor-widget elementor-widget-image\" data-id=\"1bf80bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/line.me\/R\/ti\/p\/@366ofiro?oat_content=url&#038;ts=06140722\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1659\" height=\"948\" src=\"https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/litvideo_354616.jpg\" class=\"attachment-full size-full wp-image-2178\" alt=\"\" srcset=\"https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/litvideo_354616.jpg 1659w, https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/litvideo_354616-300x171.jpg 300w, https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/litvideo_354616-1024x585.jpg 1024w, https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/litvideo_354616-768x439.jpg 768w, https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/litvideo_354616-1536x878.jpg 1536w, https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/litvideo_354616-600x343.jpg 600w\" sizes=\"(max-width: 1659px) 100vw, 1659px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-fe3fa45 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe3fa45\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6583cea\" data-id=\"6583cea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed4aa8c elementor-widget elementor-widget-html\" data-id=\"ed4aa8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* \u5168\u57df\u9694\u96e2\u5305\u88dd\u5668 *\/\r\n    .dg-port-wrapper {\r\n        --primary: #D67C59;         \r\n        --primary-hover: #C06742;\r\n        --text-dark: #4A3A32;       \r\n        --text-light: #76645A;      \r\n        --bg-cream: #FCF8F5;        \r\n        --badge-bg: #FFF3EB;        \r\n        --line-green: #5BB251;\r\n        --bg-gray: #F8F7F5;\r\n        \r\n        font-family: 'Noto Sans TC', sans-serif !important;\r\n        background-color: #FFFFFF;\r\n        color: var(--text-dark);\r\n        line-height: 1.6;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: left;\r\n    }\r\n\r\n    .dg-port-wrapper * { box-sizing: border-box; }\r\n    .dg-port-wrapper p, .dg-port-wrapper h1, .dg-port-wrapper h2, \r\n    .dg-port-wrapper h3, .dg-port-wrapper h4, .dg-port-wrapper h5, \r\n    .dg-port-wrapper ul { margin: 0; padding: 0; }\r\n    .dg-port-wrapper a { text-decoration: none; color: inherit; transition: all 0.3s ease; display: inline-block; }\r\n    .dg-port-wrapper ul { list-style: none; }\r\n    .dg-port-wrapper img { max-width: 100%; display: block; border: none; }\r\n\r\n    .dg-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- \u5171\u7528\u6309\u9215 --- *\/\r\n    .dg-btn {\r\n        display: inline-flex !important; align-items: center; justify-content: center;\r\n        gap: 8px; padding: 10px 24px; border-radius: 30px; font-weight: 500; font-size: 15px; cursor: pointer; transition: all 0.3s ease; border: none;\r\n    }\r\n    .dg-btn-orange { background-color: var(--primary); color: white !important; box-shadow: 0 4px 12px rgba(214, 124, 89, 0.3); }\r\n    .dg-btn-orange:hover { background-color: var(--primary-hover); transform: translateY(-2px); }\r\n\r\n    \/* --- \u5c0e\u89bd\u5217 --- *\/\r\n    .dg-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 50; }\r\n    .dg-nav-inner { display: flex; justify-content: space-between; align-items: center; height: 80px; }\r\n    .dg-logo { display: flex; align-items: center; gap: 8px; }\r\n    .dg-logo-text h1 { font-size: 22px; font-weight: 700; color: var(--text-dark); display: flex; align-items: center; gap: 6px; }\r\n    .dg-logo-text p { font-size: 11px; color: var(--primary); letter-spacing: 1px; margin-top: -2px;}\r\n    .dg-nav ul { display: flex; gap: 25px; }\r\n    .dg-nav a { font-size: 14px; font-weight: 500; color: var(--text-dark); transition: color 0.3s; padding-bottom: 5px; }\r\n    .dg-nav a:hover, .dg-nav a.active { color: var(--primary); border-bottom: 2px solid var(--primary); }\r\n\r\n    \/* =========================================\r\n       \ud83d\udd25 1. \u4e3b\u8996\u89ba Hero\r\n       ========================================= *\/\r\n    .dg-hero {\r\n        position: relative;\r\n        background: linear-gradient(to bottom, #FFFFFF 0%, #FCF8F5 100%);\r\n        padding-top: 110px; \r\n        padding-bottom: 10px; \/* \u5927\u5e45\u58d3\u7e2e\u5e95\u90e8\u9593\u8ddd *\/\r\n    }\r\n    \r\n    .dg-hero-inner {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .dg-hero-content { \r\n        flex: 0 0 45%; \r\n        max-width: 45%;\r\n        padding-top: 20px;\r\n    }\r\n    \r\n    .dg-hero-paw-icon {\r\n        font-size: 36px; \r\n        color: rgba(214, 124, 89, 0.15); \r\n        margin-bottom: 8px; \r\n        display: block;\r\n    }\r\n    \r\n    .dg-hero-title { font-size: 40px; font-weight: 700; margin-bottom: 10px; color: var(--text-dark); letter-spacing: 1px; line-height: 1.2;}\r\n    .dg-hero-desc { font-size: 16px; color: var(--text-dark); font-weight: 500; margin-bottom: 25px; } \/* \u7e2e\u77ed\u8207\u4e0b\u65b9\u6a19\u984c\u8ddd\u96e2 *\/\r\n    \r\n    .dg-scissors-block {\r\n        border-top: 1px dashed rgba(214, 124, 89, 0.2); \r\n        padding-top: 20px; \/* \u58d3\u7e2e\u8ddd\u96e2 *\/\r\n    }\r\n    .dg-scissors-title {\r\n        font-size: 20px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\r\n    }\r\n    .dg-scissors-title i { color: var(--primary); font-size: 18px; }\r\n    .dg-scissors-text { font-size: 14px; color: var(--text-light); line-height: 1.6; text-align: justify; }\r\n    \r\n    .dg-hero-collage {\r\n        flex: 0 0 52%; max-width: 52%; position: relative; height: 430px;\r\n    }\r\n    .dg-polaroid {\r\n        background: #fff; padding: 10px 10px 30px 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); position: absolute; border-radius: 2px;\r\n    }\r\n    .dg-polaroid img { width: 100%; height: auto; border-radius: 2px; }\r\n    .dg-pol-1 { width: 180px; left: 0; top: 60px; transform: rotate(-6deg); z-index: 2; }\r\n    .dg-pol-2 { width: 250px; left: 140px; top: 0; transform: rotate(2deg); z-index: 5; padding: 12px 12px 40px 12px;}\r\n    .dg-pol-3 { width: 160px; right: 40px; top: 30px; transform: rotate(7deg); z-index: 1; }\r\n    .dg-pol-4 { width: 130px; right: -10px; bottom: 50px; transform: rotate(-5deg); z-index: 3; }\r\n\r\n    .dg-decor-paw { position: absolute; color: rgba(214, 124, 89, 0.1); z-index: 1;}\r\n    .dg-decor-paw.p2 { top: 40px; right: 5%; font-size: 40px; }\r\n\r\n    \/* =========================================\r\n       \ud83d\udd25 2. Before \/ After \u5c0d\u6bd4\u6ed1\u52d5\u5340\u584a\r\n       ========================================= *\/\r\n    .dg-ba-section { padding: 15px 0 30px; background-color: #FFFFFF; } \/* \u5927\u5e45\u58d3\u7e2e\u4e0a\u4e0b\u9593\u8ddd *\/\r\n    .dg-ba-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n    .dg-ba-card { text-align: center; }\r\n    .dg-ba-container {\r\n        position: relative; width: 100%; aspect-ratio: 1 \/ 1; border-radius: 12px; overflow: hidden;\r\n        margin-bottom: 12px; cursor: ew-resize; box-shadow: 0 4px 15px rgba(0,0,0,0.05); \/* \u58d3\u7e2e\u5e95\u90e8\u7559\u767d *\/\r\n    }\r\n    .dg-ba-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }\r\n    .dg-ba-before { z-index: 2; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); }\r\n    .dg-ba-slider-handle {\r\n        position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #fff; z-index: 5; transform: translateX(-50%); pointer-events: none;\r\n    }\r\n    .dg-ba-slider-btn {\r\n        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; background: #fff; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 12px; gap: 5px;\r\n    }\r\n    .dg-ba-label { position: absolute; bottom: 15px; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 700; color: #fff; z-index: 10; }\r\n    .dg-ba-label.before { left: 15px; background: rgba(0,0,0,0.4); }\r\n    .dg-ba-label.after { right: 15px; background: var(--primary); }\r\n    .dg-ba-title { font-size: 14px; font-weight: 500; color: var(--text-dark); border: 1px solid #EFEAE5; padding: 8px 10px; border-radius: 8px; }\r\n\r\n    \/* =========================================\r\n       \ud83d\udd25 3. \u4f5c\u54c1\u76f8\u7247\u7246 (Gallery \u7be9\u9078\u5668)\r\n       ========================================= *\/\r\n    .dg-gallery-section { padding: 15px 0 40px; } \/* \u58d3\u7e2e\u4e0a\u65b9\u9593\u8ddd *\/\r\n    .dg-gallery-header { margin-bottom: 20px; } \/* \u58d3\u7e2e\u6a19\u984c\u5e95\u90e8\u9593\u8ddd *\/\r\n    .dg-gallery-header h2 { font-size: 22px; font-weight: 700; display: flex; align-items: center; gap: 10px; }\r\n    .dg-gallery-header h2 i { color: var(--primary); font-size: 18px; }\r\n    \r\n    .dg-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } \/* \u58d3\u7e2e\u6309\u9215\u5230\u5e95\u90e8\u7db2\u683c\u8ddd\u96e2 *\/\r\n    .dg-filter-btn {\r\n        padding: 6px 18px; border-radius: 20px; border: 1px solid #EFEAE5; background: #fff;\r\n        font-size: 13px; font-weight: 500; color: var(--text-light); cursor: pointer; transition: all 0.3s;\r\n    }\r\n    .dg-filter-btn:hover, .dg-filter-btn.active { background: var(--primary); color: #fff; border-color: var(--primary); }\r\n\r\n    .dg-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }\r\n    .dg-gallery-item { border-radius: 8px; overflow: hidden; aspect-ratio: 1 \/ 1; position: relative; transition: all 0.4s ease; }\r\n    .dg-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\r\n    .dg-gallery-item:hover img { transform: scale(1.08); }\r\n\r\n    \/* =========================================\r\n       \ud83d\udd25 4. \u76ae\u6bdb\u8b77\u7406\u898b\u8b49\r\n       ========================================= *\/\r\n    .dg-skin-section { padding: 40px 0; background: var(--bg-gray); position: relative; border-radius: 20px; margin: 0 20px; } \/* \u58d3\u7e2e\u5167\u5916\u8ddd\u8207\u5713\u89d2 *\/\r\n    .dg-skin-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 25px; } \/* \u58d3\u7e2e\u8207\u4e0b\u65b9\u5716\u7247\u7684\u8ddd\u96e2 *\/\r\n    .dg-skin-text { max-width: 600px; }\r\n    .dg-skin-text h2 { font-size: 22px; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }\r\n    .dg-skin-text h2 i { color: #8DB4C4; font-size: 20px; } \r\n    .dg-skin-text p { font-size: 14px; line-height: 1.6; color: var(--text-dark); margin:0;}\r\n    \r\n    .dg-skin-products { position: relative; width: 200px; height: 80px; }\r\n    .dg-skin-products img { position: absolute; bottom: 0; right: 0; max-height: 120px; }\r\n\r\n    .dg-skin-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n    .dg-skin-card { background: #fff; border-radius: 12px; padding: 15px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.03); } \/* \u58d3\u7e2e\u5361\u7247\u5167\u8ddd *\/\r\n    .dg-skin-card h4 { font-size: 16px; font-weight: 700; color: var(--primary); margin-bottom: 3px; }\r\n    .dg-skin-card p { font-size: 12px; color: var(--text-dark); margin-bottom: 12px; }\r\n    \r\n    .dg-skin-ba { display: flex; align-items: center; gap: 5px; position: relative; }\r\n    .dg-skin-ba-img { flex: 1; position: relative; border-radius: 8px; overflow: hidden; aspect-ratio: 1\/1;}\r\n    .dg-skin-ba-img img { width: 100%; height: 100%; object-fit: cover; }\r\n    .dg-skin-ba-arrow {\r\n        width: 24px; height: 24px; background: #fff; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n        display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%;\r\n        transform: translate(-50%, -50%); color: var(--primary); z-index: 5; font-size: 10px;\r\n    }\r\n    \r\n    .dg-skin-label { position: absolute; bottom: 5px; padding: 2px 8px; border-radius: 10px; font-size: 10px; font-weight: 700; color: #fff; }\r\n    .dg-skin-label.before { left: 5px; background: rgba(0,0,0,0.4); }\r\n    .dg-skin-label.after { right: 5px; background: var(--primary); }\r\n\r\n    \/* =========================================\r\n       \ud83d\udd25 5. \u5e95\u90e8 CTA \u5340\u584a\r\n       ========================================= *\/\r\n    .dg-cta-section { padding: 30px 0 50px; } \/* \u58d3\u7e2e\u4e0a\u65b9\u9593\u8ddd\uff0c\u8207\u7070\u8272\u80cc\u666f\u66f4\u8fd1 *\/\r\n    .dg-cta-box {\r\n        background: var(--badge-bg); border-radius: 20px; padding: 35px 40px 35px 240px; \/* \u58d3\u7e2e\u5361\u7247\u5167\u90e8\u4e0a\u4e0b\u9593\u8ddd *\/\r\n        position: relative; display: flex; align-items: center; justify-content: center; \r\n    }\r\n    .dg-cta-dog { position: absolute; bottom: 0; left: 20px; height: 140%; max-height: 240px; pointer-events: none; z-index: 10;}\r\n    .dg-cta-content { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; z-index: 15; } \/* \u58d3\u7e2e\u6587\u5b57\u8207\u6309\u9215\u8ddd\u96e2 *\/\r\n    .dg-cta-text h3 { \r\n        font-size: 26px; font-weight: 700; margin-bottom: 8px; color: var(--text-dark);\r\n        display: flex; align-items: center; justify-content: center; gap: 10px;\r\n    }\r\n    .dg-cta-text p { font-size: 14px; color: var(--text-dark); line-height: 1.6; margin: 0; }\r\n    \r\n    .dg-cta-btn-wrap { position: relative; display: inline-block; }\r\n    .dg-btn-large {\r\n        background: var(--primary); color: #fff; padding: 14px 45px; border-radius: 30px;\r\n        font-size: 16px; font-weight: 700; display: inline-flex; align-items: center; gap: 10px;\r\n        box-shadow: 0 5px 15px rgba(214, 124, 89, 0.3); border: none; cursor: pointer; transition: 0.3s;\r\n    }\r\n    .dg-btn-large:hover { background: var(--primary-hover); transform: translateY(-2px); }\r\n    .dg-line-icon-badge {\r\n        position: absolute; top: -12px; right: -12px; width: 40px; height: 40px;\r\n        background: var(--line-green); color: #fff; border-radius: 50%; display: flex;\r\n        align-items: center; justify-content: center; font-size: 20px; border: 3px solid #fff;\r\n    }\r\n    .dg-decor-paw.p-cta-1 { right: 30px; bottom: 20px; font-size: 40px; color: rgba(214, 124, 89, 0.15); }\r\n    .dg-decor-paw.p-cta-2 { right: 80px; top: 15px; font-size: 25px; color: rgba(214, 124, 89, 0.15); }\r\n\r\n    \/* =========================================\r\n       \ud83d\udd25 6. \u9801\u5c3e\u670d\u52d9\u7279\u8272 \r\n       ========================================= *\/\r\n    .dg-features-bottom { border-top: 1px solid #EFEAE5; padding: 25px 0; background: #fff; } \/* \u58d3\u7e2e\u4e0a\u4e0b\u9593\u8ddd *\/\r\n    .dg-features-grid { display: flex; justify-content: space-between; align-items: center; }\r\n    .dg-feature-b-item { display: flex; align-items: center; gap: 12px; }\r\n    .dg-feature-b-icon { color: var(--primary); font-size: 28px; } \/* \u7e2e\u5c0f ICON *\/\r\n    .dg-feature-b-text h5 { font-size: 14px; font-weight: 700; margin-bottom: 2px; }\r\n    .dg-feature-b-text p { font-size: 11px; color: var(--text-light); margin:0;}\r\n\r\n    \/* --- RWD \u97ff\u61c9\u5f0f --- *\/\r\n    @media (max-width: 992px) {\r\n        .dg-hero-inner { flex-direction: column; text-align: center; align-items: center; gap: 30px;}\r\n        .dg-hero-content { flex: 0 0 100%; max-width: 100%; padding-top: 0;}\r\n        .dg-hero-paw-icon { margin: 0 auto 10px; }\r\n        .dg-scissors-title { justify-content: center; }\r\n        \r\n        .dg-hero-collage { width: 100%; height: 350px; flex: 0 0 100%; max-width: 100%; display: flex; justify-content: center;}\r\n        .dg-pol-1 { left: 10%; width: 140px;}\r\n        .dg-pol-2 { left: 50%; transform: translateX(-50%) rotate(3deg); width: 200px;}\r\n        .dg-pol-3 { right: 10%; width: 130px; }\r\n        .dg-pol-4 { right: 5%; bottom: 10px; width: 110px;}\r\n        \r\n        .dg-ba-grid, .dg-skin-grid { grid-template-columns: 1fr; }\r\n        .dg-gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .dg-skin-header { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n        \r\n        .dg-cta-box { padding: 180px 20px 40px; }\r\n        .dg-cta-dog { left: 50%; transform: translateX(-50%); top: -40px; bottom: auto; height: auto; max-height: 200px; }\r\n        .dg-decor-paw.p-cta-1, .dg-decor-paw.p-cta-2 { display: none; }\r\n        \r\n        .dg-features-grid { flex-wrap: wrap; gap: 20px; }\r\n        .dg-feature-b-item { width: 45%; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .dg-nav { display: none; }\r\n        .dg-skin-section { margin: 0; border-radius: 0; }\r\n        .dg-feature-b-item { width: 100%; justify-content: center; }\r\n        .dg-hero-title { font-size: 32px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"dg-port-wrapper\">\r\n\r\n    <div class=\"dg-header\">\r\n        <div class=\"dg-container dg-nav-inner\">\r\n            <div class=\"dg-logo\">\r\n                <div class=\"dg-logo-text\">\r\n                    <h1><i class=\"fa-solid fa-paw\"><\/i> Doggy Doggy<\/h1>\r\n                    <p>Your pets, our care<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <nav class=\"dg-nav\">\r\n                <ul>\r\n                    <li><a href=\"#\">\u9996\u9801<\/a><\/li>\r\n                    <li><a href=\"#\">\u95dc\u65bc\u6211\u5011<\/a><\/li>\r\n                    <li><a href=\"#\">\u670d\u52d9\u9805\u76ee<\/a><\/li>\r\n                    <li><a href=\"#\" class=\"active\">\u8077\u4eba\u4f5c\u54c1\u96c6<\/a><\/li>\r\n                    <li><a href=\"#\">\u5bf5\u7269\u77e5\u8b58<\/a><\/li>\r\n                    <li><a href=\"#\">\u806f\u7d61\u6211\u5011<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n            <a href=\"#\" class=\"dg-btn dg-btn-orange\">LINE \u9810\u7d04<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"dg-hero\">\r\n        <i class=\"fa-solid fa-paw dg-decor-paw p2\"><\/i>\r\n        <div class=\"dg-container dg-hero-inner\">\r\n            \r\n            <div class=\"dg-hero-content\">\r\n                <i class=\"fa-solid fa-paw dg-hero-paw-icon\"><\/i>\r\n                <h1 class=\"dg-hero-title\">\u8077\u4eba\u9020\u578b\u4f5c\u54c1\u96c6<\/h1>\r\n                <p class=\"dg-hero-desc\">\u7cbe\u7dfb\u86fb\u8b8a\uff0c\u898b\u8b49\u6bdb\u5bf6\u8c9d\u7684\u81ea\u4fe1\u77ac\u9593\u3002<\/p>\r\n                \r\n                <div class=\"dg-scissors-block\">\r\n                    <h3 class=\"dg-scissors-title\"><i class=\"fa-solid fa-scissors\"><\/i> \u770b\u4e0d\u898b\u7684\u7528\u5fc3\uff0c\u85cf\u5728\u7d30\u7bc0\u88e1<\/h3>\r\n                    <p class=\"dg-scissors-text\">\r\n                        \u4e0d\u53ea\u662f\u628a\u6bdb\u526a\u77ed\uff0c\u6211\u5011\u66f4\u662f\u4f9d\u64da\u6bdb\u5b69\u7684\u9aa8\u9abc\u6bd4\u4f8b\u3001\u6bdb\u6d41\u8d70\u5411\uff0c\u4e00\u5200\u4e00\u526a\u96d5\u5851\u51fa\u7acb\u9ad4\u611f\u3002<br>\r\n                        \u770b\u8457\u7260\u5011\u5f9e\u7f9e\u6f80\u96dc\u4e82\uff0c\u86fb\u8b8a\u6210\u84ec\u9b06\u81ea\u4fe1\u7684\u6a21\u6a23\uff0c\u5c31\u662f\u6211\u5011\u6700\u5927\u7684\u6210\u5c31\u611f\u3002\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"dg-hero-collage\">\r\n                <div class=\"dg-polaroid dg-pol-1\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/545063\/pexels-photo-545063.jpeg?auto=compress&cs=tinysrgb&w=400\" alt=\"Dog 1\">\r\n                <\/div>\r\n                <div class=\"dg-polaroid dg-pol-2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3361739\/pexels-photo-3361739.jpeg?auto=compress&cs=tinysrgb&w=600\" alt=\"Dog 2\">\r\n                <\/div>\r\n                <div class=\"dg-polaroid dg-pol-3\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543466835-00a7907e9de1?auto=format&fit=crop&q=80&w=400\" alt=\"Dog 3\">\r\n                <\/div>\r\n                <div class=\"dg-polaroid dg-pol-4\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/4587995\/pexels-photo-4587995.jpeg?auto=compress&cs=tinysrgb&w=400\" alt=\"Dog 4\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"dg-ba-section\">\r\n        <div class=\"dg-container\">\r\n            <div class=\"dg-ba-grid\">\r\n                <div class=\"dg-ba-card\">\r\n                    <div class=\"dg-ba-container\">\r\n                        <img decoding=\"async\" class=\"dg-ba-img dg-ba-after\" src=\"https:\/\/images.pexels.com\/photos\/3361739\/pexels-photo-3361739.jpeg?auto=compress&cs=tinysrgb&w=600\" alt=\"After\">\r\n                        <img decoding=\"async\" class=\"dg-ba-img dg-ba-before\" src=\"https:\/\/images.pexels.com\/photos\/4587995\/pexels-photo-4587995.jpeg?auto=compress&cs=tinysrgb&w=600\" alt=\"Before\">\r\n                        <div class=\"dg-ba-slider-handle\">\r\n                            <div class=\"dg-ba-slider-btn\"><i class=\"fa-solid fa-caret-left\"><\/i><i class=\"fa-solid fa-caret-right\"><\/i><\/div>\r\n                        <\/div>\r\n                        <span class=\"dg-ba-label before\">Before<\/span>\r\n                        <span class=\"dg-ba-label after\">After<\/span>\r\n                    <\/div>\r\n                    <div class=\"dg-ba-title\">\u8cb4\u8cd3\u72ac \u2500\u2500 \u7d93\u5178\u6cf0\u8fea\u718a\u982d \u2715 \u6f8e\u6f8e\u5927\u8033\u7403<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dg-ba-card\">\r\n                    <div class=\"dg-ba-container\">\r\n                        <img decoding=\"async\" class=\"dg-ba-img dg-ba-after\" src=\"https:\/\/images.pexels.com\/photos\/545063\/pexels-photo-545063.jpeg?auto=compress&cs=tinysrgb&w=600\" alt=\"After\">\r\n                        <img decoding=\"async\" class=\"dg-ba-img dg-ba-before\" src=\"https:\/\/images.unsplash.com\/photo-1583512603805-3cc6b41f3edb?auto=format&fit=crop&q=80&w=600\" alt=\"Before\">\r\n                        <div class=\"dg-ba-slider-handle\">\r\n                            <div class=\"dg-ba-slider-btn\"><i class=\"fa-solid fa-caret-left\"><\/i><i class=\"fa-solid fa-caret-right\"><\/i><\/div>\r\n                        <\/div>\r\n                        <span class=\"dg-ba-label before\">Before<\/span>\r\n                        <span class=\"dg-ba-label after\">After<\/span>\r\n                    <\/div>\r\n                    <div class=\"dg-ba-title\">\u6bd4\u718a\u72ac \u2500\u2500 360\u5ea6\u7acb\u9ad4\u68c9\u82b1\u7cd6\u98db\u789f\u982d<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dg-ba-card\">\r\n                    <div class=\"dg-ba-container\">\r\n                        <img decoding=\"async\" class=\"dg-ba-img dg-ba-after\" src=\"https:\/\/images.unsplash.com\/photo-1517849845537-4d257902454a?auto=format&fit=crop&q=80&w=600\" alt=\"After\">\r\n                        <img decoding=\"async\" class=\"dg-ba-img dg-ba-before\" src=\"https:\/\/images.unsplash.com\/photo-1552053831-71594a27632d?auto=format&fit=crop&q=80&w=600\" alt=\"Before\">\r\n                        <div class=\"dg-ba-slider-handle\">\r\n                            <div class=\"dg-ba-slider-btn\"><i class=\"fa-solid fa-caret-left\"><\/i><i class=\"fa-solid fa-caret-right\"><\/i><\/div>\r\n                        <\/div>\r\n                        <span class=\"dg-ba-label before\">Before<\/span>\r\n                        <span class=\"dg-ba-label after\">After<\/span>\r\n                    <\/div>\r\n                    <div class=\"dg-ba-title\">\u535a\u7f8e\u72ac \u2500\u2500 \u4fca\u4ecb\u98a8\u4fd0\u843d\u624b\u526a\u5713\u5713\u9020\u578b<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"dg-gallery-section\">\r\n        <div class=\"dg-container\">\r\n            <div class=\"dg-gallery-header\">\r\n                <h2><i class=\"fa-solid fa-paw\"><\/i> \u5c0b\u627e\u5bf6\u8c9d\u7684\u5c08\u5c6c\u9020\u578b\u9748\u611f<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"dg-filters\">\r\n                <button class=\"dg-filter-btn active\" data-filter=\"all\">\u89c0\u770b\u5168\u90e8<\/button>\r\n                <button class=\"dg-filter-btn\" data-filter=\"fluffy\">\u84ec\u9b06\u5713\u982d\u7d44\uff08\u8cb4\u8cd3 \/ \u6bd4\u718a \/ \u746a\u723e\uff09<\/button>\r\n                <button class=\"dg-filter-btn\" data-filter=\"cool\">\u4fd0\u843d\u5e25\u6c23\u7d44\uff08\u96ea\u7d0d\u745e \/ \u6897\u72ac \/ \u535a\u7f8e\uff09<\/button>\r\n                <button class=\"dg-filter-btn\" data-filter=\"short\">\u4eae\u9e97\u77ed\u6bdb\u8207 SPA\uff08\u6cd5\u9b25 \/ \u67f4\u72ac \/ \u67ef\u57fa\uff09<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"dg-gallery-grid\">\r\n                <div class=\"dg-gallery-item\" data-category=\"fluffy\"><img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3361739\/pexels-photo-3361739.jpeg?auto=compress&cs=tinysrgb&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"fluffy\"><img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/545063\/pexels-photo-545063.jpeg?auto=compress&cs=tinysrgb&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"fluffy\"><img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/4587995\/pexels-photo-4587995.jpeg?auto=compress&cs=tinysrgb&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"cool\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517849845537-4d257902454a?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n                \r\n                <div class=\"dg-gallery-item\" data-category=\"short\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583512603805-3cc6b41f3edb?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"cool\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552053831-71594a27632d?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"fluffy\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543466835-00a7907e9de1?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"short\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n                \r\n                <div class=\"dg-gallery-item\" data-category=\"cool\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517849845537-4d257902454a?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"short\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552053831-71594a27632d?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"fluffy\"><img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3361739\/pexels-photo-3361739.jpeg?auto=compress&cs=tinysrgb&w=400\" alt=\"Dog\"><\/div>\r\n                <div class=\"dg-gallery-item\" data-category=\"short\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543466835-00a7907e9de1?auto=format&fit=crop&q=80&w=400\" alt=\"Dog\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"dg-skin-section\">\r\n        <div class=\"dg-container\">\r\n            <div class=\"dg-skin-header\">\r\n                <div class=\"dg-skin-text\">\r\n                    <h2><i class=\"fa-solid fa-droplet\"><\/i> \u5065\u5eb7\uff0c\u662f\u7f8e\u9e97\u7684\u5e95\u8272\uff1a\u76ae\u6bdb\u8b77\u7406\u898b\u8b49<\/h2>\r\n                    <p>\u627f\u8972\u6211\u5011\u7167\u9867\u6cd5\u9b25\u5bb6\u4eba\u7684\u521d\u8877\uff0c\u6211\u5011\u5c0d\u654f\u611f\u808c\u3001\u53d7\u640d\u6bdb\u9aee\u6709\u8457\u6700\u6df1\u523b\u7684\u540c\u7406\u5fc3\u3002<br>\u642d\u914d\u7fa9\u5927\u5229\u9802\u7d1a ISB \u76ae\u6bdb\u8abf\u7406\uff0c\u6211\u5011\u5e6b\u7121\u6578\u6bdb\u5bf6\u8c9d\u627e\u56de\u4e86\u5065\u5eb7\u7684\u808c\u819a\u5c4f\u969c\u8207\u8c50\u76c8\u5149\u6fa4\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"dg-skin-products\">\r\n                    <i class=\"fa-solid fa-leaf\" style=\"font-size: 80px; color: #E8EBE3; position:absolute; right:10px; bottom:10px;\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dg-skin-grid\">\r\n                <div class=\"dg-skin-card\">\r\n                    <h4>\u6b7b\u6d77\u6ce5\u6df1\u5c64\u6f54\u6de8<\/h4>\r\n                    <p>\u6210\u529f\u63ee\u5225\u9ad4\u5473\u8207\u904e\u5ea6\u51fa\u6cb9<\/p>\r\n                    <div class=\"dg-skin-ba\">\r\n                        <div class=\"dg-skin-ba-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&q=80&w=300\" alt=\"Before\">\r\n                            <span class=\"dg-skin-label before\">Before<\/span>\r\n                        <\/div>\r\n                        <div class=\"dg-skin-ba-arrow\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n                        <div class=\"dg-skin-ba-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583512603805-3cc6b41f3edb?auto=format&fit=crop&q=80&w=300\" alt=\"After\">\r\n                            <span class=\"dg-skin-label after\">After<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dg-skin-card\">\r\n                    <h4 style=\"color: #C06742;\">\u7d05\u5bf6\u77f3\u76ae\u6bdb\u91cd\u5efa<\/h4>\r\n                    <p>\u53d7\u640d\u6bdb\u9aee\u6838\u5fc3\u91cd\u7d44\uff0c\u91cd\u73fe\u6bdb\u9aee\u5f48\u529b<\/p>\r\n                    <div class=\"dg-skin-ba\">\r\n                        <div class=\"dg-skin-ba-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552053831-71594a27632d?auto=format&fit=crop&q=80&w=300\" alt=\"Before\">\r\n                            <span class=\"dg-skin-label before\">Before<\/span>\r\n                        <\/div>\r\n                        <div class=\"dg-skin-ba-arrow\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n                        <div class=\"dg-skin-ba-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517849845537-4d257902454a?auto=format&fit=crop&q=80&w=300\" alt=\"After\">\r\n                            <span class=\"dg-skin-label after\">After<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dg-skin-card\">\r\n                    <h4>\u71d5\u9ea5\u8212\u654f\u4fee\u8b77<\/h4>\r\n                    <p>\u8212\u7de9\u6cdb\u7d05\u6414\u7662\uff0c\u5f37\u5316\u808c\u819a\u9632\u79a6\u529b<\/p>\r\n                    <div class=\"dg-skin-ba\">\r\n                        <div class=\"dg-skin-ba-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543466835-00a7907e9de1?auto=format&fit=crop&q=80&w=300\" alt=\"Before\">\r\n                            <span class=\"dg-skin-label before\">Before<\/span>\r\n                        <\/div>\r\n                        <div class=\"dg-skin-ba-arrow\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n                        <div class=\"dg-skin-ba-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3361739\/pexels-photo-3361739.jpeg?auto=compress&cs=tinysrgb&w=300\" alt=\"After\">\r\n                            <span class=\"dg-skin-label after\">After<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"dg-cta-section\">\r\n        <div class=\"dg-container\">\r\n            <div class=\"dg-cta-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3361739\/pexels-photo-3361739.jpeg?auto=compress&cs=tinysrgb&w=400\" alt=\"Cute Dog\" class=\"dg-cta-dog\">\r\n                \r\n                <div class=\"dg-cta-content\">\r\n                    <div class=\"dg-cta-text\">\r\n                        <h3><i class=\"fa-solid fa-heart\" style=\"color: var(--primary);\"><\/i> \u88ab\u54ea\u4e00\u500b\u9020\u578b\u878d\u5316\u4e86\u55ce\uff1f <i class=\"fa-solid fa-heart\" style=\"color: var(--primary);\"><\/i><\/h3>\r\n                        <p>\u6536\u85cf\u60a8\u559c\u6b61\u7684\u7167\u7247\uff0c\u7acb\u523b\u9ede\u64ca\u4e0b\u65b9\u9810\u7d04\uff0c<br>\u8b93\u8077\u4eba\u7f8e\u5bb9\u5e2b\u70ba\u60a8\u7684\u5bf6\u8c9d\u91cf\u8eab\u6253\u9020\u5c08\u5c6c\u7684\u8000\u773c\u9b45\u529b\uff01<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"dg-cta-btn-wrap\">\r\n                        <button class=\"dg-btn-large\">\r\n                            \u5e36\u5bf6\u8c9d\u4f86\u8b8a\u6f02\u4eae\uff01\u7acb\u5373 LINE \u9810\u7d04\r\n                        <\/button>\r\n                        <div class=\"dg-line-icon-badge\"><i class=\"fa-brands fa-line\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <i class=\"fa-solid fa-paw dg-decor-paw p-cta-1\"><\/i>\r\n                <i class=\"fa-solid fa-paw dg-decor-paw p-cta-2\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"dg-features-bottom\">\r\n        <div class=\"dg-container dg-features-grid\">\r\n            <div class=\"dg-feature-b-item\">\r\n                <i class=\"fa-solid fa-scissors dg-feature-b-icon\"><\/i>\r\n                <div class=\"dg-feature-b-text\">\r\n                    <h5>\u5c08\u696d\u8077\u4eba\u7f8e\u5bb9<\/h5>\r\n                    <p>\u7d30\u7bc0\u8981\u6c42\u30fb\u7cbe\u7dfb\u96d5\u5851<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dg-feature-b-item\">\r\n                <i class=\"fa-solid fa-shield-dog dg-feature-b-icon\"><\/i>\r\n                <div class=\"dg-feature-b-text\">\r\n                    <h5>ISB \u9802\u7d1a\u6d17\u5291<\/h5>\r\n                    <p>\u7fa9\u5927\u5229\u539f\u88dd\u30fb\u76ae\u6bdb\u5c08\u696d\u8abf\u7406<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dg-feature-b-item\">\r\n                <i class=\"fa-solid fa-hands-holding-child dg-feature-b-icon\"><\/i>\r\n                <div class=\"dg-feature-b-text\">\r\n                    <h5>\u5b89\u5fc3\u6eab\u67d4\u5c0d\u5f85<\/h5>\r\n                    <p>\u7528\u5fc3\u5475\u8b77\u30fb\u6e1b\u5c11\u58d3\u529b<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dg-feature-b-item\">\r\n                <i class=\"fa-solid fa-user-doctor dg-feature-b-icon\"><\/i>\r\n                <div class=\"dg-feature-b-text\">\r\n                    <h5>\u4e00\u5c0d\u4e00\u5c08\u5c6c\u670d\u52d9<\/h5>\r\n                    <p>\u5ba2\u88fd\u9020\u578b\u30fb\u5c08\u5c6c\u5efa\u8b70<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ Before\/After \u4e92\u52d5\u6ed1\u52d5\u689d\r\n    const sliders = document.querySelectorAll('.dg-ba-container');\r\n    \r\n    sliders.forEach(slider => {\r\n        const beforeImg = slider.querySelector('.dg-ba-before');\r\n        const handle = slider.querySelector('.dg-ba-slider-handle');\r\n        let isDragging = false;\r\n\r\n        const updateSlider = (clientX) => {\r\n            const rect = slider.getBoundingClientRect();\r\n            let x = clientX - rect.left;\r\n            \r\n            if (x < 0) x = 0;\r\n            if (x > rect.width) x = rect.width;\r\n            \r\n            let percent = (x \/ rect.width) * 100;\r\n            \r\n            beforeImg.style.clipPath = `polygon(0 0, ${percent}% 0, ${percent}% 100%, 0 100%)`;\r\n            handle.style.left = `${percent}%`;\r\n        };\r\n\r\n        slider.addEventListener('mousedown', (e) => {\r\n            isDragging = true;\r\n            updateSlider(e.clientX);\r\n        });\r\n        window.addEventListener('mouseup', () => isDragging = false);\r\n        window.addEventListener('mousemove', (e) => {\r\n            if (isDragging) updateSlider(e.clientX);\r\n        });\r\n\r\n        slider.addEventListener('touchstart', (e) => {\r\n            isDragging = true;\r\n            updateSlider(e.touches[0].clientX);\r\n        }, {passive: true});\r\n        window.addEventListener('touchend', () => isDragging = false);\r\n        window.addEventListener('touchmove', (e) => {\r\n            if (isDragging) updateSlider(e.touches[0].clientX);\r\n        }, {passive: true});\r\n    });\r\n\r\n    \/\/ \u4f5c\u54c1\u7246\u5206\u985e\u7be9\u9078\r\n    const filterBtns = document.querySelectorAll('.dg-filter-btn');\r\n    const galleryItems = document.querySelectorAll('.dg-gallery-item');\r\n\r\n    filterBtns.forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n            filterBtns.forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n\r\n            const filterValue = btn.getAttribute('data-filter');\r\n\r\n            galleryItems.forEach(item => {\r\n                if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\r\n                    item.style.display = 'block';\r\n                    setTimeout(() => { item.style.opacity = '1'; item.style.transform = 'scale(1)'; }, 50);\r\n                } else {\r\n                    item.style.opacity = '0';\r\n                    item.style.transform = 'scale(0.8)';\r\n                    setTimeout(() => { item.style.display = 'none'; }, 300);\r\n                }\r\n            });\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/love-doggy.com\/?page_id=2282\" class=\"more-link\">Read More <span class=\"screen-reader-text\"> &#8220;\u4f5c\u54c1\u96c6&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2282","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/love-doggy.com\/?page_id=2282\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"zh_TW\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d - \u5f9e 2012 \u5e74\u81f3\u4eca\uff0c\u6211\u5011\u6df1\u77e5\u6bcf\u4e00\u4efd\u4fe1\u4efb\u7684\u91cd\u91cf\u3002\u5728 Doggy Doggy\uff0c\u6211\u5011\u4e0d\u53ea\u7f8e\u5bb9\uff0c\u66f4\u662f\u5728\u7e8c\u5beb\u60a8\u8207\u7260\u7684\u5e78\u798f\u7bc7\u7ae0\u3002\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\u4f5c\u54c1\u96c6 - Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d\" \/>\n\t\t<meta property=\"og:description\" content=\"Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/love-doggy.com\/?page_id=2282\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/love-doggy.com\/wp-content\/uploads\/2018\/07\/logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/love-doggy.com\/wp-content\/uploads\/2018\/07\/logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"64\" \/>\n\t\t<meta property=\"og:image:height\" content=\"26\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-06-24T08:03:55+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-24T08:43:15+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"\u4f5c\u54c1\u96c6 - Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/love-doggy.com\/wp-content\/uploads\/2018\/07\/logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/love-doggy.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/love-doggy.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282#listItem\",\"name\":\"\\u4f5c\\u54c1\\u96c6\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282#listItem\",\"position\":2,\"name\":\"\\u4f5c\\u54c1\\u96c6\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/love-doggy.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/love-doggy.com\\\/#organization\",\"name\":\"Doggy Doggy \\u5bf5\\u7269\\u7f8e\\u5b78\\u6c99\\u9f8d\",\"description\":\"\\u5f9e 2012 \\u5e74\\u81f3\\u4eca\\uff0c\\u6211\\u5011\\u6df1\\u77e5\\u6bcf\\u4e00\\u4efd\\u4fe1\\u4efb\\u7684\\u91cd\\u91cf\\u3002\\u5728 Doggy Doggy\\uff0c\\u6211\\u5011\\u4e0d\\u53ea\\u7f8e\\u5bb9\\uff0c\\u66f4\\u662f\\u5728\\u7e8c\\u5beb\\u60a8\\u8207\\u7260\\u7684\\u5e78\\u798f\\u7bc7\\u7ae0\\u3002\",\"url\":\"https:\\\/\\\/love-doggy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/love-doggy.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-S__10125375.jpg\",\"@id\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282\\\/#organizationLogo\",\"width\":1120,\"height\":1121},\"image\":{\"@id\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282#webpage\",\"url\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282\",\"name\":\"\\u4f5c\\u54c1\\u96c6 - Doggy Doggy \\u5bf5\\u7269\\u7f8e\\u5b78\\u6c99\\u9f8d\",\"description\":\"Doggy Doggy Your pets, our care \\u9996\\u9801 \\u95dc\\u65bc\\u6211\\u5011 \\u670d\\u52d9\\u9805\\u76ee \\u8077\\u4eba\\u4f5c\\u54c1\\u96c6 \\u5bf5\\u7269\\u77e5\\u8b58\",\"inLanguage\":\"zh-TW\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/love-doggy.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/love-doggy.com\\\/?page_id=2282#breadcrumblist\"},\"datePublished\":\"2026-06-24T08:03:55+00:00\",\"dateModified\":\"2026-06-24T08:43:15+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/love-doggy.com\\\/#website\",\"url\":\"https:\\\/\\\/love-doggy.com\\\/\",\"name\":\"Doggy Doggy \\u5bf5\\u7269\\u7f8e\\u5b78\\u6c99\\u9f8d\",\"description\":\"\\u5f9e 2012 \\u5e74\\u81f3\\u4eca\\uff0c\\u6211\\u5011\\u6df1\\u77e5\\u6bcf\\u4e00\\u4efd\\u4fe1\\u4efb\\u7684\\u91cd\\u91cf\\u3002\\u5728 Doggy Doggy\\uff0c\\u6211\\u5011\\u4e0d\\u53ea\\u7f8e\\u5bb9\\uff0c\\u66f4\\u662f\\u5728\\u7e8c\\u5beb\\u60a8\\u8207\\u7260\\u7684\\u5e78\\u798f\\u7bc7\\u7ae0\\u3002\",\"inLanguage\":\"zh-TW\",\"publisher\":{\"@id\":\"https:\\\/\\\/love-doggy.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\u4f5c\u54c1\u96c6 - Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d","description":"Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58","canonical_url":"https:\/\/love-doggy.com\/?page_id=2282","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/love-doggy.com\/?page_id=2282#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/love-doggy.com#listItem","position":1,"name":"Home","item":"https:\/\/love-doggy.com","nextItem":{"@type":"ListItem","@id":"https:\/\/love-doggy.com\/?page_id=2282#listItem","name":"\u4f5c\u54c1\u96c6"}},{"@type":"ListItem","@id":"https:\/\/love-doggy.com\/?page_id=2282#listItem","position":2,"name":"\u4f5c\u54c1\u96c6","previousItem":{"@type":"ListItem","@id":"https:\/\/love-doggy.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/love-doggy.com\/#organization","name":"Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d","description":"\u5f9e 2012 \u5e74\u81f3\u4eca\uff0c\u6211\u5011\u6df1\u77e5\u6bcf\u4e00\u4efd\u4fe1\u4efb\u7684\u91cd\u91cf\u3002\u5728 Doggy Doggy\uff0c\u6211\u5011\u4e0d\u53ea\u7f8e\u5bb9\uff0c\u66f4\u662f\u5728\u7e8c\u5beb\u60a8\u8207\u7260\u7684\u5e78\u798f\u7bc7\u7ae0\u3002","url":"https:\/\/love-doggy.com\/","logo":{"@type":"ImageObject","url":"https:\/\/love-doggy.com\/wp-content\/uploads\/2026\/04\/cropped-S__10125375.jpg","@id":"https:\/\/love-doggy.com\/?page_id=2282\/#organizationLogo","width":1120,"height":1121},"image":{"@id":"https:\/\/love-doggy.com\/?page_id=2282\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/love-doggy.com\/?page_id=2282#webpage","url":"https:\/\/love-doggy.com\/?page_id=2282","name":"\u4f5c\u54c1\u96c6 - Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d","description":"Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58","inLanguage":"zh-TW","isPartOf":{"@id":"https:\/\/love-doggy.com\/#website"},"breadcrumb":{"@id":"https:\/\/love-doggy.com\/?page_id=2282#breadcrumblist"},"datePublished":"2026-06-24T08:03:55+00:00","dateModified":"2026-06-24T08:43:15+00:00"},{"@type":"WebSite","@id":"https:\/\/love-doggy.com\/#website","url":"https:\/\/love-doggy.com\/","name":"Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d","description":"\u5f9e 2012 \u5e74\u81f3\u4eca\uff0c\u6211\u5011\u6df1\u77e5\u6bcf\u4e00\u4efd\u4fe1\u4efb\u7684\u91cd\u91cf\u3002\u5728 Doggy Doggy\uff0c\u6211\u5011\u4e0d\u53ea\u7f8e\u5bb9\uff0c\u66f4\u662f\u5728\u7e8c\u5beb\u60a8\u8207\u7260\u7684\u5e78\u798f\u7bc7\u7ae0\u3002","inLanguage":"zh-TW","publisher":{"@id":"https:\/\/love-doggy.com\/#organization"}}]},"og:locale":"zh_TW","og:site_name":"Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d - \u5f9e 2012 \u5e74\u81f3\u4eca\uff0c\u6211\u5011\u6df1\u77e5\u6bcf\u4e00\u4efd\u4fe1\u4efb\u7684\u91cd\u91cf\u3002\u5728 Doggy Doggy\uff0c\u6211\u5011\u4e0d\u53ea\u7f8e\u5bb9\uff0c\u66f4\u662f\u5728\u7e8c\u5beb\u60a8\u8207\u7260\u7684\u5e78\u798f\u7bc7\u7ae0\u3002","og:type":"article","og:title":"\u4f5c\u54c1\u96c6 - Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d","og:description":"Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58","og:url":"https:\/\/love-doggy.com\/?page_id=2282","og:image":"https:\/\/love-doggy.com\/wp-content\/uploads\/2018\/07\/logo.png","og:image:secure_url":"https:\/\/love-doggy.com\/wp-content\/uploads\/2018\/07\/logo.png","og:image:width":64,"og:image:height":26,"article:published_time":"2026-06-24T08:03:55+00:00","article:modified_time":"2026-06-24T08:43:15+00:00","twitter:card":"summary_large_image","twitter:title":"\u4f5c\u54c1\u96c6 - Doggy Doggy \u5bf5\u7269\u7f8e\u5b78\u6c99\u9f8d","twitter:description":"Doggy Doggy Your pets, our care \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u8077\u4eba\u4f5c\u54c1\u96c6 \u5bf5\u7269\u77e5\u8b58","twitter:image":"https:\/\/love-doggy.com\/wp-content\/uploads\/2018\/07\/logo.png"},"aioseo_meta_data":{"post_id":"2282","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-06-24 07:59:46","updated":"2026-06-24 08:44:34","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/love-doggy.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t\u4f5c\u54c1\u96c6\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/love-doggy.com"},{"label":"\u4f5c\u54c1\u96c6","link":"https:\/\/love-doggy.com\/?page_id=2282"}],"_links":{"self":[{"href":"https:\/\/love-doggy.com\/index.php?rest_route=\/wp\/v2\/pages\/2282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/love-doggy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/love-doggy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/love-doggy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/love-doggy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2282"}],"version-history":[{"count":19,"href":"https:\/\/love-doggy.com\/index.php?rest_route=\/wp\/v2\/pages\/2282\/revisions"}],"predecessor-version":[{"id":2303,"href":"https:\/\/love-doggy.com\/index.php?rest_route=\/wp\/v2\/pages\/2282\/revisions\/2303"}],"wp:attachment":[{"href":"https:\/\/love-doggy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}