/* hidden 屬性一律隱藏（避免被 display:flex 之類的規則蓋掉） */ [hidden]{display:none !important;} /* CMS：可換圖的背景區塊（background-image 由頁面 inline style 指定） */ .bg-photo.bg-photo{ background-size:cover; background-repeat:no-repeat; background-position:var(--bg-pos,center); background-color:transparent; } .page-hero{position:relative;overflow:hidden;color:var(--deep-blue);padding:64px 0;} /* ---------- 快速預約浮動按鈕 ---------- */ .quick-book{ position:fixed;right:18px;bottom:18px;z-index:90; display:flex;flex-direction:column;align-items:flex-end;gap:10px; } .quick-book-btn{ display:inline-flex;align-items:center;gap:8px; background:var(--terracotta);color:#fff; border:0;border-radius:999px; padding:14px 22px;font-size:15.5px;font-weight:700; font-family:inherit;cursor:pointer; box-shadow:0 14px 30px -12px rgba(169,97,58,.75); transition:transform .16s ease, background .16s ease; } .quick-book-btn:hover{background:var(--terracotta-dark);transform:translateY(-2px);} .quick-book-btn:focus-visible{outline:3px solid var(--deep-blue);outline-offset:2px;} .quick-book-btn .ico{font-size:17px;line-height:1;} .quick-book.open .quick-book-btn{background:var(--deep-blue);} .quick-book-panel{ background:var(--white); border:1px solid var(--line); border-radius:18px; box-shadow:0 24px 50px -22px rgba(31,78,95,.55); padding:14px;width:min(260px,calc(100vw - 36px)); animation:qbIn .18s ease-out; } @keyframes qbIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}} .quick-book-title{ margin:0 0 10px;font-size:13px;font-weight:700;color:var(--ink-soft); letter-spacing:.02em; } .quick-book-store{ display:flex;align-items:center;gap:8px; padding:11px 13px;border-radius:12px; background:var(--cream-soft);border:1px solid var(--line); margin-bottom:8px;text-decoration:none; transition:background .15s ease, border-color .15s ease; } .quick-book-store:last-child{margin-bottom:0;} .quick-book-store:hover{background:var(--cream);border-color:var(--terracotta);} .quick-book-store .name{font-weight:700;color:var(--deep-blue);font-size:15px;} .quick-book-store .note{font-size:12px;color:var(--ink-soft);} .quick-book-store .go{margin-left:auto;color:var(--terracotta);font-weight:700;} @media(max-width:600px){ .quick-book{right:14px;bottom:14px;} .quick-book-btn{padding:13px 20px;font-size:15px;} } @media print{.quick-book{display:none;}} /* ---------- 優惠券彈窗 ---------- */ .coupon-overlay{ position:fixed;inset:0;z-index:120; background:rgba(24,30,32,.62); display:flex;align-items:center;justify-content:center; padding:20px; animation:couponFade .2s ease-out; } .coupon-overlay[hidden]{display:none;} @keyframes couponFade{from{opacity:0;}to{opacity:1;}} .coupon-card{ position:relative; width:min(420px,100%);max-height:90vh;overflow-y:auto; background:var(--white);border-radius:22px; box-shadow:0 32px 70px -28px rgba(0,0,0,.7); animation:couponIn .26s cubic-bezier(.2,.8,.3,1); } @keyframes couponIn{from{opacity:0;transform:translateY(18px) scale(.97);}to{opacity:1;transform:none;}} .coupon-close{ position:absolute;right:10px;top:10px;z-index:2; width:34px;height:34px;border-radius:50%; border:0;background:rgba(255,255,255,.9);color:var(--ink-soft); font-size:22px;line-height:1;cursor:pointer; box-shadow:0 4px 12px -4px rgba(0,0,0,.3); } .coupon-close:hover{background:#fff;color:var(--ink);} .coupon-media{ aspect-ratio:16/9;background-size:cover;background-position:center; border-radius:22px 22px 0 0; } .coupon-body{padding:26px 28px 28px;text-align:center;} .coupon-badge{ display:inline-block;background:var(--terracotta);color:#fff; font-size:12.5px;font-weight:700;letter-spacing:.05em; padding:5px 14px;border-radius:999px;margin-bottom:12px; } .coupon-card h3{font-size:22px;line-height:1.45;margin:0 0 10px;color:var(--deep-blue);} .coupon-desc{font-size:14.5px;line-height:1.8;color:var(--ink-soft);margin:0 0 18px;white-space:pre-line;} .coupon-code-box{ display:flex;align-items:center;justify-content:center;gap:10px; background:var(--cream-soft);border:2px dashed var(--terracotta); border-radius:14px;padding:14px 16px;margin-bottom:8px; } .coupon-code{ font-size:23px;font-weight:700;letter-spacing:.12em;color:var(--terracotta-dark); font-family:ui-monospace,Menlo,Consolas,monospace; } .coupon-copy{ border:1px solid var(--line);background:#fff;border-radius:9px; padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--deep-blue); cursor:pointer;font-family:inherit;flex:none; } .coupon-copy:hover{background:var(--cream);} /* 一次性優惠碼還沒拿：顯示 SLY-••••-•••• 佔位，按「取得並複製」才產生 */ .coupon-code.is-placeholder{color:var(--ink-soft);opacity:.7;} .coupon-copy[disabled]{opacity:.6;cursor:progress;} .coupon-note{font-size:12.5px;color:var(--ink-soft);margin:0 0 16px;} .coupon-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;} .coupon-form input{ width:100%;padding:12px 14px;font-size:15px;font-family:inherit; border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink); } .coupon-form input:focus{outline:2px solid var(--terracotta);border-color:transparent;} .coupon-submit{ background:var(--deep-blue);color:#fff;border:0;border-radius:14px; padding:13px 20px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer; } .coupon-submit:hover{background:var(--deep-blue-dark);} .coupon-submit[disabled]{opacity:.6;cursor:progress;} .coupon-privacy{font-size:11.5px;color:var(--ink-soft);margin:2px 0 0;} .coupon-cta{ display:block;background:var(--terracotta);color:#fff; border-radius:14px;padding:14px 20px;font-weight:700;font-size:15.5px; margin-bottom:10px; } .coupon-cta:hover{background:var(--terracotta-dark);} .coupon-expire{font-size:12px;color:var(--ink-soft);margin:0;} /* 一次性優惠碼：按鈕是