/* 主分頁與次分頁（所長 11/4 晚）：上面 5 個主書籤各一色；關於心喜、預約與收費有次分頁列。點任何書籤都像翻書一樣翻頁 */
.top .nav{flex-wrap:nowrap;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:3px 2px}
.top .nav::-webkit-scrollbar{display:none}
.top .nav a{white-space:nowrap;flex:none;color:#2e2b25;background:var(--tc,#e9e4d6);padding:7px 15px;border-radius:999px;position:relative;box-shadow:0 2px 8px rgba(60,50,30,.12);transition:transform .25s,box-shadow .25s,filter .25s}
.top .nav a::before{content:"";display:inline-block;width:1px;height:.9em;margin-right:8px;vertical-align:-2px;border-left:1px dashed rgba(0,0,0,.28)}
.top .nav a.tab-adult,.top .nav a.tab-kids{color:#fff}
.top .nav a.tab-adult::before,.top .nav a.tab-kids::before{border-left-color:rgba(255,255,255,.65)}
.top .nav a.tab-adult{--tc:linear-gradient(160deg,#7f9d84,#5f7f66)}
.top .nav a.tab-kids{--tc:linear-gradient(160deg,#eba886,#d9825a)}
.top .nav a.tab-about{--tc:#dcd2e8}
.top .nav a.tab-book{--tc:#eedcb6}
.top .nav a.tab-articles{--tc:#f2d3cc}
.top .nav a:hover{transform:translateY(-2px);filter:brightness(1.04)}
.top .nav a[aria-current]{box-shadow:0 2px 8px rgba(60,50,30,.12),inset 0 0 0 2px rgba(255,255,255,.75);font-weight:500}
.top .btn{white-space:nowrap}
/* 次分頁列：貼在書籤列下面，和該組同色系 */
.subnav{margin:6px 0 0;display:flex;gap:6px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 12px}
.subnav::-webkit-scrollbar{display:none}
.subnav[hidden]{display:none}
.subnav a{white-space:nowrap;flex:none;font-size:.86rem;text-decoration:none;color:#2e2b25;padding:5px 14px;border-radius:999px;background:rgba(255,252,245,.8);border:1px solid var(--sc,#d9d2c2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(60,50,30,.08)}
.subnav.sub-about{--sc:#c9bcdb}.subnav.sub-book{--sc:#dcc48f}
.subnav a[aria-current]{background:var(--sc);font-weight:500}
.subnav a:hover{background:var(--sc)}
@media (max-width:980px){.top .nav{display:flex;margin-left:auto;font-size:.84rem}.top .nav a{padding:6px 11px}.top .btn{display:none}.dock{display:block}}
@media (max-width:520px){.brand b{display:none}}
/* 翻頁：只有按書籤時才翻，其他連結照常換頁 */
@view-transition{navigation:auto}
html:active-view-transition-type(flip)::view-transition-old(root){animation:xx-flip .8s cubic-bezier(.45,.05,.25,1) both;transform-origin:0 50%;z-index:2;box-shadow:20px 0 40px rgba(0,0,0,.18)}
html:active-view-transition-type(flip)::view-transition-new(root){animation:xx-under .8s ease both;z-index:1}
@keyframes xx-flip{0%{transform:perspective(2000px) rotateY(0)}100%{transform:perspective(2000px) rotateY(-100deg);opacity:.2}}
@keyframes xx-under{0%{filter:brightness(.92)}100%{filter:none}}
@media (prefers-reduced-motion:reduce){html:active-view-transition-type(flip)::view-transition-old(root),html:active-view-transition-type(flip)::view-transition-new(root){animation:none}}