/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2026 | 11:48:39 */
/* 榛馨花藝｜電腦側欄 2026-09-25；原生選單「榛馨花藝｜頂部主選單」為內容來源（與手機版同一份） */
.zx-desk-head,.zx-desk-intro,.zx-desk-footer,.zx-desk-backdrop,.zx-desk-subtoggle,.zx-desk-detail{display:none}
@media(min-width:1025px){
#zx-desktop-nav.zx-desktop-nav{width:60px!important;max-width:calc(100vw - 48px);top:var(--wd-admin-bar-h,0px);height:calc(100dvh - var(--wd-admin-bar-h,0px));bottom:0;display:flex;flex-direction:column;background:#fffaf5;border:0;box-shadow:inset -1px 0 #e7d8cc;overflow:hidden;z-index:1010;transition:width .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:#59493f}
#zx-desktop-nav.zx-desktop-nav.zx-desk-open{width:360px!important;border-radius:0 22px 22px 0;box-shadow:14px 0 54px #3b2c232b;overscroll-behavior:contain}
#zx-desktop-nav::after,#zx-desktop-nav>.wd-sticky-nav-title{display:none!important}
#zx-desktop-nav .zx-desk-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;height:72px;padding:14px 8px;border-bottom:1px solid #eadbd0;gap:12px}
#zx-desktop-nav.zx-desk-open .zx-desk-head{height:88px;padding:20px}
#zx-desktop-nav .zx-desk-brand{display:none;min-width:0}#zx-desktop-nav.zx-desk-open .zx-desk-brand{display:block}#zx-desktop-nav .zx-desk-brand img{display:block;width:184px;height:auto;margin:0;padding:0;max-width:100%}
#zx-desktop-nav .zx-desk-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid #796352;border-radius:13px;background:#796352;color:#fffaf5;cursor:pointer;box-shadow:none}#zx-desktop-nav .zx-desk-toggle svg{width:22px;height:22px}#zx-desktop-nav .zx-desk-cross{display:none}#zx-desktop-nav.zx-desk-open .zx-desk-toggle{border-radius:50%;border-color:#e2d0c1;background:#f4e9df;color:#705946}#zx-desktop-nav.zx-desk-open .zx-desk-grid{display:none}#zx-desktop-nav.zx-desk-open .zx-desk-cross{display:block}
#zx-desktop-nav .zx-desk-intro{flex:0 0 auto;padding:20px 24px 12px}#zx-desktop-nav.zx-desk-open .zx-desk-intro{display:block}#zx-desktop-nav .zx-desk-intro h2{margin:0 0 5px;font-size:23px;font-weight:800;line-height:1.4;color:#59493f}#zx-desktop-nav .zx-desk-intro p{margin:0 0 14px;font-size:12px;line-height:1.6;font-weight:600;color:#897366}#zx-desktop-nav .zx-desk-shop{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:9px 13px;border:1px solid #e6d6c9;border-radius:10px;background:#f4e9df;color:#705946;font-size:13px;font-weight:800}#zx-desktop-nav .zx-desk-shop svg{width:17px;height:17px}
#zx-desktop-nav.zx-desktop-nav>.wd-nav-sticky{flex:1 1 auto;min-height:0;display:block;width:100%;margin:0;padding:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;pointer-events:auto!important}#zx-desktop-nav.zx-desk-open>.wd-nav-sticky{padding:0 18px 12px;scrollbar-width:thin;scrollbar-color:#d4bfad transparent}
#zx-desktop-nav.zx-desktop-nav>.wd-nav-sticky>li{display:block;position:relative;width:100%;margin:0;padding:4px 0;border:0;border-bottom:1px solid transparent}#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li{padding:6px 0;border-bottom-color:#eaded4}#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li:last-child{border-bottom:0}
#zx-desktop-nav.zx-desktop-nav>.wd-nav-sticky>li>a{display:flex;align-items:center;gap:13px;width:100%;height:44px;min-height:44px;margin:0;padding:0;border:0!important;border-radius:11px;box-shadow:none!important;line-height:1.4;font-size:16px;font-weight:800;white-space:normal;color:#59493f;background:transparent}
#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li>a{height:auto;min-height:62px;padding:10px 7px}#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li.zx-has-sub>a{padding-right:45px}
#zx-desktop-nav.zx-desktop-nav>.wd-nav-sticky>li>a::after{display:none!important}#zx-desktop-nav .zx-desk-symbol{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#f2e7dc;color:#90725c}#zx-desktop-nav .zx-desk-symbol svg{width:23px;height:23px}
#zx-desktop-nav.zx-desktop-nav>.wd-nav-sticky>li>a .wd-nav-img{--nav-img-width:27px;--nav-img-height:27px;display:block;flex:none;width:27px;height:27px;margin:0;padding:0;object-fit:contain}
#zx-desktop-nav.zx-desktop-nav:not(.zx-desk-open) .nav-link-text{display:none!important}#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li>a .nav-link-text{display:block!important;max-width:none;width:auto;opacity:1;min-width:0;margin:0;line-height:1.4}
#zx-desktop-nav.zx-desk-open .zx-desk-detail{display:block;margin-top:3px;font-size:11px;font-weight:600;line-height:1.5;color:#897366}
#zx-desktop-nav.zx-desktop-nav>.wd-nav-sticky>li>a:is(:hover,:focus-visible),#zx-desktop-nav.zx-desktop-nav>.wd-nav-sticky>li.current-menu-item>a{background:#f5e9de;color:#594535}
#zx-desktop-nav .zx-desk-subtoggle{position:absolute;top:17px;right:0;width:40px;min-width:40px;height:40px;padding:0;border:1px solid #e5d4c6;border-radius:50%;background:#fffaf5;color:#846a57;box-shadow:none;align-items:center;justify-content:center;cursor:pointer}#zx-desktop-nav.zx-desk-open .zx-desk-subtoggle{display:flex}#zx-desktop-nav .zx-desk-subtoggle svg{width:17px;height:17px;transition:transform .18s ease}#zx-desktop-nav .zx-desk-subtoggle[aria-expanded=true]{background:#efdfd1}#zx-desktop-nav .zx-desk-subtoggle[aria-expanded=true] svg{transform:rotate(180deg)}
#zx-desktop-nav.zx-desktop-nav .wd-nav-sticky .wd-dropdown-menu,#zx-desktop-nav.zx-desktop-nav .wd-nav-sticky .sub-sub-menu{display:none!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0;padding:0;border:0;border-radius:0;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto;box-shadow:none;background:transparent;animation:none}
#zx-desktop-nav.zx-desktop-nav .wd-dropdown-menu>.container{width:100%;min-width:0;max-width:none;padding:0;margin:0}/* 子分類｜白底清單＋分隔線（B 款，與手機選單一致） */
#zx-desktop-nav.zx-desktop-nav .wd-nav-sticky .wd-sub-menu{width:auto;min-width:0;margin:4px 0 10px;padding:0;border:1px solid #eee4db;border-radius:14px;background:#fff;box-shadow:none;overflow:hidden}
#zx-desktop-nav.zx-desktop-nav .wd-sub-menu li{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-top:1px solid #f3ebe3}#zx-desktop-nav.zx-desktop-nav .wd-sub-menu li:first-child{border-top:0}
#zx-desktop-nav.zx-desktop-nav .wd-sub-menu li>a{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;height:auto;padding:0 40px 0 16px;border:0;border-radius:0;white-space:normal;line-height:1.45;font-size:14px;font-weight:700;color:#5d4a3e;background:#fff;transition:background-color .15s ease}
#zx-desktop-nav .wd-sub-menu li>a::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#c9a88c}
#zx-desktop-nav .wd-sub-menu li>a::after{content:""!important;display:block!important;position:absolute;top:50%;right:18px;width:7px;height:7px;margin-top:-4px;border-top:2px solid #b39a86;border-right:2px solid #b39a86;transform:rotate(45deg);font-family:inherit!important}#zx-desktop-nav .wd-sub-menu li.zx-has-sub>a::after{display:none!important}
#zx-desktop-nav .wd-sub-menu li>a:is(:hover,:focus-visible){background:#faf5f0;color:#3f2f24}#zx-desktop-nav .wd-sub-menu li>a:active,#zx-desktop-nav .wd-sub-menu li.current-menu-item>a{background:#f3ebe3;color:#3f2f24}
#zx-desktop-nav.zx-desktop-nav .wd-sub-menu :is(.wd-sub-menu,.sub-sub-menu){display:none!important;margin:0;padding:0;border:0;border-top:1px solid #f3ebe3;border-radius:0;background:#fcf8f4}#zx-desktop-nav .wd-sub-menu :is(.wd-sub-menu,.sub-sub-menu) li>a{padding-left:34px;font-size:13.5px;background:transparent}
#zx-desktop-nav.zx-desktop-nav.zx-desk-open .zx-sub-open>.wd-dropdown-menu,#zx-desktop-nav.zx-desktop-nav.zx-desk-open .zx-sub-open>.wd-sub-menu,#zx-desktop-nav.zx-desktop-nav.zx-desk-open .zx-sub-open>.sub-sub-menu{display:block!important}
#zx-desktop-nav .zx-desk-footer{display:block;flex:0 0 auto;padding:10px 8px 34px;border-top:1px solid #e5d6c9;background:#f4ebe2}#zx-desktop-nav .zx-desk-footfull{display:none}#zx-desktop-nav.zx-desk-open .zx-desk-footer{padding:16px 20px 34px}#zx-desktop-nav.zx-desk-open .zx-desk-footfull{display:block}#zx-desktop-nav .zx-desk-compact{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#796352;color:#fffaf5}#zx-desktop-nav .zx-desk-compact svg{width:21px;height:21px}#zx-desktop-nav.zx-desk-open .zx-desk-compact{display:none}
#zx-desktop-nav .zx-desk-footfull>p{margin:0 0 11px;font-size:12px;font-weight:700;color:#806958;line-height:1.5}#zx-desktop-nav .zx-desk-contacts{display:grid;grid-template-columns:1.1fr 1fr;gap:9px}#zx-desktop-nav .zx-desk-contacts a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1px solid #cbb4a1;border-radius:11px;background:#fffaf5;color:#6c5543;font-size:13px;font-weight:800;line-height:1.4}#zx-desktop-nav .zx-desk-contacts svg{width:18px;height:18px}#zx-desktop-nav .zx-desk-contacts a:first-child{background:#796352;color:#fffaf5;border-color:#796352}#zx-desktop-nav .zx-desk-contacts a:hover{background:#ede0d3;color:#594535}#zx-desktop-nav .zx-desk-contacts a:first-child:hover{background:#695341;color:#fff}
#zx-desktop-nav .zx-desk-help{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-top:10px;padding:11px 14px;border:1px solid #c8ad96;border-radius:11px;background:#efdfd0;font-size:14px;font-weight:800;color:#604a38;line-height:1.5;box-shadow:none}#zx-desktop-nav .zx-desk-help svg{width:16px;height:16px}#zx-desktop-nav .zx-desk-links{display:flex;justify-content:center;gap:20px;min-height:24px;align-items:center;margin-top:9px;font-size:12px;font-weight:700;color:#8a7464}
#zx-desktop-nav :is(a,button):focus-visible{outline:2px solid #927058!important;outline-offset:2px!important}#zx-desktop-nav .zx-desk-toggle:hover,#zx-desktop-nav .zx-desk-subtoggle:hover{filter:brightness(.97)}
.zx-desk-backdrop{display:block;position:fixed;inset:var(--wd-admin-bar-h,0px) 0 0 60px;z-index:1009;background:rgba(45,34,26,.3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.zx-desk-backdrop.zx-visible{opacity:1;visibility:visible;pointer-events:auto}
@media(max-height:760px){#zx-desktop-nav.zx-desk-open .zx-desk-head{height:74px;padding:15px 20px}#zx-desktop-nav .zx-desk-intro{padding-top:13px;padding-bottom:9px}#zx-desktop-nav .zx-desk-intro h2{font-size:21px}#zx-desktop-nav .zx-desk-intro p{margin-bottom:10px}#zx-desktop-nav.zx-desk-open .zx-desk-footer{padding-top:12px;padding-bottom:34px}}
@media(prefers-reduced-motion:reduce){#zx-desktop-nav,.zx-desk-backdrop,#zx-desktop-nav *{transition:none!important}}
}
@media(min-width:1025px){body.zx-desktop-ready>.wd-close-side.wd-location-sticky-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#zx-desktop-nav.zx-desk-open>.zx-desk-head,#zx-desktop-nav.zx-desk-open>.zx-desk-intro,#zx-desktop-nav.zx-desk-open>.zx-desk-footer,#zx-desktop-nav.zx-desk-open>.wd-nav-sticky{width:360px;max-width:none;box-sizing:border-box}}
/* 2026-09-25: desktop ownership and browser status-bar clearance */
@media(min-width:1025px){
.mobile-nav.wd-side-hidden-nav{display:none!important}
#zx-desktop-nav .zx-desk-help:hover{background:#f8eee5;border-color:#b8977c;color:#594535}
#zx-desktop-nav .zx-desk-help:focus-visible{outline-offset:3px!important}
#zx-desktop-nav .zx-desk-footer{padding-bottom:max(34px,env(safe-area-inset-bottom))}
}
/* 2026-09-25: rounded scroll edge and inset disclosure controls */
@media(min-width:1025px){
#zx-desktop-nav.zx-desktop-nav.zx-desk-open>.wd-nav-sticky{width:calc(100% - 36px)!important;max-width:324px;margin:0 18px;padding:8px 0 12px;border-radius:12px;scroll-padding-block:8px;scroll-snap-type:y proximity}
#zx-desktop-nav.zx-desk-open .wd-nav-sticky li>a{scroll-snap-align:start;scroll-margin-block:6px}
#zx-desktop-nav.zx-desk-open .wd-nav-sticky a:focus-visible{outline-offset:-3px!important}
#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li.zx-has-sub>a{padding-right:62px}
#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li>.zx-desk-subtoggle{right:10px;top:17px;width:40px;min-width:40px;height:40px;min-height:40px!important;max-height:40px}
#zx-desktop-nav.zx-desk-open .wd-sub-menu li.zx-has-sub>a{padding-right:48px}
#zx-desktop-nav.zx-desk-open .wd-sub-menu .zx-desk-subtoggle{right:6px;top:3px;width:34px;min-width:34px;height:34px;min-height:34px!important;max-height:34px}
#zx-desktop-nav.zx-desk-open>.wd-nav-sticky>li:has(>.zx-desk-subtoggle:is(:hover,:focus-visible))>a{background:#f5e9de;color:#594535}
}
/* 2026-09-26：打開選單時不延遲；按鈕只保留顏色過場，尺寸與形狀立即到位 */
@media(min-width:1025px){#zx-desktop-nav :is(.zx-desk-toggle,.zx-desk-subtoggle,.zx-desk-brand,.zx-desk-shop,.zx-desk-compact,.zx-desk-help,.zx-desk-contacts a,.zx-desk-links a){transition:background-color .15s ease,color .15s ease,border-color .15s ease!important}}

/* 側欄收合時的提示框（取代瀏覽器原生 title；由「電腦側邊選單展開與操作」JS 定位，僅電腦版） */
.zx-desk-tip{position:fixed;z-index:1201;transform:translate(-6px,-50%);padding:7px 12px;border-radius:8px;background:#5d534c;color:#fff;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.04em;white-space:nowrap;box-shadow:0 8px 20px rgba(93,83,76,.2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,transform .14s,visibility 0s linear .14s;}
.zx-desk-tip::before{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border:5px solid transparent;border-right-color:#5d534c;}
.zx-desk-tip.zx-desk-tip-on{opacity:1;visibility:visible;transform:translate(0,-50%);transition:opacity .14s,transform .14s,visibility 0s;}
@media (prefers-reduced-motion:reduce){.zx-desk-tip{transition:none;}}

/* ZX RAIL ICON CENTER 2026-10-09：側欄收合時圖示置中，滑過不再多出右側 4px 底色 */
@media (min-width:1025px){
#zx-desktop-nav.zx-desktop-nav:not(.zx-desk-open)>.wd-nav-sticky>li>a{justify-content:center;gap:0}
#zx-desktop-nav.zx-desktop-nav:not(.zx-desk-open)>.wd-nav-sticky>li>a:is(:hover,:focus-visible),
#zx-desktop-nav.zx-desktop-nav:not(.zx-desk-open)>.wd-nav-sticky>li.current-menu-item>a{background:transparent}
#zx-desktop-nav.zx-desktop-nav:not(.zx-desk-open)>.wd-nav-sticky>li>a:is(:hover,:focus-visible) .zx-desk-symbol,
#zx-desktop-nav.zx-desktop-nav:not(.zx-desk-open)>.wd-nav-sticky>li.current-menu-item>a .zx-desk-symbol{color:#594535}
}
/* END ZX RAIL ICON CENTER */