/* 人生地圖・雲端宗教館（3D 遊戲版）介面：手機優先 */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:#bfe0f2;font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;color:#2b2a26;-webkit-tap-highlight-color:transparent}
#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}
.hud-top{position:fixed;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}
.brand{background:linear-gradient(#c8322b,#9e2a1e);color:#ffe7a8;border:2px solid #e3b964;padding:7px 14px;border-radius:12px;font-size:15px;letter-spacing:1px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.brand b{color:#fff}
.pill{background:rgba(255,255,255,.92);padding:7px 12px;border-radius:20px;font-size:13px;color:#2f6f62;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.hint{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:rgba(0,0,0,.45);color:#fff;font-size:12px;padding:6px 14px;border-radius:16px;pointer-events:none;z-index:2;white-space:nowrap}
.card{position:fixed;z-index:3;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:min(92vw,380px);transform:translate(-50%,130%);transition:transform .4s cubic-bezier(.2,.8,.2,1);background:#fffaf2;border:2px solid #e3b964;border-radius:18px;padding:18px 18px 16px;box-shadow:0 14px 40px rgba(60,30,10,.3)}
.card.show{transform:translate(-50%,0)}
.close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:18px;color:#9a8b76;padding:6px;cursor:pointer}
.meta{display:flex;gap:8px;align-items:center;font-size:12px;color:#8a7c69}
.badge{padding:3px 9px;border-radius:10px;font-weight:700}
.badge.open{background:#e3f1ea;color:#2f6f62}.badge.soon{background:#f1ece4;color:#9a8b76}
.card h2{margin-top:6px;font-size:24px;letter-spacing:2px;color:#9e2a1e}
.temple{font-size:13px;color:#8a7c69}
.deity{margin-top:6px;font-size:14px;color:#2f6f62}
.live{margin-top:6px;font-size:13px;color:#c8322b}.live:empty{display:none}
.intro{margin-top:8px;font-size:14px;line-height:1.7;color:#4a443c}
.go{display:block;width:100%;margin-top:14px;padding:13px 0;border:0;border-radius:12px;background:linear-gradient(#c8322b,#9e2a1e);color:#fff;font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer}
.go:disabled{background:#e8e1d6;color:#9a8b76;cursor:default}
.loading{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#faf6ef;transition:opacity .6s}
.loading.hide{opacity:0;pointer-events:none}
.gate-mini{background:linear-gradient(#c8322b,#9e2a1e);color:#ffe7a8;border:3px solid #e3b964;padding:12px 26px;border-radius:8px;font-size:28px;letter-spacing:8px;font-family:"Noto Serif TC",serif}
.loading p{color:#8a7c69;font-size:14px}
.fade{position:fixed;inset:0;z-index:9;background:#fffaf0;opacity:0;pointer-events:none;transition:opacity .6s}
.fade.on{opacity:1}
/* 底部快捷鈕：直接走去某間廟（手遊式大按鈕） */
.chips{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:8px;padding:0 10px;z-index:2;flex-wrap:wrap}
.chip{border:2px solid #cfc5b4;background:rgba(255,255,255,.94);color:#7a6d5c;font-size:14px;font-weight:700;padding:10px 14px;border-radius:22px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer}
.chip.open{border-color:#c8322b;color:#9e2a1e}
.chip:active{transform:scale(.96)}
.hint{bottom:calc(68px + env(safe-area-inset-bottom))}

/* ===== 我的廟（經營自己的廟） ===== */
.pills{display:flex;gap:8px;align-items:center;pointer-events:auto}
.pill.wallet{border:0;cursor:pointer;color:#7a4a1e;background:rgba(255,243,214,.96)}
.chip.mine{border-color:#d9a441;color:#7a4a1e;background:rgba(255,243,214,.97)}
.card.my{border-color:#2f6f62}
.card.my h2{color:#2f6f62}
.name-row{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.link{background:none;border:0;color:#2f6f62;font-size:13px;text-decoration:underline;cursor:pointer;padding:4px 0}
.rename{display:flex;gap:6px;margin-top:8px}
.rename select{flex:1;font-size:18px;padding:8px 4px;border:1px solid #cfc5b4;border-radius:8px;background:#fff}
.rename button{padding:8px 14px;border:0;border-radius:8px;background:#2f6f62;color:#fff;font-weight:700}
.hidden{display:none !important}
.stats{display:flex;gap:8px;margin-top:10px}
.stats div{flex:1;background:#f4efe6;border-radius:10px;padding:8px 4px;text-align:center}
.stats b{display:block;font-size:18px;color:#9e2a1e}
.stats span{font-size:11px;color:#8a7c69}
.bar{height:10px;background:#eadfcf;border-radius:6px;margin-top:12px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e9b860,#c98f2e);transition:width .5s}
.pend{font-size:13px;color:#6a5a48;margin-top:6px}
.go.alt{background:#fff;color:#2f6f62;border:1.5px solid #2f6f62;margin-top:8px;font-size:14px;letter-spacing:0;padding:11px 6px}
.go.alt:disabled{border-color:#d8d0c2;color:#a09482;background:#f6f2ea}
.msg{min-height:1.4em;margin-top:8px;font-size:13px;color:#c8322b;text-align:center}
.note{margin-top:4px;font-size:11px;color:#a09482;line-height:1.5}
@media (max-height:640px){.card.my .note{display:none}}

/* KIRK 11/10 晚：走到廟門口光圈跳的視窗＝兩顆並排的按鈕「留在廣場」「進廟」 */
.card-actions { display: flex; gap: 10px; margin-top: 12px; }
.card-actions .go { flex: 1.3 1 0; margin-top: 0; }
.card-actions .stay { flex: 1 1 0; min-height: 46px; border-radius: 12px; border: 1px solid #c9b48a; background: #fff; color: #7a4a1e; font-size: 16px; font-weight: 700; }

/* KIRK 11/10 深夜：進不去福興宮 → 進廟視窗一定要在最上層（以前 z-index 3，手機上「進廟」鈕會被底下的快捷鈕蓋住） */
.card { z-index: 40; bottom: calc(22px + env(safe-area-inset-bottom)); }

/* KIRK 11/10 深夜：人生地圖商店的貨架視窗 */
/* 人生地圖商店（KIRK 11/11 重做）：紅底金字店招＋分類頁籤＋商品卡 */
.shop { position: fixed; z-index: 40; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.96); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
  width: min(94vw, 520px); max-height: min(84vh, 680px); display: flex; flex-direction: column; overflow: hidden; background: #fffaf1; border-radius: 22px; box-shadow: 0 18px 50px rgba(60,20,8,.45), 0 0 0 1px rgba(224,176,74,.7); }
.shop.show { opacity: 1; pointer-events: auto; transform: translate(-50%, -50%) scale(1); }
.shop-head { display: flex; align-items: center; gap: 12px; padding: 14px 54px 14px 16px; background: linear-gradient(135deg, #a8231a, #7a140e); border-bottom: 3px solid #e0b04a; position: relative; }
.shop-logo { width: 44px; height: 44px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #e0b04a; flex: none; }
.shop-title h2 { margin: 0; font-size: 20px; letter-spacing: .08em; color: #ffe2a0; font-family: "Noto Serif TC", "PMingLiU", serif; }
.shop-title p { margin: 2px 0 0; font-size: 12.5px; color: #f5cfa8; letter-spacing: .12em; }
.shop .close { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); font-size: 17px; color: #ffe2a0; }
.shop .close:active { background: rgba(255,255,255,.28); }
/* KIRK 11/11：「欄位卡住了」——分類原本排成一橫排、超出去的要左右捲，但電腦用滑鼠捲不動、捲軸又被藏起來，最後一個分類（塔羅）被切掉。
   → 改成放不下就自動換行，五個分類一定全部看得到，不用捲。 */
.shop-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 14px 10px; background: #fbefd9; border-bottom: 1px solid #edd9b0; flex: none; }
.shop-tab { flex: 0 1 auto; min-height: 40px; padding: 8px 13px; border-radius: 999px; border: 1px solid #e3c487; background: #fffaf1; color: #7a4a1e; font-size: 14.5px; font-weight: 700; white-space: nowrap; }
.shop-tab:focus { outline: none; }
.shop-tab:focus-visible { outline: 2px solid #e0b04a; outline-offset: 2px; }
.shop-tab.on { background: #a8231a; border-color: #a8231a; color: #ffe2a0; box-shadow: 0 3px 8px rgba(168,35,26,.3); }
.shop-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px; overflow-y: auto; flex: 1; align-content: start; }
.shop-item { display: grid; grid-template-columns: 44px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; text-align: left; min-height: 72px; padding: 10px 12px; border-radius: 14px; border: 1px solid #ecd9b4; background: #fff; box-shadow: 0 2px 6px rgba(120,70,20,.08); color: #4a2410; }
.shop-item:active { background: #fff3dc; transform: translateY(1px); }
.shop-ico { grid-row: 1 / 3; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 24px; background: linear-gradient(135deg, #ffe9c2, #ffd597); }
.shop-name { font-size: 15px; font-weight: 700; line-height: 1.3; }
.shop-go { font-size: 12.5px; color: #a8231a; font-weight: 700; }
.shop-note { margin: 0; padding: 9px 14px 12px; font-size: 12px; color: #8a7458; background: #fbefd9; border-top: 1px solid #edd9b0; flex: none; }
@media (max-width: 380px) { .shop-list { grid-template-columns: 1fr; } }

/* 我的廟面板：參觀別人的廟（KIRK 11/11） */
.visit { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #d9c9a8; }
.visit h3 { margin: 0; font-size: 14px; color: #7a4a1e; }
.visit-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
/* 換一批（KIRK 11/12：「要刷新，要不同玩家的廟」）；手機好按：高 44 */
.visit-more { flex: none; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid #e3c487; background: #fff7e6; color: #8f1d14; font-size: 14px; font-weight: 700; }
.visit-more:active { background: #ffe9c2; }
.visit-more:disabled { opacity: .5; }
.visit-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; max-height: 168px; overflow-y: auto; }
.visit-item { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 48px; padding: 7px 10px; border-radius: 10px; border: 1px solid #e3c487; background: #fff; color: #4a2410; text-align: left; }
.visit-item b { font-size: 15px; }
.visit-item span { font-size: 12px; color: #1f6b4a; }
.visit-item:active { background: #fff3dc; }

/* 我的廟・遶境中的提示條（第 4 段） */
.tourbar { position: fixed; z-index: 7; left: 50%; top: max(64px, calc(env(safe-area-inset-top) + 58px)); transform: translate(-50%, -8px); max-width: 92vw; padding: 8px 16px; border-radius: 999px; background: rgba(143,29,20,.94); color: #ffe2a0; font-size: 14px; font-weight: 700; box-shadow: 0 4px 14px rgba(60,20,8,.35), 0 0 0 1px rgba(224,176,74,.9); opacity: 0; pointer-events: none; transition: opacity .3s, transform .3s; text-align: center; }
.tourbar.show { opacity: 1; transform: translate(-50%, 0); }

/* ===== 手機版（KIRK 11/12：「現在所有的人幾乎都用手機在玩，所有的 UI 都要配合手機」）=====
   用 390 寬的畫面實看到的問題：上面那一列（館名、館內幾人、香油錢）擠成三塊各折兩行；最下面的操作提示被「直接走到某間廟」的按鈕蓋住。 */
.brand, .pill { white-space: nowrap; }
.hint .touch { display: none; }
@media (pointer: coarse) { .hint .key { display: none; } .hint .touch { display: inline; } }   /* 觸控螢幕：不講 WASD，講手指怎麼操作 */
@media (max-width: 560px) {
  .hud-top { left: 8px; right: 8px; gap: 6px; align-items: flex-start; }
  .brand { font-size: 12.5px; padding: 6px 9px; letter-spacing: 0; border-width: 1.5px; flex: 0 0 auto; }
  .brand .pre { display: none; }                         /* 窄螢幕只留「雲端宗教館」，省位置給香油錢 */
  .pills { gap: 5px; flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
  .pill { font-size: 11.5px; padding: 6px 9px; }
  .hint { bottom: calc(118px + env(safe-area-inset-bottom)); font-size: 11.5px; max-width: 94vw; overflow: hidden; text-overflow: ellipsis; transition: opacity .6s; }   /* 按鈕會排成兩排，提示放到兩排的上面 */
  .hint.fade-out { opacity: 0; }
  .chips { gap: 6px; padding: 0 6px; }
  .tourbar { font-size: 12.5px; padding: 7px 12px; top: calc(52px + env(safe-area-inset-top)); white-space: normal; line-height: 1.35; }
}
@media (max-width: 360px) { .pill#total { display: none; } }   /* 很窄的手機：先藏「館內幾人」 */

/* ===== 手機：按鈕大小、不要擋住點地板（KIRK 11/12 第二輪：「按鈕大小、會不會擋到畫面不好移動，要徹底看清楚」）=====
   用 390 寬逐一量到的：
   1. 最下面「直接走到某間廟」那一整條會吃掉手指（按鈕之間的空白也點不到地板，佔畫面約 15%）→ 只有按鈕本身可以按，空白的地方點得穿。
   2. 右上角香油錢那一顆只有 29 高、視窗的 ✕ 只有 27×36、商店分類 38 高 → 都加大到手指好按（至少 44）。 */
.chips { pointer-events: none; }
.chips > * { pointer-events: auto; }
.close { top: 2px; right: 2px; min-width: 44px; min-height: 44px; padding: 10px; }
.shop .close { width: 44px; height: 44px; }
.shop-tab { min-height: 44px; }
.link { min-height: 36px; padding: 8px 4px; }
@media (max-width: 560px) {
  .pill.wallet { min-height: 36px; padding: 8px 11px; position: relative; }
  .pill.wallet::before { content: ''; position: absolute; left: 0; right: 0; top: -4px; bottom: -4px; }   /* KIRK：框不要太大，會擋到按走路 → 只上下各多 4 */
}

/* ===== 第一次來的進場頁（KIRK 11/12：「就照你的建議方式做，不要捏角色了」）=====
   蓋在最上層（比「開館中」還上面：場景還在載入的時候就可以先選）。【11/12 晚修】原本這一塊的 class 叫 .intro，跟進廟視窗裡「廟的介紹」那一段（<p class="intro">）撞名 →
   介紹文字被套上「全螢幕半透明遮罩」，整個畫面被蓋住、「進廟」按不到（同事回報：點下面廟宇進不了廟、卡在廟門口）。→ 全部改名 .enter*。
   手機優先：卡片最寬 360、按鈕都 ≥48 高、輸入框字 16（iPhone 才不會自動放大畫面）。 */
.enter { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)); background: rgba(60, 24, 10, .55); overflow-y: auto; }
.enter-card { width: min(100%, 360px); margin: auto; background: #fffaf1; border-radius: 20px; padding: 22px 18px 16px; text-align: center; box-shadow: 0 18px 44px rgba(40, 14, 4, .45), 0 0 0 1px rgba(224, 176, 74, .85); }
.enter-sub { margin: 0; font-size: 12px; letter-spacing: .3em; color: #9a6a2e; }
.enter-card h1 { margin: 4px 0 6px; font-size: 28px; color: #9e2a1e; font-family: "Noto Serif TC", "PMingLiU", serif; }
.enter-desc { margin: 0 0 14px; font-size: 14px; color: #6a4a30; }
.enter-name { width: 100%; height: 48px; border: 1px solid #d8bd86; border-radius: 12px; padding: 0 14px; font-size: 16px; text-align: center; background: #fff; color: #4a2410; }
.enter-name:focus { outline: 2px solid #c0392b; outline-offset: 1px; }
.enter-styles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 12px 0 14px; }
.enter-styles button { min-height: 72px; border: 2px solid #e3c487; border-radius: 14px; background: #fff; color: #5a3320; font-size: 14px; font-weight: 700; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 6px 2px; }
.enter-styles button .emo { font-size: 28px; line-height: 1.1; }
.enter-styles button[aria-checked="true"] { border-color: #a8231a; background: #fff1dc; color: #a8231a; box-shadow: 0 0 0 2px rgba(168, 35, 26, .18); }
.enter-go { width: 100%; min-height: 50px; border: 0; border-radius: 14px; background: #a8231a; color: #ffe9b8; font-size: 17px; font-weight: 700; }
.enter-go:active { background: #8c1c14; }
.enter-note { margin: 10px 0 0; font-size: 12px; color: #9a8b76; }
@media (max-height: 520px) { .enter-card { padding: 12px 16px 10px; } .enter-card h1 { font-size: 22px; margin: 0 0 2px; } .enter-desc, .enter-note { display: none; } .enter-styles { margin: 8px 0; } .enter-styles button { min-height: 52px; flex-direction: row; gap: 6px; } .enter-styles button .emo { font-size: 20px; } }

/* KIRK 11/12：「一進宗教館的那個雲端宗教館，改成人生地圖的 logo」（問過：指載入畫面）
   → 載入畫面中間原本紅底金字的「雲端宗教館」換成人生地圖 LOGO（跟廣場中央會轉的那一個同一張圖檔，不另外生圖）。輕輕呼吸放大縮小，表示還在載入。 */
.load-logo { width: 132px; height: 132px; border-radius: 50%; box-shadow: 0 8px 22px rgba(120, 40, 20, .22); animation: loadLogo 1.6s ease-in-out infinite; }
@keyframes loadLogo { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) { .load-logo { animation: none; } }

/* KIRK 11/12 晚：「顯示四間廟，換一批再顯示四間」→ 一次剛好兩排四間，不用捲、不會被切一半 */
.visit-list { max-height: none; overflow: visible; }

/* ===== 廣場活動（KIRK 11/12 晚：集章、法會日、全服目標、聯合遶境）=====
   class 一律 pz 開頭（11/12 的教訓：新樣式的名字不可以跟別的元件撞）。視窗大小固定（KIRK：「視窗大小要固定啦」），內容多就在裡面捲。
   手機優先：寬 94vw（最多 400）、領獎鈕 44 高。 */
.pill.pzbtn { border: 0; cursor: pointer; color: #7a140e; background: rgba(255, 233, 184, .97); position: relative; min-height: 32px; }
.pill.pzbtn.pzdot::after { content: ''; position: absolute; top: -3px; right: -3px; width: 11px; height: 11px; border-radius: 50%; background: #e0352b; box-shadow: 0 0 0 2px #fff; }
.pzp { position: fixed; z-index: 41; left: 50%; bottom: calc(22px + env(safe-area-inset-bottom)); width: min(94vw, 400px); height: min(76vh, 560px); transform: translate(-50%, 130%); transition: transform .35s cubic-bezier(.2, .8, .2, 1); display: flex; flex-direction: column; background: #fffaf2; border: 2px solid #e3b964; border-radius: 18px; box-shadow: 0 14px 40px rgba(60, 20, 8, .38); overflow: hidden; visibility: hidden; }
.pzp.show { transform: translate(-50%, 0); visibility: visible; }
.pzp-head { flex: none; display: flex; align-items: center; justify-content: space-between; padding: 6px 6px 6px 16px; background: #a8231a; }
.pzp-head h2 { margin: 0; font-size: 18px; color: #ffe2a0; font-family: "Noto Serif TC", "PMingLiU", serif; letter-spacing: .1em; }
.pzp-x { width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #ffe2a0; font-size: 16px; }
.pzp-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 12px 8px; -webkit-overflow-scrolling: touch; }
.pzp-sec { padding: 10px 2px 12px; border-bottom: 1px dashed #e3cfa4; }
.pzp-sec h3 { margin: 0 0 8px; font-size: 14px; color: #1f6b4a; }
.pzp-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.pzp-chip { padding: 5px 10px; border-radius: 999px; border: 1px solid #d8bd86; background: #fff; color: #9a8b76; font-size: 13px; font-weight: 700; }
.pzp-chip.on { background: #1f6b4a; border-color: #1f6b4a; color: #fff; }
.pzp-days { display: flex; gap: 6px; margin-bottom: 8px; }
.pzp-day { flex: 1 1 0; text-align: center; padding: 6px 0; border-radius: 10px; border: 1px solid #d8bd86; background: #fff; color: #9a8b76; font-size: 13px; font-weight: 700; }
.pzp-day.on { background: #1f6b4a; border-color: #1f6b4a; color: #fff; }
.pzp-day.now { box-shadow: 0 0 0 2px rgba(168, 35, 26, .55); }
.pzp-bar { height: 12px; border-radius: 999px; background: #efe2c6; overflow: hidden; margin-bottom: 8px; }
.pzp-bar i { display: block; height: 100%; background: linear-gradient(90deg, #e0b04a, #d8261c); border-radius: 999px; }
.pzp-row { display: flex; align-items: center; gap: 10px; }
.pzp-l { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pzp-l b { font-size: 14.5px; color: #4a2410; }
.pzp-l span { font-size: 12.5px; color: #7a6a55; line-height: 1.4; }
.pzp-go { flex: none; min-width: 112px; min-height: 44px; padding: 0 12px; border: 0; border-radius: 12px; background: #a8231a; color: #ffe9b8; font-size: 14px; font-weight: 700; }
.pzp-go:disabled { background: #e7dcc6; color: #9a8b76; }
.pzp-note { margin: 10px 2px 4px; font-size: 12px; color: #9a8b76; line-height: 1.5; }
.pzp-msg { flex: none; margin: 0; padding: 0 14px 10px; font-size: 13px; font-weight: 700; color: #a8231a; min-height: 0; }
.pzp-msg:empty { display: none; }
@media (max-width: 560px) { .pzp { bottom: calc(10px + env(safe-area-inset-bottom)); height: min(78vh, 560px); } .pzp-go { min-width: 100px; font-size: 13.5px; } .pill.pzbtn { min-height: 36px; padding: 8px 11px; } }
/* 廣場活動視窗最上面的「近期活動」（跟廣場上的告示牌同一份資料）：日期｜哪間廟 什麼法會｜還有幾天 */
.pzp-ev { display: flex; align-items: baseline; gap: 8px; padding: 6px 2px; font-size: 13.5px; color: #4a2410; }
.pzp-ev + .pzp-ev { border-top: 1px solid #f0e4cb; }
.pzp-ev b { flex: none; min-width: 78px; color: #7a140e; }
.pzp-ev span { flex: 1 1 auto; min-width: 0; }
.pzp-ev i { flex: none; font-style: normal; font-size: 12.5px; color: #1f6b4a; font-weight: 700; }
.pzp-ev.now i { color: #d8261c; }

/* 市集有十二攤（KIRK 11/13：市集要大）→ 分頁一排放不下：改成一排可以左右滑，不要折成好幾排把商品擠下去 */
.shop-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.shop-tabs .shop-tab { flex: none; white-space: nowrap; }