@font-face{font-family:"Swei Spring";src:url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.068/WebFont/CJK%20TC/SweiSpringSugarCJKtc-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Swei Spring";src:url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.068/WebFont/CJK%20TC/SweiSpringSugarCJKtc-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Swei Spring";src:url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.068/WebFont/CJK%20TC/SweiSpringSugarCJKtc-SemiBold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bk-bg:#f5f3ec;--bk-gold:#c99a4e;--bk-brown:#9a7b5e;--bk-dark:#6b4a30;--bk-sand:#e6d3a8;--bk-cream:#efe8d8;
 --bk-red:#db0000;--bk-ink:#393939;--bk-white:#fff;--bk-max:1280px;--bk-r:20px;
 --bk-font:"Swei Spring","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--bk-header-h:81px}
body{font-family:var(--bk-font);color:var(--bk-ink);background:var(--bk-bg)}
.bk,.bk *{box-sizing:border-box}
.bk{font-family:var(--bk-font);font-size:16px;line-height:1.75}
.bk h1,.bk h2,.bk h3,.bk h4,.bk p,.bk ul,.bk ol,.bk figure{margin:0}
.bk img{display:block;max-width:100%}
.bk a{color:inherit;text-decoration:none}
.bk a:focus-visible,.bk button:focus-visible{outline:2px solid var(--bk-red);outline-offset:3px}
.bk-wrap{width:min(var(--bk-max),calc(100% - 48px));margin-inline:auto}
.bk-section{padding:80px 0}
.bk-white{background:var(--bk-white)}
.bk-title{color:var(--bk-gold);font-size:30px;font-weight:700;line-height:1.3;text-align:center}
.bk-sub{color:var(--bk-gold);font-size:20px;font-weight:500;line-height:2;text-align:center;margin-top:12px}
.bk-center{text-align:center}
.bk-ph{display:inline-block}
/* 按鈕：紅底膠囊＋圈圈箭頭 */
.bk-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 30px;border-radius:50px;background:var(--bk-red);color:#fafbfc!important;
 font-size:20px;font-weight:500;line-height:40px;transition:transform .3s ease,box-shadow .3s ease}
.bk-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(219,0,0,.25)}
.bk-btn-icon{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;position:relative;flex:none}
.bk-btn-icon::after{content:"";position:absolute;left:4px;top:50%;width:6px;height:6px;border:solid currentColor;border-width:2px 2px 0 0;transform:translate(1px,-50%) rotate(45deg)}
.bk-btn-row{margin-top:40px;text-align:center}
.bk-pill{display:inline-block;padding:4px 40px;border-radius:20px;background:var(--bk-sand);color:#fff!important;font-size:14px;line-height:28px;transition:background .3s}
.bk-pill:hover{background:var(--bk-gold)}
.bk-wave{height:80px;margin-top:-79px;position:relative;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23f5f3ec' d='M0 52C190 92 380 92 560 66S910 8 1110 18s250 40 330 46V90H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.bk-wave--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 52C190 92 380 92 560 66S910 8 1110 18s250 40 330 46V90H0z'/%3E%3C/svg%3E")}
.bk-media{border-radius:var(--bk-r);overflow:hidden}
.bk-media img{width:100%;height:100%;object-fit:cover}

/* 頁首：fixed，捲動後變成浮動圓角條 */
div:has(> [data-zb-chrome-slot="header"]),[data-zb-chrome-slot="header"]{display:contents}
.zb-site-header-offset{height:var(--bk-header-h)}
.bk-header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:center;pointer-events:none}
.bk-header-bar{pointer-events:auto;width:100%;height:var(--bk-header-h);display:flex;align-items:center;justify-content:space-between;gap:24px;
 padding:0 max(24px,calc((100% - var(--bk-max)) / 2));background:var(--bk-bg);transition:width .4s ease,border-radius .4s ease,box-shadow .4s ease,padding .4s ease}
.bk-header.is-stuck .bk-header-bar{width:95%;border-radius:0 0 10px 10px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:0 40px}
.bk-logo img{width:150px;height:auto}
.bk-header .zb-navbar-list{display:flex;gap:36px;list-style:none;margin:0;padding:0}
.bk-header .zb-navbar-list a{color:var(--bk-gold);font-size:17px;font-weight:500;letter-spacing:.05em;transition:color .3s}
.bk-header .zb-navbar-list a:hover,.bk-header .zb-navbar-list a[aria-current="page"]{color:var(--bk-red)}
.bk-header .zb-navbar-toggle{display:none;background:none;border:0;color:var(--bk-gold);font-size:26px;line-height:1;cursor:pointer;padding:4px}
@media (max-width:900px){
 :root{--bk-header-h:64px}
 .bk-logo img{width:120px}
 .bk-header .zb-navbar-toggle{display:inline-block;position:relative;z-index:3}
 .bk-header .zb-navbar-list{display:none;position:fixed;inset:0;z-index:2;flex-direction:column;align-items:center;justify-content:center;gap:40px;background:var(--bk-bg);width:auto;max-width:none;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none}
 .bk-header .zb-navbar-list.open{display:flex}
 /* 選單打開時：Logo 留在最上層、☰ 換成 ✕、背景頁面不能捲 */
 .bk-header .bk-logo{position:relative;z-index:3}
 .bk-header .zb-navbar-toggle[aria-expanded="true"]{font-size:0}
 .bk-header .zb-navbar-toggle[aria-expanded="true"]::before{content:"✕";font-size:24px}
 html:has(.bk-header .zb-navbar-list.open){overflow:hidden}
 .bk-header .zb-navbar-list a{font-size:24px}
 .bk-header.is-stuck .bk-header-bar{width:100%;border-radius:0;padding:0 20px}
}

/* 頁尾 */
.bk-community{background:var(--bk-white);padding:60px 0}
.bk-community-card{position:relative;height:450px;border-radius:var(--bk-r);overflow:hidden}
.bk-community-card img{width:100%;height:100%;object-fit:cover}
.bk-community-card h2{position:absolute;right:6%;bottom:22%;color:var(--bk-bg);font-size:30px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.bk-foot{background:var(--bk-bg);padding:40px 0 14px;color:var(--bk-dark)}
.bk-foot-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.bk-foot .zb-navbar-toggle{display:none!important}
.bk-foot .zb-navbar-list{display:flex!important;position:static!important;gap:24px;list-style:none;margin:14px 0 0;padding:0;background:none!important}
.bk-foot .zb-navbar-list a{color:var(--bk-gold);font-size:15px}
.bk-foot .zb-navbar-list a:hover{color:var(--bk-red)}
.bk-social{display:flex;gap:12px}
.bk-social span{width:32px;height:32px;border-radius:50%;background:var(--bk-gold);display:grid;place-items:center}
.bk-social svg{width:16px;height:16px;fill:#fff}
.bk-foot-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:28px;font-size:12px;color:var(--bk-dark)}
.bk-foot-bottom p:last-child{display:flex;gap:20px}

@media (max-width:900px){
 .bk-section{padding:56px 0}
 .bk-title{font-size:24px}
 .bk-sub{font-size:16px}
 .bk-btn{font-size:17px;padding:6px 24px}
 .bk-wave{height:44px;margin-top:-43px}
 .bk-community{padding:32px 0}
 .bk-community-card{height:260px}
 .bk-community-card h2{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.bk *,.bk-header-bar{transition:none!important;animation:none!important}}
