/* ── 結構修正（kit）── */ .fd .elementor-widget-text-editor p{margin:0 0 .85em} .fd .elementor-widget-text-editor p:last-child{margin-bottom:0} .fd ul,.fd ol{margin:0;padding:0;list-style:none} .fd .elementor-widget:not(:last-child){margin-bottom:0;margin-block-end:0} .fd-2col{columns:2;column-gap:24px}.fd-2col li{break-inside:avoid} @media (max-width:767px){.fd-2col{columns:1}} .fd-panel.e-con,.fd-static .fd-panel,.elementor-column.fd-panel>.elementor-widget-wrap{background:#fff;border:1px solid #DDD5C6;padding:30px 30px 26px!important} @media (max-width:767px){.fd-panel.e-con,.fd-static .fd-panel,.elementor-column.fd-panel>.elementor-widget-wrap{padding:24px 20px 20px!important}} @media (prefers-reduced-motion:reduce){.fd *{transition:none!important;animation:none!important}} .fd a:focus-visible{outline:2px solid #A98A55;outline-offset:3px} .fd .elementor-widget-text-editor a{color:#A98A55;text-decoration:underline;text-underline-offset:3px} .fd-dark .elementor-widget-text-editor a{color:#BFA06A} /* ── 通用元件（kit）── */ .fd-kv,.fd-cmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid #DDD5C6} .fd-kv caption,.fd-cmp caption{text-align:left;font:700 15px 'Noto Serif TC',serif;color:#A98A55;padding:0 0 10px;letter-spacing:1px} .fd-kv th,.fd-kv td,.fd-cmp th,.fd-cmp td{padding:14px 18px;border-bottom:1px solid #DDD5C6;text-align:left;vertical-align:top} .fd-kv th{width:150px;background:#ECE6DA;color:#1D211E;font-weight:700;white-space:nowrap} .fd-cmp thead th{background:#1D211E;color:#fff;font-weight:700} .fd-cmp tbody th{font:700 18px 'Noto Serif TC',serif;color:#A98A55;white-space:nowrap} .fd-steps{counter-reset:st;position:relative;max-width:760px} .fd-steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:1px;background:#DDD5C6} .fd-steps li{counter-increment:st;position:relative;padding:0 0 26px 66px} .fd-steps li::before{content:counter(st);position:absolute;left:0;top:-4px;width:43px;height:43px;border-radius:50%;background:#fff;border:1.5px solid #A98A55;color:#A98A55;display:flex;align-items:center;justify-content:center;font:700 17px 'Noto Serif TC',serif} .fd-steps strong{display:block;font:700 19px/1.6 'Noto Serif TC',serif;color:#1D211E} .fd-check li{position:relative;padding:7px 0 7px 30px} .fd-check li::before{content:"";position:absolute;left:4px;top:1.05em;width:10px;height:10px;background:#A98A55;transform:rotate(45deg)} .fd-tag{display:inline-block;font-size:13px;letter-spacing:1px;color:#A98A55;border:1px solid #A98A55;padding:2px 10px;margin-bottom:10px} .fd-quote{border-left:3px solid #A98A55;padding-left:14px;margin:0;color:#1D211E;font-style:normal} .fd .elementor-heading-title a{color:inherit;text-decoration:none;border-bottom:2px solid #DDD5C6} .fd .elementor-heading-title a:hover{color:#A98A55;border-bottom-color:#A98A55} @media (max-width:767px){ .fd-kv th{width:96px;padding:12px;white-space:normal}.fd-kv td{padding:12px} .fd-cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .fd-cmp,.fd-cmp tbody,.fd-cmp tr,.fd-cmp th,.fd-cmp td{display:block;width:100%} .fd-cmp{border:0;background:none} .fd-cmp caption{display:block;width:100%} .fd-cmp tr{background:#fff;border:1px solid #DDD5C6;margin-bottom:14px} .fd-cmp td{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:11px 18px} .fd-cmp td::before{color:#6B675E;font-size:14px} } @media (max-width:767px){.fd-cmp-1 td:nth-of-type(1)::before{content:"可以吃"}.fd-cmp-1 td:nth-of-type(2)::before{content:"不吃"}.fd-cmp-1 td:nth-of-type(3)::before{content:"常見情境"}} @media (max-width:767px){.fd-cmp-2 td:nth-of-type(1)::before{content:"組成方式"}.fd-cmp-2 td:nth-of-type(2)::before{content:"味道結構"}.fd-cmp-2 td:nth-of-type(3)::before{content:"適合時機"}} @media (max-width:767px){.fd-cmp-3 td:nth-of-type(1)::before{content:"foldie 菜色例子"}.fd-cmp-3 td:nth-of-type(2)::before{content:"搭配方向"}.fd-cmp-3 td:nth-of-type(3)::before{content:"無酒精選擇"}} @media (max-width:767px){.fd-cmp-4 td:nth-of-type(1)::before{content:"要注意什麼"}.fd-cmp-4 td:nth-of-type(2)::before{content:"以 foldie 為例"}} @media (max-width:767px){.fd-cmp-5 td:nth-of-type(1)::before{content:"可以吃"}.fd-cmp-5 td:nth-of-type(2)::before{content:"不吃"}.fd-cmp-5 td:nth-of-type(3)::before{content:"點餐時可以說"}} @media (max-width:767px){.fd-cmp-6 td:nth-of-type(1)::before{content:"代表菜"}.fd-cmp-6 td:nth-of-type(2)::before{content:"建議飲品"}.fd-cmp-6 td:nth-of-type(3)::before{content:"為什麼"}} /* ── 一頁式共用（onepage）── */ html{scroll-behavior:smooth} .fd[id],.fd [id]{scroll-margin-top:84px} .fd.fd-top{position:sticky!important;top:0;z-index:99;box-shadow:0 1px 0 #DDD5C6} body.admin-bar .fd-top{top:32px} .fd-site-header{position:sticky;top:0;z-index:999;display:block} body.admin-bar .fd-site-header{top:32px} .fd-site-header .fd-top{position:relative!important;top:0!important} @media (max-width:782px){body.admin-bar .fd-site-header{top:0}} .fd-flow.e-con{flex-direction:row!important;flex-wrap:wrap!important;align-content:center;align-items:center} .fd-flow.e-con>.elementor-widget,.fd-flow.e-con>.elementor-element{width:100%} .fd-flow.e-con>.elementor-widget.fd-inl,.fd .fd-inl{width:auto!important;max-width:100%;margin:0 12px 12px 0!important} .fd-static .fd-flow{flex-direction:row!important;flex-wrap:wrap!important;align-items:center} .fd-static .fd-flow>*{width:100%} .fd-static .fd-flow>.fd-inl{width:auto} .fd .elementor-button{transition:.2s} .fd-btn-ghost .elementor-button{background:#fff!important} .fd-btn-ghost .elementor-button:hover{background:#A98A55!important;color:#fff!important} .fd-btn-ic .elementor-button-text::before,.fd-static .fd-btn-ic .elementor-button::before{content:"";display:inline-block;width:1.15em;height:1.15em;margin-right:.5em;vertical-align:-.2em;background:var(--icw) center/contain no-repeat} .fd-btn-ghost.fd-btn-ic .elementor-button-text::before,.fd-static .fd-btn-ghost.fd-btn-ic .elementor-button::before{background-image:var(--ic)} .fd-btn-ghost.fd-btn-ic .elementor-button:hover .elementor-button-text::before{background-image:var(--icw)} .fd-nav .elementor-button{background:transparent!important;border:0!important;padding:8px 14px!important;font-weight:500!important} .fd-nav .elementor-button:hover{color:#A98A55!important} .fd-center,.fd-center p{text-align:center} /* 圖示：標題上方圓形（卡片，壓在圖片上）／大圓（流程）／行內 */ .fd-icon-c .elementor-heading-title::before{content:"";display:block;width:62px;height:62px;margin:-50px auto 14px;border-radius:50%;border:4px solid #fff;background:#ECE6DA var(--ic) center/28px no-repeat;position:relative;z-index:2} .fd-icon-big .elementor-heading-title::before{content:"";display:block;width:84px;height:84px;margin:0 auto 18px;border-radius:50%;background:#ECE6DA var(--ic) center/36px no-repeat;border:6px solid #F2EEE6} .fd-icon-inl .elementor-heading-title::before{content:"";display:inline-block;width:1.1em;height:1.1em;margin-right:.45em;vertical-align:-.16em;background:var(--ic) center/contain no-repeat} .fd-dark .fd-icon-inl .elementor-heading-title::before,.fd-foot .fd-icon-inl .elementor-heading-title::before{background-image:var(--icw)} .fd-info p{position:relative;display:flex;gap:14px;padding:9px 0 9px 36px;margin:0!important} .fd-info p::before{content:"";position:absolute;left:0;top:11px;width:22px;height:22px;background:var(--ic) center/contain no-repeat} .fd-info strong{flex:none;min-width:72px;color:#1D211E} .fd-info span{color:#6B675E} /* 卡片 */ .fd-card.e-con,.fd-static .fd-card,.elementor-column.fd-card>.elementor-widget-wrap{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(40,60,45,.07);padding:0 0 28px!important} .elementor-column.fd-card{padding:0 12px} .fd-card .elementor-widget-heading,.fd-card .elementor-widget-text-editor{padding:0 24px} .fd .fd-card-img img{width:100%;height:210px;object-fit:cover;display:block;border-radius:0} .fd-person.e-con,.fd-static .fd-person,.elementor-column.fd-person>.elementor-widget-wrap{display:grid!important;grid-template-columns:42% 1fr;column-gap:24px;align-content:center;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(40,60,45,.07);padding:0 22px 0 0!important} .elementor-column.fd-person{padding:0 12px} .fd-person>.elementor-widget-image,.fd-person>.elementor-widget-wrap>.elementor-widget-image,.fd-static .fd-person>.elementor-widget-image{grid-row:1/span 2;margin:0!important} .fd-person .elementor-widget-heading{align-self:end} .fd .fd-person-img img{width:100%;height:240px;object-fit:cover;display:block} .fd .fd-split-img img,.fd .fd-hero-img img{width:100%;border-radius:16px;display:block} .fd-steps-row{background:linear-gradient(90deg,transparent 19%,#DDD5C6 19%,#DDD5C6 81%,transparent 81%) no-repeat 0 42px/100% 1.5px} .elementor-section.fd-steps-row{background-position:0 52px} .fd-faq-wrap{max-width:780px;margin-left:auto!important;margin-right:auto!important;width:100%} .fd-faq .elementor-accordion-item{border-radius:10px;overflow:hidden;margin-bottom:12px;border:1px solid #DDD5C6!important} .fd-static .pg-acc details{border-radius:10px;margin:0 0 12px} .fd .fd-map iframe{border-radius:16px} .fd-foot .fd-nav .elementor-button{color:#E8E2D4!important} .fd-foot .fd-nav .elementor-button:hover{color:#fff!important} .fd-copy{border-top:1px solid rgba(255,255,255,.18);margin-top:18px!important;padding-top:14px;text-align:center} .fd-tag-r{text-align:right} @media (max-width:1024px){.fd-navcol{display:none!important}} @media (max-width:767px){ .fd-top .e-con.e-con,.fd-static .fd-top .e-con.m-col,.fd-top .elementor-row{flex-direction:row!important;flex-wrap:nowrap!important} .fd-top .fd-brandcol{width:auto!important;flex:1 1 auto} .fd-top .fd-ctacol{width:auto!important;flex:none} .fd-steps-row{background:none} .fd-fnav{justify-content:center} .fd-tag-r,.fd-foot .fd-fbrand{text-align:center} .fd-person.e-con,.fd-static .fd-person,.elementor-column.fd-person>.elementor-widget-wrap{grid-template-columns:38% 1fr;column-gap:16px;padding:0 16px 0 0!important} .elementor-column.fd-card,.elementor-column.fd-person{padding:0;margin-bottom:18px} } .fd-ic-steth{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 2.3A.3.3 0 1 0 5 2H4a2 2 0 0 0-2 2v5a6 6 0 0 0 12 0V4a2 2 0 0 0-2-2h-1a.2.2 0 1 0 .3.3'/%3E%3Cpath d='M8 15v1a6 6 0 0 0 12 0v-4'/%3E%3Ccircle cx='20' cy='10' r='2'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 2.3A.3.3 0 1 0 5 2H4a2 2 0 0 0-2 2v5a6 6 0 0 0 12 0V4a2 2 0 0 0-2-2h-1a.2.2 0 1 0 .3.3'/%3E%3Cpath d='M8 15v1a6 6 0 0 0 12 0v-4'/%3E%3Ccircle cx='20' cy='10' r='2'/%3E%3C/svg%3E")} .fd-ic-chat{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E")} .fd-ic-shield{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M9 12h6M12 9v6'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M9 12h6M12 9v6'/%3E%3C/svg%3E")} .fd-ic-cal{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E")} .fd-ic-users{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")} .fd-ic-file{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E")} .fd-ic-pin{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")} .fd-ic-clock{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")} .fd-ic-train{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='16' rx='3'/%3E%3Cpath d='M4 11h16M12 3v8M8 19l-2 3M18 22l-2-3M8 15h.01M16 15h.01'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='16' rx='3'/%3E%3Cpath d='M4 11h16M12 3v8M8 19l-2 3M18 22l-2-3M8 15h.01M16 15h.01'/%3E%3C/svg%3E")} .fd-ic-phone{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")} .fd-ic-leaf{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20c-4.5-.6-8-4-8-9.5 4.2.2 7.4 2.6 8 6'/%3E%3Cpath d='M12 20c4.5-.6 8-4 8-9.5-4.2.2-7.4 2.6-8 6'/%3E%3Cpath d='M12 20v-5'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20c-4.5-.6-8-4-8-9.5 4.2.2 7.4 2.6 8 6'/%3E%3Cpath d='M12 20c4.5-.6 8-4 8-9.5-4.2.2-7.4 2.6-8 6'/%3E%3Cpath d='M12 20v-5'/%3E%3C/svg%3E")} .fd-ic-heart{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")} .fd-ic-help{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E")} .fd-ic-mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")} .fd-ic-star{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E")} .fd-ic-check{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")} .fd-ic-award{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 12.9 17 22l-5-3-5 3 1.5-9.1'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 12.9 17 22l-5-3-5 3 1.5-9.1'/%3E%3C/svg%3E")} .fd-ic-home{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")} .fd-ic-arrow{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")} .fd-ic-chev{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")} .fd-ic-leaf2{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-14 15-15-1 10-7 15-15 15z'/%3E%3Cpath d='M5 19 14 10'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-14 15-15-1 10-7 15-15 15z'/%3E%3Cpath d='M5 19 14 10'/%3E%3C/svg%3E")} .fd-ic-glass{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l-1 6a5 5 0 0 1-10 0z'/%3E%3Cpath d='M12 14v6M8 21h8'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l-1 6a5 5 0 0 1-10 0z'/%3E%3Cpath d='M12 14v6M8 21h8'/%3E%3C/svg%3E")} .fd-ic-ig{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.6'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.6'/%3E%3C/svg%3E")} .fd-ic-menu2{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14v18H5z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14v18H5z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E")} .fd-ic-left{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 18l-6-6 6-6'/%3E%3C/svg%3E");--icw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 18l-6-6 6-6'/%3E%3C/svg%3E")} /* foldie 素食餐酒館 v1.1 高級感改版：近黑墨綠＋金、宣紙穿插、書法直排、1px 金線、直角。 * 動畫腳本在 fx/fd-fx.js（只在前台執行）。互動版面寫在 .fd-js 底下，Elementor 編輯器看到的是攤開、可逐區塊改字的樣子。 */ .fd{--black:#0E110F;--coal:#151A17;--coal2:#1C221E;--gold:#BFA06A;--gold2:#A98A55;--gold3:#8C6F40;--txt:#E8E2D4;--mut:#9A968A; --paper:#F2EEE6;--ink:#1D211E;--seal:#9E3326;--line:rgba(191,160,106,.28);--ease:cubic-bezier(.22,.61,.36,1); --cor:'Cormorant Garamond',Georgia,serif;--serif:'Noto Serif TC',serif;--kai:'LXGW WenKai TC','Noto Serif TC',serif} html{overflow-x:hidden} body{background:#0E110F;overflow-x:clip} .fd{position:relative} .fd>.e-con-inner{position:static} .fd p{margin:0 0 1em} .fd p:last-child{margin-bottom:0} .fd a{transition:color .3s} .fd-dark a{color:var(--gold)} .fd-center{text-align:center} .fd-note{font-size:12px!important;opacity:.75} .fd-flow{flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:0 14px} .fd-flow>.elementor-widget:not(.fd-inl),.fd-flow>.e-con{width:100%} .fd-i{display:inline-block;width:20px;height:20px;background:var(--ic) center/contain no-repeat;flex:0 0 auto} .fd-dark .fd-i{background-image:var(--icw)} .fd-abs{position:absolute!important;margin:0!important;pointer-events:none} .fd-abs a,.fd-abs button{pointer-events:auto} /* 標題 */ .fd-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase} .fd-eyebrow .elementor-heading-title::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6} .elementor-align-center.fd-eyebrow .elementor-heading-title,.fd-eyebrow[class*=center] .elementor-heading-title{justify-content:center} .fd-en .elementor-heading-title{text-transform:uppercase;font-family:var(--cor)!important} .fd-h2 .elementor-heading-title{font-weight:600!important} .fd-h3 small,.fd-h1 small{display:block} .fd-h3 small{font:500 11px/1.6 var(--cor);letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-top:4px} .fd-kai .elementor-heading-title{font-family:var(--kai)!important;font-weight:400!important} .fd-vt .elementor-heading-title{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap} .fd-def strong{font-weight:500;color:inherit} .fd-dark .fd-def strong{color:var(--txt)} .fd-def a{color:var(--gold)!important;text-decoration:none;border-bottom:1px solid rgba(191,160,106,.45)} .fd-body a{color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(169,138,85,.4)} .fd-dark .fd-body a{color:var(--gold)} /* 背景淡字 */ .fd-ghost-w{z-index:0} .fd-ghost{font:400 clamp(160px,20vw,300px)/1 var(--kai);color:rgba(232,226,212,.035);writing-mode:vertical-rl;letter-spacing:.05em;white-space:nowrap;user-select:none} .fd-gh-r,.fd-ghost-w:has(.fd-gh-r){} .fd-ghost-w:has(.fd-gh-r){right:2%;top:60px} .fd-ghost-w:has(.fd-gh-l){left:2%;top:120px} .fd-ghost-w:has(.fd-gh-r2){right:3%;bottom:40px} .fd-ghost-w:has(.fd-gh-l2){left:1%;bottom:40px} .fd-ghost-w:has(.fd-gh-r3){right:3%;top:40px} .fd-paper .fd-ghost,.fd-splitsec:not(.fd-dark) .fd-ghost{color:rgba(29,33,30,.04)} .fd>.e-con-inner>*:not(.fd-abs){position:relative;z-index:1} /* ══ 按鈕：直角 ══ */ .fd .elementor-button{font-weight:500!important;font-size:13.5px!important;letter-spacing:2px!important;border-radius:0!important;transition:all .45s var(--ease)} .fd .fd-btn-ic .elementor-button-text{display:inline-flex;align-items:center;gap:10px} .fd .fd-btn-ic .elementor-button-text::before{width:15px!important;height:15px!important;margin:0!important} .fd .fd-b-gold .elementor-button{background:var(--gold2)!important;border:1px solid var(--gold2)!important;color:#fff!important;padding:14px 26px!important} .fd .fd-b-gold .elementor-button-text::before{background-image:var(--icw)!important} .fd .fd-b-gold .elementor-button:hover{background:var(--gold3)!important;border-color:var(--gold3)!important} .fd .fd-b-line .elementor-button{background:transparent!important;border:1px solid rgba(191,160,106,.75)!important;color:var(--txt)!important;padding:13px 24px!important} .fd .fd-b-line .elementor-button-text::before{background-image:var(--icw)!important} .fd .fd-b-line .elementor-button:hover{background:rgba(191,160,106,.12)!important;border-color:var(--gold)!important;color:var(--gold)!important} .fd .fd-b-light .elementor-button{background:#F4EFE6!important;border:1px solid #F4EFE6!important;color:var(--ink)!important;padding:10px 18px!important} .fd .fd-b-light .elementor-button-text::before{background-image:var(--ic)!important;filter:brightness(.2)} .fd .fd-b-light .elementor-button:hover{background:var(--gold)!important;border-color:var(--gold)!important} .fd .fd-b-dark .elementor-button{background:transparent!important;border:1px solid var(--ink)!important;color:var(--ink)!important;padding:13px 24px!important} .fd .fd-b-dark .elementor-button-text::before{background-image:var(--ic)!important;filter:brightness(.2)} .fd-paper .fd-b-line .elementor-button,.fd:not(.fd-dark) .fd-b-line .elementor-button{color:var(--ink)!important;border-color:rgba(29,33,30,.45)!important} .fd:not(.fd-dark) .fd-b-line .elementor-button-text::before{background-image:var(--ic)!important;filter:brightness(.2)} /* ══ 頁首 ══ */ .fd-site-header{position:relative;z-index:50} .fd-site-header .fd-top{transition:background-color .5s,padding .5s;border-bottom:1px solid transparent} .fd-ov .fd-site-header:not(.is-scrolled) .fd-top{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(8,10,9,.75),rgba(8,10,9,0))!important} .fd-site-header.is-scrolled{position:sticky;top:0} body.admin-bar .fd-site-header:not(.is-scrolled){top:0!important;margin-top:0!important} body.admin-bar .fd-site-header.is-scrolled{top:32px!important} @media (max-width:782px){body.admin-bar .fd-site-header.is-scrolled{top:46px!important}} @media (max-width:600px){body.admin-bar .fd-site-header.is-scrolled{top:0!important}} .fd-site-header.is-scrolled .fd-top{background-color:rgba(14,17,15,.94)!important;backdrop-filter:blur(10px);border-bottom-color:var(--line);padding-top:10px!important;padding-bottom:10px!important} html .fd-logo img{height:48px!important;width:auto!important;transition:height .4s} html .is-scrolled .fd-logo img{height:40px!important} .fd-top .fd-navcol{justify-content:center;gap:0} .fd-top .fd-nav .elementor-button{font:400 14px/1.4 var(--serif)!important;letter-spacing:2.5px!important;padding:8px 13px!important;color:var(--txt)!important;position:relative} .fd-top .fd-nav .elementor-button::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .45s var(--ease)} .fd-top .fd-nav .elementor-button:hover{color:var(--gold)!important} .fd-top .fd-nav .elementor-button:hover::after{transform:scaleX(1)} .fd-top .fd-ctacol{justify-content:flex-end!important;flex-wrap:nowrap!important;gap:8px!important} .fd-top .fd-ctacol .elementor-button{font-size:12.5px!important;letter-spacing:1.5px!important;white-space:nowrap} /* ══ 1 主視覺 ══ */ .fd.fd-hero{min-height:100vh;justify-content:center;overflow:hidden} .fd.fd-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(14,17,15,.96) 0%,rgba(14,17,15,.86) 45%,rgba(14,17,15,.6) 100%),linear-gradient(0deg,rgba(14,17,15,1),rgba(14,17,15,0) 40%)} .fd-hrow{position:relative;z-index:2;align-items:center!important} .fd-hleft{flex-direction:row!important;align-items:flex-start!important;gap:30px!important} .fd-hleft>.fd-hkai{width:auto!important;flex:0 0 auto} .fd-hkai .elementor-heading-title{letter-spacing:.06em!important;text-shadow:0 0 40px rgba(191,160,106,.18)} .fd-htitle{flex:1;padding-top:10px!important} .fd-hen .elementor-heading-title{text-transform:uppercase;letter-spacing:.06em!important} .fd-h1 .elementor-heading-title{display:flex;flex-direction:column;gap:10px} .fd-h1 .fd-hook{font-size:19px;letter-spacing:.3em;color:var(--txt)} .fd-h1 .fd-kw{font:400 12px/1.6 'Noto Sans TC',sans-serif;letter-spacing:2px;color:var(--mut)} .fd-plates{position:relative;aspect-ratio:1;max-width:560px;padding:0!important;margin-left:auto} .fd .fd-plate{position:absolute!important;inset:0;margin:0!important;width:100%!important;opacity:0;transition:opacity 2s ease} .fd .fd-plate.is-on,.fd:not(.fd-prun) .fd-plate1{opacity:1} html .fd .fd-plate img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover; -webkit-mask:radial-gradient(circle at 50% 50%,#000 46%,transparent 69%);mask:radial-gradient(circle at 50% 50%,#000 46%,transparent 69%); animation:fdPlateSpin 90s linear infinite} @keyframes fdPlateSpin{to{transform:rotate(360deg)}} .fd-steam-w{inset:-20% 0 0 0;z-index:3;width:100%!important} .fd-steam-w .elementor-widget-container{position:absolute;inset:0} .fd-steam{position:absolute;inset:0;width:100%;height:100%} .fd-plate-ring{position:absolute;left:8%;top:28%;right:8%;aspect-ratio:1;border:1px solid rgba(191,160,106,.22);border-radius:50%} .fd-plate-ring::after{content:"";position:absolute;inset:-14px;border:1px dashed rgba(191,160,106,.14);border-radius:50%;animation:fdPlateSpin 120s linear infinite reverse} .fd-hdeco{inset:0;z-index:3;width:100%!important} .fd-hdeco .elementor-widget-container{position:absolute;inset:0} .fd-seal-sq{position:absolute;left:max(40px,calc((100% - 1320px)/2 + 40px));bottom:56px;width:30px;height:30px;display:grid;place-items:center;background:var(--seal);color:#F6E9DA;font:400 16px/1 var(--kai);font-style:normal} .fd-scroll{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--mut)!important;text-decoration:none!important} .fd-scroll span{writing-mode:vertical-rl;font:500 10px/1 var(--cor);letter-spacing:4px} .fd-scroll i{width:1px;height:70px;background:linear-gradient(var(--gold),transparent);animation:fdDrop 2.6s var(--ease) infinite;transform-origin:top} @keyframes fdDrop{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}} /* 主視覺進場 */ .fd-js .fd-hkai .elementor-heading-title{clip-path:inset(0 0 100% 0)} .fd-ready .fd-hkai .elementor-heading-title{clip-path:inset(0);transition:clip-path 2.2s cubic-bezier(.6,0,.2,1) .3s} .fd-js .fd-htitle>.elementor-widget{opacity:0;transform:translateY(18px)} .fd-ready .fd-htitle>.elementor-widget{opacity:1;transform:none;transition:opacity 1.2s ease,transform 1.2s var(--ease)} .fd-ready .fd-htitle>.elementor-widget:nth-child(2){transition-delay:.5s}.fd-ready .fd-htitle>.elementor-widget:nth-child(3){transition-delay:.8s} .fd-ready .fd-htitle>.elementor-widget:nth-child(4){transition-delay:1s}.fd-ready .fd-htitle>.elementor-widget:nth-child(n+5){transition-delay:1.2s} .fd-js .fd-plates{opacity:0;transform:scale(.92)} .fd-ready .fd-plates{opacity:1;transform:none;transition:opacity 2s ease .6s,transform 2.4s var(--ease) .6s} /* ══ 2 品牌故事 ══ */ .fd.fd-story{overflow:hidden} .fd-st-row{align-items:center!important} .fd-st-pics{position:relative;padding:0 18% 90px 0!important} html .fd-st-a img{width:100%;aspect-ratio:900/1100;object-fit:cover} .fd .fd-st-b{position:absolute!important;right:0;bottom:0;width:46%!important;margin:0!important;z-index:2} html .fd-st-b img{width:100%;aspect-ratio:900/1100;object-fit:cover;border:8px solid var(--coal)} .fd-frame-w{inset:0;z-index:3;width:100%!important} .fd-frame-w .elementor-widget-container{position:absolute;inset:0} .fd-frame{position:absolute;inset:-14px auto auto -14px;width:calc(82% + 0px);height:calc(100% - 90px + 28px)} .fd-frame::before,.fd-frame::after{content:"";position:absolute;border:1px solid rgba(191,160,106,.55);inset:0;clip-path:inset(0 100% 100% 0)} .fd-split-pic .fd-frame{width:calc(100% + 28px);height:calc(100% + 28px)} .is-in .fd-frame::before{clip-path:inset(0 0 0 0);transition:clip-path 2.4s cubic-bezier(.6,0,.2,1) .3s} .fd-js .fd-st-a img,.fd-js .fd-sp-img img{clip-path:inset(0 0 100% 0)} .is-in .fd-st-a img,.is-in .fd-sp-img img{clip-path:inset(0);transition:clip-path 1.6s cubic-bezier(.7,0,.2,1)} .fd-js .fd-st-b{opacity:0;transform:translateY(40px)} .fd-story.is-in .fd-st-b{opacity:1;transform:none;transition:all 1.4s var(--ease) 1s} .fd-st-en .elementor-heading-title{font-style:italic;text-transform:none!important;letter-spacing:.2em!important} .fd-stats{margin-top:80px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .fd-stat{padding:34px 10px!important;border-right:1px solid var(--line)} .fd-stat:last-child{border-right:0} .fd-stat-n .elementor-heading-title{font-style:italic} /* ══ 3 招牌輪播 ══ */ .fd.fd-sig{overflow:hidden} .fd-sig-head{max-width:680px;margin:0 auto 60px!important} .fd-dotw{position:relative!important;inset:auto;width:100%!important;height:10px;margin-bottom:10px!important} .fd-dot{position:absolute;left:50%;top:0;width:6px;height:6px;margin-left:-3px;background:var(--seal);transform:rotate(45deg)} .fd-sig-h .elementor-heading-title{display:inline-flex;align-items:center;gap:20px} .fd-car{position:relative;overflow:hidden;padding:20px 0 10px} .fd-car-track{display:flex;align-items:center;gap:36px;transition:transform 1.1s var(--ease);will-change:transform} .fd-ci{flex:0 0 220px;text-align:center;opacity:.55;transition:opacity .8s,transform 1.1s var(--ease)} .fd-ci figure{margin:0 0 18px;overflow:hidden;aspect-ratio:7/9;background:#111} .fd-ci img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)} .fd-ci-t{font:600 15px/1.5 var(--serif);color:var(--txt);letter-spacing:3px;margin:0 0 4px!important;padding-left:14px;border-left:1px solid var(--gold);display:inline-block} .fd-ci-e{font:500 10.5px/1.5 var(--cor);letter-spacing:3px;color:var(--mut);margin:0!important} .fd-ci.is-c{opacity:1;transform:scale(1.32);z-index:2} .fd-ci.is-c img{transform:scale(1.04)} .fd-ci.is-c .fd-ci-t,.fd-ci.is-c .fd-ci-e{transform:scale(.76)} .fd-car-ctrl{display:flex;justify-content:center;gap:14px;margin-top:70px} .fd-car-ctrl a{width:46px;height:46px;border:1px solid rgba(191,160,106,.55);border-radius:50%;display:grid;place-items:center;transition:all .4s} .fd-car-ctrl a:hover{background:var(--gold2);border-color:var(--gold2)} .fd-car-ctrl .fd-i{width:16px;height:16px;background-image:var(--icw)} html:not(.fd-js) .fd-car-track{overflow-x:auto} .fd-sig-foot{justify-content:center!important;margin-top:44px!important;text-align:center} .fd-sig-foot>.elementor-widget{width:auto!important} .fd-sig-foot>.fd-body{width:100%!important;margin-top:16px!important} /* ══ 4 用餐體驗 ══ */ .fd.fd-exp{overflow:hidden} .fd-ex-row{gap:0!important} .fd-ex{position:relative;min-height:88vh;padding:0!important;overflow:hidden} .fd .fd-ex-img{position:absolute!important;inset:0;margin:0!important;width:100%!important;height:100%} .fd .fd-ex-img .elementor-widget-container{height:100%} html .fd-ex-img img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transform:scale(1.18);transition:transform 6s cubic-bezier(.2,.6,.3,1);filter:brightness(.62)} .fd-exp.is-in .fd-ex-img img{transform:scale(1.02)} .fd-ex:hover .fd-ex-img img{filter:brightness(.72)} .fd-ex-fx{inset:0;z-index:2;width:100%!important} .fd-ex-fx .elementor-widget-container{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,11,.9),rgba(10,12,11,0) 45%)} .fd-ex-c{position:absolute;right:16%;top:50%;transform:translateY(-50%);display:flex;flex-direction:row-reverse;gap:22px;align-items:flex-start} .fd-ex-big{writing-mode:vertical-rl;font:400 54px/1.1 var(--kai);color:#F4EFE6;letter-spacing:.2em} .fd-ex-poem{writing-mode:vertical-rl;font:500 15px/2 var(--serif);color:rgba(244,239,230,.88);letter-spacing:.35em;padding-top:8px} .fd-ex-enl{writing-mode:vertical-rl;font:500 10px/1 var(--cor);letter-spacing:4px;color:var(--gold);padding-top:10px;border-left:1px solid rgba(191,160,106,.6);padding-left:12px} .fd-ex-d{position:absolute;left:8%;right:8%;bottom:44px;margin:0!important;color:rgba(232,226,212,.82);font-size:13.5px;line-height:1.9;padding-top:18px;border-top:1px solid rgba(191,160,106,.4)} .fd-ex-sweep{position:absolute;top:0;bottom:0;left:-50%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,226,180,.14),transparent);transform:skewX(-14deg);mix-blend-mode:screen} .fd-exp.is-in .fd-ex-sweep{animation:fdSweep 3s ease forwards} .fd-exp.is-in .fd-ex2 .fd-ex-sweep{animation-delay:.6s} @keyframes fdSweep{to{left:130%}} .fd-js .fd-ex-big,.fd-js .fd-ex-poem{clip-path:inset(0 0 100% 0)} .fd-exp.is-in .fd-ex-big,.fd-exp.is-in .fd-ex-poem{clip-path:inset(0);transition:clip-path 2s cubic-bezier(.6,0,.2,1) .4s} .fd-exp.is-in .fd-ex-poem{transition-delay:1s} /* ══ 5 四個摺學 ══ */ .fd-ph-head{margin-bottom:60px!important} .fd-ph-card{gap:0!important;margin-bottom:26px!important;align-items:stretch!important;min-height:270px} .fd-ph-block{padding:44px 40px!important;justify-content:center!important} .fd-tone-fold{background:#2F3D2E}.fd-tone-mist{background:#24334A}.fd-tone-wine{background:#6B2A24}.fd-tone-white{background:#FFFFFF} .fd-ph-ch .elementor-heading-title{display:flex;align-items:center;gap:16px} .fd-ph-ch small{font:500 9.5px/1.4 var(--cor);letter-spacing:3px;padding-left:14px;border-left:1px solid currentColor;opacity:.75;writing-mode:horizontal-tb} .fd-ph-t{margin-top:14px!important} .fd-ph-t small{color:rgba(244,239,230,.7)!important;font-family:var(--serif)!important;letter-spacing:2px!important;font-size:12px!important} .fd-tone-white .fd-ph-t small{color:var(--mut)!important} .fd-ph-pic{padding:0!important;overflow:hidden} .fd .fd-ph-img{height:100%;margin:0!important} .fd .fd-ph-img .elementor-widget-container{height:100%} html .fd-ph-img img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform 1.8s var(--ease)} .fd-ph-card:hover .fd-ph-img img{transform:scale(1.05)} .fd-js .fd-ph-card{opacity:0;transform:translateX(-60px)} .fd-js .fd-ph-card:nth-child(odd){transform:translateX(60px)} .fd-philo.is-in .fd-ph-card{opacity:1;transform:none;transition:opacity 1.2s ease,transform 1.4s var(--ease)} .fd-philo.is-in .fd-ph2{transition-delay:.25s}.fd-philo.is-in .fd-ph3{transition-delay:.5s}.fd-philo.is-in .fd-ph4{transition-delay:.75s} .fd-js .fd-ph-ch .elementor-heading-title{filter:blur(10px);opacity:0} .fd-philo.is-in .fd-ph-ch .elementor-heading-title{filter:none;opacity:1;transition:all 1.6s ease 1s} .fd-tcard{padding:36px 30px!important;min-height:260px} .fd-tcards{gap:14px!important} /* ══ 6 微醺吧檯 ══ */ .fd.fd-drinks{overflow:hidden} .fd-bokeh-w{inset:0;z-index:0;width:100%!important} .fd-bokeh-w .elementor-widget-container{position:absolute;inset:0} .fd-bokeh,.fd-embers{position:absolute;inset:0;width:100%;height:100%} .fd-dk-row{align-items:flex-start!important} .fd-dk-side{flex-direction:row!important;gap:14px!important;align-items:flex-start!important;padding-top:6px!important} .fd-dk-side>.elementor-widget{width:auto!important} .fd-dk-vt .elementor-heading-title{writing-mode:vertical-rl;border-left:1px solid var(--line);padding-left:10px} .fd-dks{margin-bottom:46px!important;align-items:flex-start!important} html .fd-dk-img img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform 1.6s var(--ease)} .fd .fd-dk-img{overflow:hidden;margin-bottom:22px!important} .fd-dk:hover .fd-dk-img img{transform:scale(1.05)} .fd-dk2{margin-top:70px!important}.fd-dk3{margin-top:30px!important} .fd-dk-no .elementor-heading-title{font-style:italic} .fd-js .fd-dk{opacity:0;transform:translateY(50px)} .fd-drinks.is-in .fd-dk{opacity:1;transform:none;transition:all 1.3s var(--ease)} .fd-drinks.is-in .fd-dk2{transition-delay:.25s}.fd-drinks.is-in .fd-dk3{transition-delay:.5s} /* ══ 7 空間照片牆 ══ */ .fd.fd-gallery{overflow:hidden} .fd-g-head,.fd-j-head{align-items:flex-end!important;margin-bottom:54px!important} .fd-g-intro,.fd-j-intro{justify-content:flex-end!important;text-align:right} .fd-g-intro>.elementor-widget,.fd-j-intro>.elementor-widget{width:auto!important} .fd-g-intro>.fd-body,.fd-j-intro>.fd-body{width:100%!important} .fd-gal{display:grid;grid-template-columns:1.1fr 1.3fr 1fr;grid-template-rows:230px 230px 200px;gap:16px} .fd-g{position:relative;margin:0;overflow:hidden} .fd-g img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s var(--ease)} .fd-g:hover img{transform:scale(1.06)} .fd-g figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 12px;background:linear-gradient(0deg,rgba(10,12,11,.8),transparent);font:500 13px/1.4 var(--serif);letter-spacing:3px;color:#F4EFE6;opacity:0;transform:translateY(8px);transition:all .6s} .fd-g:hover figcaption{opacity:1;transform:none} .fd-g1{grid-row:1/3}.fd-g2{grid-row:1/2}.fd-g3{grid-row:1/3;grid-column:3}.fd-g4{grid-row:2/4;grid-column:2}.fd-g5{grid-row:3;grid-column:1}.fd-g6{grid-row:3;grid-column:3} .fd-js .fd-g img{filter:brightness(.08) saturate(.4)} .is-in .fd-g img{animation:fdRoomOn 1.8s linear forwards;animation-delay:calc(var(--gi,0) * .35s + .2s)} .fd-g2{--gi:1}.fd-g3{--gi:2}.fd-g4{--gi:3}.fd-g5{--gi:4}.fd-g6{--gi:5} @keyframes fdRoomOn{0%{filter:brightness(.08) saturate(.4)}8%{filter:brightness(.8) saturate(.9)}12%{filter:brightness(.12) saturate(.4)}24%{filter:brightness(.7) saturate(.85)}28%{filter:brightness(.25) saturate(.6)}45%,100%{filter:brightness(1) saturate(1)}} /* ══ 8 文章卡 ══ */ .fd-pcs{align-items:flex-start!important} .fd .fd-pc-img{overflow:hidden;margin-bottom:22px!important} html .fd-pc-img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.6s var(--ease)} .fd-pc:hover .fd-pc-img img{transform:scale(1.05)} .fd-pc-h a{color:var(--txt)!important;text-decoration:underline;text-decoration-color:rgba(191,160,106,.5);text-underline-offset:6px} .fd-pc-h a:hover{color:var(--gold)!important} .fd-js .fd-pc{opacity:0;transform:translateY(40px)} .is-in .fd-pc{opacity:1;transform:none;transition:all 1.2s var(--ease)} .is-in .fd-pc2{transition-delay:.2s}.is-in .fd-pc3{transition-delay:.4s} /* ══ 9 FAQ ══ */ .fd-faq-card{background:#fff;padding:10px 34px!important;border:1px solid #E6DED0} .fd .fd-faq .elementor-accordion-item{border:0!important;border-bottom:1px solid #EAE3D6!important} .fd .fd-faq .elementor-accordion-item:last-child{border-bottom:0!important} .fd .fd-faq .elementor-tab-title{padding:20px 4px!important} .fd .fd-faq .elementor-tab-title.elementor-active a{color:var(--seal)!important} .fd .fd-faq .elementor-tab-content{padding:0 4px 22px!important;border:0!important;font-size:14px!important;color:#5C584F!important;line-height:1.95!important} .fd .fd-faq .elementor-tab-content a{color:var(--gold3)} .is-in .fd-faq .elementor-accordion-item{opacity:1;transform:none;transition:all .8s var(--ease)} .is-in .fd-faq .elementor-accordion-item:nth-child(2){transition-delay:.08s}.is-in .fd-faq .elementor-accordion-item:nth-child(3){transition-delay:.16s} .is-in .fd-faq .elementor-accordion-item:nth-child(4){transition-delay:.24s}.is-in .fd-faq .elementor-accordion-item:nth-child(5){transition-delay:.32s} .is-in .fd-faq .elementor-accordion-item:nth-child(6){transition-delay:.4s}.is-in .fd-faq .elementor-accordion-item:nth-child(7){transition-delay:.48s} /* ══ 10 訂位 ══ */ .fd.fd-reserve{overflow:hidden} .fd.fd-reserve::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(14,17,15,.55),rgba(14,17,15,.95) 70%)} .fd-emb-w{inset:0;z-index:1;width:100%!important} .fd-emb-w .elementor-widget-container{position:absolute;inset:0} .fd-rs-c{justify-content:center!important;text-align:center;position:relative;z-index:2} .fd-rs-c>.fd-b-gold,.fd-rs-c>.fd-b-line{width:auto!important} .fd-rs-c .fd-b-gold .elementor-button,.fd-rs-c .fd-b-line .elementor-button{min-width:230px;padding:17px 30px!important;margin:0 6px 10px} .fd-phone{display:inline-flex;gap:.04em;font:400 clamp(44px,6vw,76px)/1.1 var(--cor);color:var(--gold)!important;text-decoration:none!important;letter-spacing:.06em;padding-bottom:8px;border-bottom:1px solid rgba(191,160,106,.6)} .fd-phone-s{font-size:clamp(34px,4.4vw,52px)} .fd-dg{display:inline-block;height:1.1em;overflow:hidden;vertical-align:top} .fd-dg i{display:block;font-style:normal} .fd-sp{display:inline-block;width:.32em} .fd-ink-w{left:50%;top:62%;width:520px!important;height:120px;transform:translate(-50%,0);z-index:0} .fd-ink{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 50%,rgba(158,51,38,.75),rgba(158,51,38,.25) 45%,transparent 70%);filter:blur(10px);transform:scaleX(0);transform-origin:left;border-radius:50%} .is-in .fd-ink{transform:scaleX(1);transition:transform 1.8s cubic-bezier(.6,0,.2,1) .6s} /* ══ 頁尾 ══ */ .fd.fd-foot{border-top:1px solid var(--line)} .fd-frow{align-items:center!important} .fd-finfo{list-style:none;margin:0;padding:0;line-height:2.2} .fd-finfo b{color:var(--txt);font-weight:500;margin-right:10px} html .fd-finfo a,html .fd-fnav a,html .fd-copy a{color:var(--mut)!important;text-decoration:none!important} html .fd-finfo a:hover,html .fd-fnav a:hover{color:var(--gold)!important} .fd-fmid{align-items:center!important;text-align:center} .fd .fd-flogo{text-align:center} html .fd-flogo img{height:62px!important;width:auto!important;margin:0 auto} .fd-fnav{margin-top:18px!important;line-height:2.2} .fd-fnav span{margin:0 8px;color:var(--gold);opacity:.6} .fd-fright{text-align:right;align-items:flex-end!important} .fd-fsoc{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px!important} .fd-fsoc a{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center} .fd-fsoc .fd-i{width:15px;height:15px;background-image:var(--icw)} .fd-copy{margin-top:56px!important;padding-top:22px;border-top:1px solid rgba(232,226,212,.08);text-align:center} /* ══ 內頁 ══ */ .fd.fd-page-hero{min-height:64vh;justify-content:flex-end;overflow:hidden} .fd.fd-page-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(14,17,15,.95),rgba(14,17,15,.78) 55%,rgba(14,17,15,.5)),linear-gradient(0deg,rgba(14,17,15,.95),transparent 50%)} .fd-ph-row{position:relative;z-index:2;align-items:flex-end!important} .fd-ph-k{align-items:flex-end!important} .fd-ph-k>.elementor-widget{width:auto!important} .fd-crumb p{letter-spacing:2px} html .fd-crumb a{color:var(--gold)!important;text-decoration:none!important} .fd-crumb span{margin:0 8px;opacity:.5} .fd-js .fd-pg-kai .elementor-heading-title{clip-path:inset(0 0 100% 0)} .fd-ready .fd-pg-kai .elementor-heading-title{clip-path:inset(0);transition:clip-path 2s cubic-bezier(.6,0,.2,1) .3s} .fd-js .fd-ph-c>.elementor-widget{opacity:0;transform:translateY(16px)} .fd-ready .fd-ph-c>.elementor-widget{opacity:1;transform:none;transition:all 1.1s var(--ease) .5s} .fd-split{align-items:center!important} .fd-split-pic{position:relative} html .fd-sp-img img{width:100%;aspect-ratio:4/5;object-fit:cover} .fd .fd-sp-img{margin:0!important} .fd-split-pic .fd-frame-w{inset:0} .fd-split-pic .fd-frame{inset:-14px;width:auto;height:auto} .fd-js .fd-rv{opacity:0;transform:translateY(26px)} .fd-js .fd-rv.is-in,.is-in .fd-rv{opacity:1;transform:none;transition:all 1.1s var(--ease)} .fd-step{padding:0 34px!important;border-left:1px solid var(--line)} .fd-step:first-child{border-left:0} .fd-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0!important} .fd-step-no .elementor-heading-title{font-style:italic} .fd-tbl table{width:100%;border-collapse:collapse;font-size:14px} .fd-tbl caption{caption-side:top;text-align:left;font:600 15px/1.6 var(--serif);letter-spacing:2px;padding-bottom:12px;color:inherit} .fd-tbl th,.fd-tbl td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top} .fd-tbl th{font:500 13px/1.5 var(--serif);letter-spacing:2px;color:var(--gold);border-bottom-color:var(--gold)} .fd:not(.fd-dark) .fd-tbl th{color:var(--gold3)} .fd-kv table{width:100%;border-collapse:collapse} .fd-kv th,.fd-kv td{padding:13px 4px;border-bottom:1px solid #E1D9CA;text-align:left;vertical-align:top;font-size:14px} .fd-kv th{width:96px;font:500 13.5px/1.6 var(--serif);color:var(--gold3);letter-spacing:2px} /* 菜單 */ .fd-mb{gap:60px!important;margin-bottom:80px!important;align-items:center!important} .fd-mb:last-child{margin-bottom:0!important} html .fd-mb-img img{width:100%;aspect-ratio:1;object-fit:cover;-webkit-mask:radial-gradient(circle,#000 58%,transparent 71%);mask:radial-gradient(circle,#000 58%,transparent 71%)} .fd-mb-kai .elementor-heading-title{color:var(--seal)!important;font-size:44px!important;line-height:1!important} .fd-mb-h .elementor-heading-title{display:flex;align-items:baseline;gap:14px} .fd-mb-h small{margin:0!important} .fd-ml{list-style:none;margin:0;padding:0} .fd-ml li{display:grid;grid-template-columns:auto 1fr auto;column-gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid rgba(232,226,212,.08)} .fd-ml-n{font:600 16px/1.5 var(--serif);color:var(--txt);letter-spacing:2px} .fd-ml i{border-bottom:1px dotted rgba(191,160,106,.45);transform:translateY(-5px)} .fd-ml-e{font:500 10.5px/1.4 var(--cor);letter-spacing:2.5px;color:var(--gold)} .fd-ml p{grid-column:1/-1;margin:6px 0 0!important;font-size:13px;color:var(--mut);line-height:1.8} /* 法律頁 */ .fd-legal h2.fd-legal-h{font:600 19px/1.5 var(--serif);color:var(--ink);letter-spacing:2px;margin:40px 0 12px;padding-top:26px;border-top:1px solid #E1D9CA} .fd-legal h2.fd-legal-h:first-child{margin-top:0;padding-top:0;border-top:0} .fd-legal ul{margin:0 0 1em;padding-left:1.3em} .fd-legal li{line-height:2} .fd-legal-date{margin-top:40px!important;color:var(--mut);font-size:13px} /* ══ 文章頁（傳統編輯器，套佈景主題文章版型）══ */ html body.fd-article .fd-site-header{margin-bottom:0!important} html body.fd-article .fd-site-header .fd-top{background-color:#0E110F!important;background-image:none!important} body.fd-article,body.fd-article .site-content,body.fd-article #content{background:#F2EEE6!important} body.fd-article .ast-container{max-width:860px} body.fd-article #primary{margin-top:70px!important;margin-bottom:96px!important} body.fd-article.ast-separate-container .ast-article-single{padding:60px 64px!important;background:#fff!important;box-shadow:none;border:1px solid #E6DED0} body.fd-article .entry-title{font-family:'Noto Serif TC',serif!important;font-weight:600!important;font-size:31px!important;line-height:1.5!important;letter-spacing:3px;color:#1D211E} body.fd-article .entry-meta,body.fd-article .entry-meta *{font-size:12.5px;color:#9A968A;letter-spacing:1px} body.fd-article .entry-content{font-family:'Noto Sans TC',sans-serif;font-size:16px;line-height:2.05;color:#4A463F} body.fd-article .entry-content h2{font-family:'Noto Serif TC',serif;font-weight:600;font-size:22px;line-height:1.6;letter-spacing:2px;color:#1D211E;margin:2.4em 0 .9em;padding-left:16px;border-left:2px solid #BFA06A} body.fd-article .entry-content p{margin:0 0 1.35em} body.fd-article .entry-content a{color:#8C6F40;text-decoration:underline;text-underline-offset:4px} body.fd-article .entry-content img{max-width:100%;height:auto;display:block} body.fd-article .entry-content figure{margin:0 0 2.2em} body.fd-article .entry-content [class*=lead-p]{font-size:17px;color:#1D211E} body.fd-article .entry-content [class*=lead-p] strong{font-weight:500} body.fd-article .entry-content blockquote{margin:2.2em 0;padding:26px 30px;background:#F6F2EA;border-left:2px solid #9E3326;font:500 16.5px/1.9 'Noto Serif TC',serif;color:#1D211E} body.fd-article .entry-content blockquote p{margin:0} body.fd-article .entry-content table{width:100%;border-collapse:collapse;margin:0 0 2.2em;font-size:14.5px} body.fd-article .entry-content caption{caption-side:top;text-align:left;font-weight:600;color:#1D211E;padding-bottom:10px;font-family:'Noto Serif TC',serif} body.fd-article .entry-content th,body.fd-article .entry-content td{padding:12px 14px;border:1px solid #E6DED0;text-align:left;vertical-align:top} body.fd-article .entry-content thead th{background:#151A17;color:#E8E2D4;font-weight:500} body.fd-article .entry-content [class*=post-cta]{margin:2.8em 0 1.2em;padding:28px 32px;background:#151A17;color:#C9C3B6} body.fd-article .entry-content [class*=post-cta] p{margin:0} body.fd-article .entry-content [class*=post-cta] strong{color:#E8E2D4;font-family:'Noto Serif TC',serif;font-weight:600;letter-spacing:1px} body.fd-article .entry-content [class*=post-cta] a{color:#BFA06A} body.fd-article .entry-content [class*=post-next]{font-size:14.5px;color:#9A968A} body.fd-article .ast-single-post-order,body.fd-article .post-navigation,body.fd-article #comments{font-size:14px} /* ═══════════ 平板 ═══════════ */ @media (max-width:1024px){ .fd-hrow,.fd-st-row,.fd-dk-row,.fd-g-head,.fd-j-head,.fd-split,.fd-ph-row,.fd-mb{flex-wrap:wrap!important} .fd-hleft,.fd-plates,.fd-st-pics,.fd-st-txt,.fd-split-pic,.fd-split-txt,.fd-ph-c,.fd-mb-pic,.fd-mb-txt{width:100%!important} .fd-plates{max-width:440px;margin:40px auto 0} .fd-st-pics{margin-bottom:60px!important;max-width:620px} .fd-dk-side{display:none!important}.fd-dk-main{width:100%!important} .fd-g-head>.e-con,.fd-j-head>.e-con{width:100%!important} .fd-g-intro,.fd-j-intro{justify-content:flex-start!important;text-align:left;margin-top:16px} .fd-ph-k{display:none!important} .fd-split-pic{max-width:560px;margin:50px auto 0} .fd-mb-pic{max-width:340px;margin:0 auto} .fd-tcards{flex-wrap:wrap!important}.fd-tcard{width:calc(50% - 7px)!important} .fd-ex-c{right:10%} } /* ═══════════ 手機 ═══════════ */ @media (max-width:767px){ html .fd-logo img{height:38px!important} html .is-scrolled .fd-logo img{height:34px!important} .fd-top .fd-ctacol .fd-b-line{display:none} .fd-top .fd-ctacol .elementor-button{padding:8px 12px!important;font-size:12px!important;letter-spacing:1px!important} .fd-top .fd-ctacol .fd-btn-ic .elementor-button-text::before{display:none} .fd.fd-hero{min-height:100svh} .fd-hleft{gap:16px!important} .fd-hkai .elementor-heading-title{font-size:62px!important} .fd-hen .elementor-heading-title{font-size:32px!important} .fd-h1 .fd-hook{font-size:16px;letter-spacing:.2em} br.fd-dbr{display:none} .fd-htitle .fd-inl{margin-bottom:10px} .fd-plates{max-width:300px;margin-top:20px} .fd-seal-sq,.fd-scroll{display:none} .fd-ghost{font-size:130px} .fd-st-pics{padding:0 14% 60px 0!important} .fd-stats{margin-top:50px!important} .fd-stats{flex-wrap:nowrap!important} .fd-stat{width:33.33%!important;padding:24px 4px!important} .fd-stat-n .elementor-heading-title{font-size:40px!important} .fd-stat-l .elementor-heading-title{font-size:11px!important;letter-spacing:1px!important} .fd-ci{flex-basis:170px} .fd-car-track{gap:24px} .fd-ci.is-c{transform:scale(1.18)} .fd-car-ctrl{margin-top:44px} .fd-sig-foot{padding:0 20px!important} .fd-sig-head{padding:0 20px!important} .fd-ex-row{flex-direction:column!important} .fd-ex{width:100%!important;min-height:78vh} .fd-ex-big{font-size:42px} .fd-ph-card{flex-direction:column!important;min-height:0} .fd-ph-card>.e-con{width:100%!important} .fd-ph-card .fd-ph-pic{order:-1;height:220px} .fd-ph-block{padding:32px 26px!important} .fd-js .fd-ph-card,.fd-js .fd-ph-card:nth-child(odd){transform:translateY(40px)} .fd-dks{flex-direction:column!important;gap:40px!important} .fd-dk{width:100%!important;margin-top:0!important} .fd-gal{grid-template-columns:1fr 1fr;grid-template-rows:200px 150px 150px 200px;gap:10px} .fd-g1{grid-row:1;grid-column:1/3}.fd-g2{grid-row:2;grid-column:1}.fd-g3{grid-row:2/4;grid-column:2}.fd-g4{grid-row:3;grid-column:1}.fd-g5{grid-row:4;grid-column:1}.fd-g6{grid-row:4;grid-column:2} .fd-g figcaption{opacity:1;transform:none;font-size:12px;padding:24px 10px 8px} .fd-pcs{flex-direction:column!important;gap:44px!important} .fd-pc{width:100%!important} .fd-faq-card{padding:4px 18px!important} .fd-rs-c .fd-b-gold .elementor-button,.fd-rs-c .fd-b-line .elementor-button{min-width:0;width:100%;margin:0 0 10px} .fd-rs-c>.fd-b-gold,.fd-rs-c>.fd-b-line{width:100%!important} .fd-ink-w{width:300px!important} .fd-frow{flex-direction:column!important;gap:34px!important;align-items:center!important} .fd-frow>.e-con{width:100%!important;text-align:center;align-items:center!important} .fd-fsoc{justify-content:center} .fd-fright{text-align:center} .fd-copy p{font-size:11px} .fd.fd-page-hero{min-height:52vh} .fd-step{padding:24px 0!important;border-left:0;border-top:1px solid var(--line);width:100%!important} .fd-step:first-child{border-top:0} .fd-steps{flex-direction:column!important;padding:10px 0!important} .fd-tcard{width:100%!important;min-height:0} .fd-mb{gap:24px!important;margin-bottom:56px!important} .fd-ml li{grid-template-columns:1fr auto} .fd-ml i{display:none} .fd-kv th{width:80px} body.fd-article.ast-separate-container .ast-article-single{padding:30px 20px!important} body.fd-article .entry-title{font-size:23px!important} body.fd-article .entry-content h2{font-size:19px} body.fd-article .entry-content table{display:block;overflow-x:auto} body.fd-article #primary{margin-top:30px!important} } /* ═══════════ 開場 ═══════════ */ html.fd-intro-on body{overflow:hidden} html.fd-intro-on body::before{content:"";position:fixed;inset:0;background:#090C0B;z-index:99998;animation:fdFail 0s linear 11s forwards} html.fd-intro-out body::before{display:none} @keyframes fdFail{to{visibility:hidden}} #fd-intro{position:fixed;inset:0;z-index:100000;background:#090C0B;overflow:hidden;color:#F3E9D6;font-family:'Noto Sans TC',sans-serif;animation:fdFail 0s linear 12s forwards} html:not(.fd-intro-on) #fd-intro{display:none} #fd-intro.is-out{opacity:0;transition:opacity 1.2s ease,transform 1.4s ease;pointer-events:none} #fd-intro .fd-icv{position:absolute;inset:0;width:100%;height:100%;z-index:2} .fd-skip{position:absolute;right:28px;bottom:26px;z-index:20;background:transparent;border:1px solid rgba(237,230,214,.35);color:rgba(237,230,214,.8);font:500 12px/1 'Noto Sans TC',sans-serif;letter-spacing:3px;padding:10px 16px;cursor:pointer;border-radius:0} .fd-skip:hover{border-color:#C8A56A;color:#E9C987;background:transparent} .fd-iload{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:20;width:160px} .fd-iload i{display:block;height:1px;background:rgba(237,230,214,.18)} .fd-iload b{display:block;height:100%;width:0;background:#C8A56A} .is-run .fd-iload b{width:100%;transition:width 5.6s linear} .fd-isub{display:flex;flex-direction:column;align-items:center;gap:8px} .fd-isub em{font:500 12px/1 'Noto Sans TC',sans-serif;font-style:normal;letter-spacing:6px;color:#C8A56A} .fd-isub span{font:500 14px/1 'Noto Serif TC',serif;letter-spacing:8px;color:rgba(237,230,214,.75)} /* A 霧林夜徑（實拍店門口：招牌與庭院燈一盞盞亮起，鏡頭穿過霧推進門口）*/ .fd-iscene{position:absolute;left:50%;top:50%;width:max(100vw,160vh);height:max(100vh,62.5vw);transform:translate(-50%,-50%)} .fd-ia-scene{transform-origin:62% 46%;transform:translate(-50%,-50%) scale(1.16)} .is-run .fd-ia-scene{animation:fdIaCam 6.4s cubic-bezier(.45,0,.55,1) forwards} @keyframes fdIaCam{0%{transform:translate(-50%,-50%) scale(1.16)}58%{transform:translate(-50%,-50%) scale(1.06)}100%{transform:translate(-50%,-50%) scale(2.3)}} .fd-ia-photo{position:absolute;inset:0;background:var(--bg) center/cover;filter:brightness(.05) saturate(.3) blur(1.5px)} .is-run .fd-ia-photo{animation:fdIaPhoto 6.4s ease forwards} @keyframes fdIaPhoto{0%{filter:brightness(.04) saturate(.3) blur(1.5px)}18%{filter:brightness(.12) saturate(.45) blur(1px)}45%{filter:brightness(.55) saturate(.85) blur(.4px)}62%,100%{filter:brightness(1.02) saturate(1) blur(0)}} .fd-ia-l{position:absolute;left:var(--x);top:var(--y);width:calc(var(--s) * 24%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;mix-blend-mode:screen; background:radial-gradient(circle,rgba(255,236,196,.95) 0,rgba(255,200,120,.55) 7%,rgba(255,170,80,.18) 26%,rgba(255,160,70,0) 62%)} .is-run .fd-ia-l{animation:fdBulb 1s linear forwards,fdGlow 3.4s ease-in-out infinite;animation-delay:var(--t),calc(var(--t) + 1s)} .fd-ia-sign{width:calc(var(--s) * 20%);background:radial-gradient(circle,rgba(255,240,210,1) 0,rgba(255,196,120,.7) 9%,rgba(255,150,70,.25) 28%,transparent 62%)} .is-run .fd-ia-sign{animation:fdNeonOn 1.6s linear forwards,fdGlow 2.6s ease-in-out infinite;animation-delay:var(--t),calc(var(--t) + 1.6s)} @keyframes fdBulb{0%{opacity:0}6%{opacity:.85}10%{opacity:.05}22%{opacity:.7}26%{opacity:.2}40%,100%{opacity:1}} @keyframes fdNeonOn{0%{opacity:0}5%{opacity:1}9%{opacity:0}20%{opacity:.9}23%{opacity:.1}31%{opacity:.6}34%{opacity:0}48%,100%{opacity:1}} @keyframes fdGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(.82)}} .fd-fogs{position:absolute;inset:0;overflow:hidden;pointer-events:none} .fd-fogl{position:absolute;left:0;right:0;background:var(--fog) repeat-x 0 0/1800px 100%;mix-blend-mode:screen;animation:fdFogX 120s linear infinite} .fd-fl1{bottom:-12%;height:62%;opacity:.55} .fd-fl2{bottom:14%;height:44%;opacity:.32;animation-duration:80s;animation-direction:reverse} .fd-fl3{top:-14%;height:52%;opacity:.18;animation-duration:160s} @keyframes fdFogX{from{background-position:0 0}to{background-position:-1800px 0}} .fd-ia-fogs{z-index:3} .fd-ia-fogs .fd-fogl{animation-duration:40s} .is-run .fd-ia-fogs{animation:fdIaFogs 6.4s ease forwards} @keyframes fdIaFogs{0%{opacity:1;transform:scale(1)}50%{opacity:.6}80%{opacity:.9;transform:scale(1.25)}100%{opacity:1;transform:scale(1.6)}} #fd-intro .fd-icv{z-index:4} .fd-ia-logo{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:20px;opacity:0;filter:blur(10px)} .fd-ia-logo>span{font:500 clamp(84px,12vw,170px)/1 'Cormorant Garamond',Georgia,serif;color:#FFF2D9;text-shadow:0 0 30px rgba(255,190,110,.55),0 4px 60px rgba(0,0,0,.6)} .is-run .fd-ia-logo{animation:fdIaLogo 3s ease 2.3s forwards} @keyframes fdIaLogo{0%{opacity:0;filter:blur(10px);transform:translateY(-46%)}35%,62%{opacity:1;filter:blur(0);transform:translateY(-50%) scale(1)}100%{opacity:0;filter:blur(6px);transform:translateY(-50%) scale(1.5)}} .fd-ia-flash{position:absolute;inset:-10%;z-index:6;background:radial-gradient(circle at 50% 46%,rgba(255,244,222,1),rgba(255,220,170,.85) 30%,rgba(255,200,140,0) 70%);opacity:0} .is-run .fd-ia-flash{animation:fdIaFlash 1.1s ease-in 5.4s forwards} @keyframes fdIaFlash{to{opacity:1;transform:scale(1.3)}} @media (max-aspect-ratio:1/1){.fd-ia-scene{transform:translate(-58%,-50%) scale(1.16)}@keyframes fdIaCam{0%{transform:translate(-58%,-50%) scale(1.16)}58%{transform:translate(-58%,-50%) scale(1.06)}100%{transform:translate(-58%,-50%) scale(2.3)}}} /* B 摺頁菜單 */ .fd-intro-b{background:#12100C} .fd-ib-stage{position:absolute;inset:0;display:flex;perspective:1800px} .fd-ib-p{flex:1;position:relative;background:var(--img) center/cover;transform-origin:left center;transform:rotateY(92deg);opacity:.2;backface-visibility:hidden} .fd-ib-p:nth-child(even){transform-origin:right center;transform:rotateY(-92deg)} .fd-ib-p::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.45))} .fd-ib-p::after{content:"";position:absolute;inset:0;background:#0E0C09;opacity:0} .fd-ib-p i{position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(transparent,#C8A56A,transparent);z-index:2} .fd-ib-p em{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.55));opacity:1} .fd-ib-p:nth-child(even) em{background:linear-gradient(270deg,rgba(0,0,0,.92),rgba(0,0,0,.55))} .is-run .fd-ib-p em{animation:fdIbShade 1s cubic-bezier(.6,0,.2,1) forwards,fdIbShadeIn .9s cubic-bezier(.7,0,.3,1) forwards;animation-delay:calc(var(--i) * .32s + .2s),calc(4.4s + var(--i) * .12s)} @keyframes fdIbShade{to{opacity:.06}} @keyframes fdIbShadeIn{from{opacity:.06}to{opacity:1}} .fd-ib-p{box-shadow:0 30px 60px rgba(0,0,0,.6)} .fd-ib-p::before{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(255,240,220,.06) 18%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 70%,rgba(0,0,0,.5)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .88 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")} .is-run .fd-ib-p{animation:fdIbOpen 1s cubic-bezier(.6,0,.2,1) forwards,fdIbClose .9s cubic-bezier(.7,0,.3,1) forwards;animation-delay:calc(var(--i) * .32s + .2s),calc(4.4s + var(--i) * .12s)} .is-run .fd-ib-p::after{animation:fdIbDim 1s ease 2.3s forwards} @keyframes fdIbOpen{to{transform:rotateY(0);opacity:1}} @keyframes fdIbClose{from{transform:rotateY(0);opacity:1}to{transform:rotateY(var(--c,92deg));opacity:0}} .fd-ib-p:nth-child(even){--c:-92deg} @keyframes fdIbDim{to{opacity:.72}} .fd-ib-word{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:5;display:flex;justify-content:center;align-items:baseline;gap:22px;font:italic 500 clamp(54px,8vw,110px)/1 'Cormorant Garamond',Georgia,serif;color:#F3E9D6} .fd-ib-word b{font-weight:300;font-style:normal;color:#C8A56A;font-size:.6em} .fd-ib-word>*{opacity:0} .is-run .fd-ib-word .w1{animation:fdIbW1 1.8s var(--ease,ease) 2.5s forwards} .is-run .fd-ib-word .w2{animation:fdIbW2 1.8s ease 2.7s forwards} .is-run .fd-ib-word b{animation:fdIbPlus 1.6s ease 2.6s forwards} @keyframes fdIbW1{0%{opacity:0;transform:translateX(-40px)}30%,55%{opacity:1;transform:none}100%{opacity:0;transform:translateX(120px);filter:blur(6px)}} @keyframes fdIbW2{0%{opacity:0;transform:translateX(40px)}30%,55%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-120px);filter:blur(6px)}} @keyframes fdIbPlus{0%{opacity:0}30%,55%{opacity:1}100%{opacity:0;transform:scale(0)}} .fd-ib-logo{position:absolute;left:0;right:0;top:50%;transform:translateY(-58%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:22px;opacity:0} .fd-ib-logo>span{font:600 clamp(80px,12vw,160px)/1 'Cormorant Garamond',Georgia,serif;color:#F3E9D6;letter-spacing:.5em;text-shadow:0 0 40px rgba(233,201,135,.35)} .is-run .fd-ib-logo{animation:fdIbLogo 2.6s ease 3.7s forwards} .is-run .fd-ib-logo>span{animation:fdIbLs 1.4s cubic-bezier(.2,.7,.2,1) 3.7s forwards} @keyframes fdIbLogo{0%{opacity:0}25%,75%{opacity:1}100%{opacity:0}} @keyframes fdIbLs{to{letter-spacing:.02em}} /* C 燭光微醺（實拍：黑暗中點亮蠟燭、火光照亮四周 → 吧檯斟酒與散景 → 光暈展開）*/ .fd-intro-c{background:#000} .fd-ic-photo{position:absolute;inset:0;background:var(--bg) center/cover} .fd-ic-s1{z-index:1;--r:0;--b:0} .is-run .fd-ic-s1{animation:fdIcOut 1.1s ease 2.9s forwards} @keyframes fdIcOut{to{opacity:0}} .fd-ic-s1 .fd-ic-photo{filter:brightness(var(--b)) saturate(1.1);-webkit-mask:radial-gradient(circle at 39% 43%,#000 calc(var(--r) * 1%),transparent calc(var(--r) * 1% + 22%));mask:radial-gradient(circle at 39% 43%,#000 calc(var(--r) * 1%),transparent calc(var(--r) * 1% + 22%))} .fd-ic-halo{position:absolute;left:39%;top:43%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,190,110,.35),rgba(255,150,60,.12) 35%,transparent 65%);mix-blend-mode:screen;opacity:var(--h,0)} .fd-ic-s2{z-index:2;opacity:0;transform:translate(-50%,-50%) scale(1.14)} .fd-ic-s2 .fd-ic-photo{filter:brightness(.75)} .is-run .fd-ic-s2{animation:fdIcS2 3s cubic-bezier(.3,0,.3,1) 2.8s forwards} @keyframes fdIcS2{0%{opacity:0;transform:translate(-50%,-50%) scale(1.14)}40%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}} .fd-ic-s2::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.75) 90%)} .fd-ic-sweep{position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,220,160,.22),transparent);transform:skewX(-14deg);mix-blend-mode:screen} .is-run .fd-ic-sweep{animation:fdIcSweep 2.2s ease 3.4s forwards} @keyframes fdIcSweep{to{left:120%}} .fd-intro-c .fd-icv{z-index:3} .fd-ic-logo{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;filter:blur(12px)} .fd-ic-logo>span{font:500 clamp(80px,11vw,160px)/1 'Cormorant Garamond',Georgia,serif;color:#FFEFD2;text-shadow:0 0 34px rgba(255,180,90,.6),0 6px 50px rgba(0,0,0,.7)} .is-run .fd-ic-logo{opacity:1;filter:blur(0);transition:opacity 1.4s ease 3.5s,filter 1.4s ease 3.5s} .fd-ic-flare{position:absolute;left:50%;top:50%;width:10px;height:10px;z-index:6;transform:translate(-50%,-50%);border-radius:50%;opacity:0; box-shadow:0 0 120px 80px rgba(255,236,200,.95),0 0 300px 200px rgba(255,190,110,.7)} .fd-ic-flare::before{content:"";position:absolute;left:50%;top:50%;width:160vw;height:3px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(255,226,180,.9),transparent);filter:blur(1px)} .is-run .fd-ic-flare{animation:fdIcFlare 1.2s ease-in 4.7s forwards} @keyframes fdIcFlare{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}100%{opacity:1;transform:translate(-50%,-50%) scale(9)}} @media (max-aspect-ratio:1/1){.fd-ic-s1{transform:translate(-39%,-50%)}} @media (max-width:767px){ .fd-ia-sign{top:30%} .fd-ib-word{gap:10px;flex-wrap:wrap} .fd-ic-scene{top:40%} .fd-ic-logo{top:calc(40% + 46vw)} .fd-skip{right:16px;bottom:16px} .fd-iload{bottom:22px;width:110px} } /* ═══════════ 高級簡約風（覆寫）：大量留白、黑／宣紙／金線，拿掉多餘裝飾 ═══════════ */ .fd-ghost-w,.fd-seal-sq,.fd-plate-ring,.fd-ink-w,.fd-bokeh-w,.fd-emb-w,.fd-dotw{display:none!important} /* 導覽單行 */ .fd-top .fd-navcol{flex-wrap:nowrap!important} .fd-top .fd-nav .elementor-button{font-size:13.5px!important;letter-spacing:2px!important;padding:8px 11px!important;white-space:nowrap} .fd-top .fd-ctacol .elementor-button{padding:10px 18px!important} /* 主視覺：書法字收斂 */ .fd-hkai .elementor-heading-title{font-size:104px!important;color:rgba(191,160,106,.9)!important;text-shadow:none!important} .fd-hen .elementor-heading-title{font-weight:400!important;font-size:52px!important;letter-spacing:.1em!important} .fd.fd-hero::before{background:linear-gradient(90deg,rgba(14,17,15,.97) 0%,rgba(14,17,15,.9) 50%,rgba(14,17,15,.72) 100%),linear-gradient(0deg,rgba(14,17,15,1),rgba(14,17,15,0) 40%)} /* 區塊留白加大 */ .fd.fd-story,.fd.fd-drinks,.fd.fd-gallery,.fd.fd-journal{padding-top:170px!important;padding-bottom:170px!important} .fd.fd-sig{padding-top:160px!important;padding-bottom:150px!important} .fd.fd-philo{padding-top:160px!important;padding-bottom:150px!important} /* 輪播：只放大照片，名稱不被遮 */ .fd-ci.is-c{transform:none} .fd-ci figure{transition:transform 1.1s var(--ease)} .fd-ci.is-c figure{transform:scale(1.18);transform-origin:center bottom} .fd-ci.is-c .fd-ci-t,.fd-ci.is-c .fd-ci-e{transform:none} .fd-ci{opacity:.4} .fd-car{padding-top:60px} .fd-ci-t{border-left:0;padding-left:0;margin-top:14px!important} .fd-sig-foot{flex-direction:column!important} .fd-sig-foot>.fd-body p{text-align:center} /* 四個摺學：單色、細線，照片放大 */ .fd-ph-card{background:#fff;border:1px solid #E6DED0;margin-bottom:40px!important;min-height:340px} .fd-ph-block{background:transparent!important;padding:56px 52px!important} .fd-ph-ch .elementor-heading-title{color:var(--ink)!important;font-size:52px!important} .fd-ph-ch small{color:var(--gold3)} .fd-ph-t small{color:var(--mut)!important} .fd-tcard{background:transparent!important;border-top:1px solid var(--gold);padding:30px 6px 0!important;min-height:0} .fd-tcards{gap:40px!important} .fd:not(.fd-dark) .fd-tcard .fd-h3 .elementor-heading-title{color:var(--ink)} /* 微醺：側邊直排收斂 */ .fd-dk-kai .elementor-heading-title{font-size:48px!important} /* 訂位：電話乾淨的一行 */ .fd-phone{display:inline-block;letter-spacing:.08em} .fd.fd-reserve::before{background:rgba(14,17,15,.88)} .fd-rs-c .fd-b-gold .elementor-button,.fd-rs-c .fd-b-line .elementor-button{min-width:210px} /* 照片牆：間距加大 */ .fd-gal{gap:20px} @media (max-width:1024px){ .fd-top .fd-ctacol .elementor-button{padding:8px 12px!important} .fd.fd-story,.fd.fd-drinks,.fd.fd-gallery,.fd.fd-journal,.fd.fd-sig,.fd.fd-philo{padding-top:110px!important;padding-bottom:110px!important} } @media (max-width:767px){ .fd-hkai .elementor-heading-title{font-size:58px!important} .fd-hen .elementor-heading-title{font-size:30px!important} .fd.fd-story,.fd.fd-drinks,.fd.fd-gallery,.fd.fd-journal,.fd.fd-sig,.fd.fd-philo{padding-top:84px!important;padding-bottom:84px!important} .fd-ph-block{padding:34px 26px!important} .fd-ph-card{margin-bottom:24px!important} .fd-tcards{gap:30px!important} .fd-ci.is-c figure{transform:scale(1.1)} .fd-phone{font-size:40px} } .fd-phone-w{text-align:center} .fd-phone-w .elementor-widget-container{text-align:center} /* ═══════════ v1.1.1 不閃爍：所有亮起改成平順淡入、主視覺固定一盤 ═══════════ */ @keyframes fdRoomOn{0%{filter:brightness(.08) saturate(.4)}100%{filter:brightness(1) saturate(1)}} @keyframes fdBulb{0%{opacity:0}100%{opacity:1}} @keyframes fdNeonOn{0%{opacity:0}100%{opacity:1}} @keyframes fdGlow{0%,100%{filter:none}} .is-in .fd-g img{animation-duration:2.4s!important;animation-timing-function:ease!important} .is-run .fd-ia-l,.is-run .fd-ia-sign{animation-duration:1.6s,1s!important;animation-timing-function:ease!important} .fd .fd-plate{transition:none!important} .fd .fd-plate2,.fd .fd-plate3{display:none!important} .fd .fd-plate1{opacity:1!important} /* 頁首的線上訂位鈕在深色底要看得到 */ .fd-top .fd-b-line .elementor-button{color:var(--txt)!important;border-color:rgba(191,160,106,.75)!important} .fd-top .fd-b-line .elementor-button-text::before{background-image:var(--icw)!important;filter:none!important} .fd-top .fd-b-line .elementor-button:hover{color:var(--gold)!important} /* ═══════════ v1.1.1 用安靜的手法呈現高級感（取代閃爍）═══════════ */ /* 1 全站細緻底片顆粒（靜態，不動） */ html.fd-js body::after{content:"";position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.05;mix-blend-mode:overlay; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")} /* 2 主視覺：圓盤外一圈金色細線，進場時慢慢畫一圈 */ @property --fdA{syntax:'';inherits:false;initial-value:0deg} .fd-plates::before{content:"";position:absolute;inset:4%;border:1px solid rgba(191,160,106,.45);border-radius:50%;z-index:4;pointer-events:none; -webkit-mask:conic-gradient(from -90deg,#000 var(--fdA),transparent 0);mask:conic-gradient(from -90deg,#000 var(--fdA),transparent 0)} .fd-ready .fd-plates::before{animation:fdRing 3.2s cubic-bezier(.6,0,.2,1) 1.2s forwards} @keyframes fdRing{to{--fdA:360deg}} html .fd .fd-plate img{animation-duration:160s!important} /* 3 照片牆：不閃燈，改成由下往上的布幕揭開＋慢慢拉遠 */ html.fd-js .fd-g img{filter:none!important;animation:none!important;transform:scale(1.18);transition:transform 2.6s var(--ease)} .fd-js .fd-g{clip-path:inset(100% 0 0 0)} .is-in .fd-g{clip-path:inset(0);transition:clip-path 1.6s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--gi,0) * .18s)} .is-in .fd-g img{transform:scale(1);transition-delay:calc(var(--gi,0) * .18s)} .is-in .fd-g:hover img{transform:scale(1.05)} /* 4 眉標前的金線：進畫面時畫出來 */ .fd-js .fd-eyebrow .elementor-heading-title::before{transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .3s} .fd-ready .fd-hero .fd-eyebrow .elementor-heading-title::before,.is-in .fd-eyebrow .elementor-heading-title::before{transform:scaleX(1)} /* 5 大標題：字距由寬收合，像慢慢對焦 */ .fd-js .fd-h2 .elementor-heading-title{letter-spacing:.5em!important;opacity:0;transition:letter-spacing 1.8s var(--ease),opacity 1.4s ease} .is-in .fd-h2 .elementor-heading-title,.fd-ready .fd-page-hero .fd-h2 .elementor-heading-title{letter-spacing:4px!important;opacity:1} /* 6 用餐體驗、內頁照片：更慢的拉遠（電影感），不加光掃 */ .fd-ex-sweep{display:none} html .fd-ex-img img{transition-duration:9s!important} /* ═══════════ 招牌菜色：全部攤開（8 道，兩列四欄）═══════════ */ .fd-sds{margin-bottom:56px!important;align-items:flex-start!important} .fd .fd-sd-img{overflow:hidden;margin-bottom:20px!important} html .fd-sd-img img{width:100%;aspect-ratio:7/9;object-fit:cover;transform:scale(1.12);transition:transform 2.4s var(--ease)} .fd-sd:hover .fd-sd-img img{transform:scale(1.04)!important} .fd-sd-no .elementor-heading-title{font-style:italic;letter-spacing:2px} .fd-sd-t .elementor-heading-title{padding-bottom:12px;border-bottom:1px solid var(--line)} .fd-sd-d{opacity:.9} .fd-js .fd-sd{clip-path:inset(100% 0 0 0)} .is-in .fd-sd{clip-path:inset(0);transition:clip-path 1.5s cubic-bezier(.7,0,.2,1)} .is-in .fd-sd img{transform:scale(1)} .is-in .fd-sd2{transition-delay:.12s}.is-in .fd-sd3{transition-delay:.24s}.is-in .fd-sd4{transition-delay:.36s} .is-in .fd-sd5{transition-delay:.3s}.is-in .fd-sd6{transition-delay:.42s}.is-in .fd-sd7{transition-delay:.54s}.is-in .fd-sd8{transition-delay:.66s} .fd-sd5,.fd-sd7{margin-top:0!important} .fd-sds:nth-of-type(odd) .fd-sd:nth-child(even){margin-top:46px!important} @media (max-width:1024px){.fd-sds{flex-wrap:wrap!important;row-gap:40px!important}.fd-sd{width:calc(50% - 14px)!important}.fd-sds .fd-sd{margin-top:0!important}} @media (max-width:767px){.fd-sds{column-gap:14px!important;row-gap:30px!important;margin-bottom:30px!important}.fd-sd{width:calc(50% - 7px)!important} .fd-sd-t .elementor-heading-title{font-size:15px!important}.fd-sd-d p{font-size:12.5px}} /* ── 靜態版（沒有 Elementor 時）── */ .fd-static,.fd-static *{box-sizing:border-box} .fd-static{font-family:'Noto Sans TC',sans-serif} .fd-static .e-boxed{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;width:100%} .fd-static .e-con>.e-boxed{flex:1} .fd-static .pg-acc details{background:#fff;border:1px solid #DDD5C6;margin-top:-1px} .fd-static .pg-acc summary{padding:20px 26px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px} .fd-static .pg-acc summary::-webkit-details-marker{display:none} .fd-static .pg-acc summary::after{content:'+';color:#A98A55;font-size:22px;line-height:1.2} .fd-static .pg-acc details[open] summary::after{content:'−'} .fd-static .pg-acc h3{margin:0;font:700 18px/1.6 'Noto Serif TC',serif;color:#1D211E} .fd-static .pg-acc details[open] h3{color:#A98A55} .fd-static .pg-acc p{margin:0;padding:2px 26px 22px;color:#6B675E;line-height:1.9} @media(max-width:767px){.fd-static .m-col{flex-direction:column!important}.fd-static .m-col>.e-con{flex-basis:auto!important;width:100%} .fd-static .e-con[style*="--pm"]{padding:var(--pm)!important} .fd-static .elementor-heading-title{font-size:var(--fm)!important}}