/* WEI 問答嚮導（點選式第一版）— 前綴 wei-guide- */
.wei-guide-fab{position:fixed;right:18px;bottom:18px;z-index:150;display:flex;align-items:center;gap:8px;
  height:52px;padding:0 18px 0 14px;border:0;border-radius:999px;background:#111;color:#fff;
  font:600 15px/1 "Noto Sans TC",system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.18);cursor:pointer}
.wei-guide-fab .wei-guide-dot{width:26px;height:26px;border-radius:50%;background:#C9A45C;color:#111;display:grid;place-items:center;font-weight:800;font-size:15px}
.wei-guide-fab:focus-visible,.wei-guide-panel button:focus-visible,.wei-guide-panel a:focus-visible{outline:3px solid #C9A45C;outline-offset:2px}
.wei-guide-fab[aria-expanded="true"]{display:none}
.wei-guide-panel{position:fixed;right:18px;bottom:18px;z-index:151;width:380px;max-height:min(620px,calc(100vh - 36px));
  display:none;flex-direction:column;background:#fff;color:#111;border:1px solid #E7E2D6;border-radius:20px;overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.18);font:15px/1.6 "Noto Sans TC",system-ui,sans-serif}
.wei-guide-panel.open{display:flex}
.wei-guide-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#111;color:#fff}
.wei-guide-head img{height:26px;width:auto}
.wei-guide-head strong{font-size:16px;flex:1}
.wei-guide-head button{width:36px;height:36px;border:0;border-radius:50%;background:#222;color:#fff;font-size:20px;cursor:pointer}
.wei-guide-body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#FAF8F3}
.wei-guide-msg{align-self:flex-start;max-width:90%;background:#fff;border:1px solid #ECE6D8;border-radius:4px 16px 16px 16px;padding:10px 14px;color:#222}
.wei-guide-msg.me{align-self:flex-end;background:#111;color:#fff;border-color:#111;border-radius:16px 4px 16px 16px}
.wei-guide-msg .wei-guide-note{display:block;margin-top:6px;font-size:13px;color:#6B6455}
.wei-guide-msg a.wei-guide-go{display:flex;width:fit-content;margin-top:8px;padding:8px 14px;border-radius:999px;background:#C9A45C;color:#111;font-weight:700;font-size:14px;text-decoration:none}
.wei-guide-tag{display:inline-block;padding:1px 8px;border-radius:999px;background:#F1EBDD;color:#7A5B1E;font-size:12px;font-weight:700;margin-left:4px}
.wei-guide-chips{display:flex;flex-wrap:wrap;gap:8px}
.wei-guide-chip{min-height:40px;padding:8px 14px;border:1px solid #D9CFB8;border-radius:999px;background:#fff;color:#111;font:600 14px/1.3 inherit;font-family:inherit;cursor:pointer;text-align:left}
.wei-guide-chip:hover{border-color:#C9A45C;background:#FFF9EC}
.wei-guide-chip.ghost{border-style:dashed;color:#6B6455}
.wei-guide-foot{padding:10px 16px;border-top:1px solid #ECE6D8;font-size:12.5px;color:#6B6455;background:#fff}
.wei-guide-foot a{color:#7A5B1E}
@media (max-width:520px){
  .wei-guide-fab{right:14px;bottom:14px}
  .wei-guide-panel{right:0;left:0;bottom:0;width:auto;max-height:88vh;border-radius:20px 20px 0 0}
}
@media (prefers-reduced-motion:no-preference){.wei-guide-panel.open{animation:wei-guide-in .22s ease-out}}
@keyframes wei-guide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Hide guide while first-visit intro is showing (same corner as 略過) */
body:has(#intro:not(.hidden)) .wei-guide-fab,
body:has(#intro:not(.hidden)) .wei-guide-panel { visibility:hidden !important; pointer-events:none !important; }
/* Mobile sheet: do not lock page scroll permanently — panel scrolls inside */
body.wei-guide-open { /* no overflow:hidden — avoids stuck scroll */ }
/* 手機上把「問問 WEI」縮成圓形按鈕，避免蓋到頁面上的主要按鈕。加在 guide.css 最後。 */
@media (max-width:520px){
  .wei-guide-fab{width:48px;height:48px;padding:0;justify-content:center;font-size:0;gap:0;right:12px;bottom:12px}
  .wei-guide-fab .wei-guide-dot{width:30px;height:30px;font-size:16px}
}