/* 社群 Icon 列 */
  .footer-social { display:flex; gap:20px; margin-bottom:14px; flex-wrap:wrap; }
  .footer-social-icon {display:flex; align-items:center; justify-content:center;
    width:20px; height:20px; border-radius:50%;
    text-decoration:none; transition:transform .2s, opacity .2s;flex-shrink:0;
  }
  .footer-social-icon:hover { transform:translateY(-3px); opacity:.85; }
  .footer-social-icon svg { width:15px; height:15px; fill:#fff; }                                                       
  .icon-fb   { background:#1877F2; }
  .icon-ig   { background:radial-gradient(circle at 40% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
   }
  .icon-line { background:#06C755; }
  .icon-wechat { background:#06C755; position:relative; cursor:pointer; }                                               
  /* WeChat 點擊後顯示 ID 浮層 */
  .wechat-popup {
    display:none; position:fixed; inset:0; z-index:9999;
    background:rgba(0,0,0,.5); align-items:center; justify-content:center;
  }
  .wechat-popup.show { display:flex; }
  .wechat-popup-inner {
    background:#fff; border-radius:16px; padding:2rem 2.5rem;
    text-align:center; box-shadow:0 8px 32px rgba(0,0,0,.2);
  }
  .wechat-popup-inner p { margin:.5rem 0; font-size:.95rem; color:#333; }                                               
  .wechat-popup-inner strong { font-size:1.3rem; color:#07C160; letter-spacing:2px; }                                   
  .wechat-popup-close {
margin-top:1.2rem;display:inline-block;padding:.5rem 1.5rem;
    background:#07C160;color:#fff; border-radius:8px; cursor:pointer;
    font-size:.9rem; border:none;
  } 
 /* LINE 客服按鈕 */
  .footer-line-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #06C755;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    margin-bottom: 12px;
    transition: background 0.2s;
  }
  .footer-line-btn:hover { background: #05a748; }

/* 分館 Banner 淺藍色塊 */
  .page-id-5327 .hero-banner,
  .page-id-5328 .hero-banner,
  .page-id-5329 .hero-banner,
  .page-id-5687 .hero-banner {
    background: #8ab0c4 !important; height: 400px;
  }
  .page-id-5327 .hero-banner img,
  .page-id-5328 .hero-banner img,
  .page-id-5329 .hero-banner img,
  .page-id-5687 .hero-banner img {
    display: none !important;
  }   
  /* ── 分館 Banner 淺藍色塊 ───────────────────────── */
  .page-id-5327 .hero-banner,
  .page-id-5328 .hero-banner,
  .page-id-5329 .hero-banner,
  .page-id-5687 .hero-banner {
    background: #8ab0c4 !important;
  }
  .page-id-5327 .hero-banner img,
  .page-id-5328 .hero-banner img,
  .page-id-5329 .hero-banner img,
  .page-id-5687 .hero-banner img {
    display: none !important;
  }

  /* ── 分館 Hero 社群 Icon - App Icon 樣式 ─────────── */
  .hero-social { gap: 18px !important; } 
  .hero-social-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform .2s, opacity .2s !important;
  }
  .hero-social-btn:hover {
    transform: translateY(-3px) scale(1.05) !important;
    opacity: .9 !important;
  }
  .hero-social-btn svg {
    width: 22px !important;
    height: 22px !important;
    fill: #fff !important;
  }
  .hero-social-btn[aria-label="Facebook"] {
    background: linear-gradient(145deg, #42a8fb 0%, #1877F2 60%, #0d60d8 100%) !important;
  }
  .hero-social-btn[aria-label="Instagram"] {
    background: radial-gradient(circle at 30% 107%,
      #fdf497 0%, #fdf497 5%, #fd5949 45%,
      #d6249f 60%, #285AEB 90%) !important;
  }
  .hero-social-btn[aria-label="LINE"] {
    background: #06C755 !important;
  }               

  /* ── LINE 客服按鈕（頁尾綠底白字）────────────────── */
  .footer-line-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #06C755;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    margin-bottom: 12px;
    transition: background 0.2s;
  }
  .footer-line-btn:hover { background: #05a748; }