.support-dock { position:fixed; right:12px; top:48%; z-index:70; color:#172a32; font-family:"Noto Sans TC","PingFang HK",sans-serif; }
.support-dock summary { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-width:56px; min-height:74px; padding:12px 8px; border:1px solid #b7c9c0; border-radius:16px; background:#f5f1e8; color:#0b4d43; box-shadow:3px 4px 0 #ef967480; font-size:11px; font-weight:650; cursor:pointer; list-style:none; }
.support-dock summary::-webkit-details-marker { display:none; }
.support-dock summary:focus-visible,.support-dock a:focus-visible { outline:3px solid #0f7561; outline-offset:4px; }
.support-dock details[open] summary { background:#0b4d43; color:#fff; }
.support-dock-panel { position:absolute; right:calc(100% + 12px); top:0; width:min(296px,calc(100vw - 100px)); padding:20px; border:1px solid #c6d5cb; border-radius:18px; background:#f7f4ed; box-shadow:0 16px 48px #172a3226; }
.support-dock-panel h2 { margin:0 0 8px; color:#172a32; font-size:19px; line-height:1.5; font-weight:700; }
.support-dock-panel p { margin:0 0 14px; color:#465b52; font-size:14px; line-height:1.7; }
.support-dock-panel a { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:9px 0; color:#0b4d43; font-size:13px; font-weight:600; text-decoration:none; }
.support-dock-panel .support-dock-primary { background:#0b4d43; color:#fff; border-radius:10px; padding:11px 13px; margin-bottom:6px; }
.support-dock-panel small { display:block; margin-top:12px; padding-top:12px; border-top:1px solid #d7d0c4; color:#526168; font-size:12px; line-height:1.7; }
@media(max-width:767px) {
  .support-dock { top:auto; bottom:calc(92px + env(safe-area-inset-bottom,0px)); right:10px; }
  .support-dock summary { min-width:50px; min-height:60px; padding:8px 6px; font-size:10px; }
  .support-dock-panel { top:auto; bottom:0; right:calc(100% + 8px); max-height:calc(100dvh - 144px); overflow-y:auto; padding:16px; }
}