/* Angelo 社群浮球 */
.asf{position:fixed;z-index:100;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:0}
.asf--left{left:20px}
.asf--right{right:20px}
/* 右下時避開 Blocksy「回到頂端」按鈕（bottom 25px、約 36px 高；≤689px 主題會隱藏它） */
@media (min-width:690px){.asf--right{bottom:84px}}

.asf__toggle{width:56px;height:56px;border:0;border-radius:50%;padding:0;margin:0;display:grid;place-items:center;
  background:#f36a21;color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(7,31,56,.25);transition:transform .25s ease,background .25s ease}
.asf__toggle:hover{background:#d9561a;transform:translateY(-2px)}
.asf__toggle:focus-visible,.asf__link:focus-visible{outline:3px solid #071f38;outline-offset:3px}
.asf__toggle svg{width:28px;height:28px}
.asf__icon-close{display:none}
.asf.is-open .asf__icon-open{display:none}
.asf.is-open .asf__icon-close{display:grid}
.asf__icon-open,.asf__icon-close{place-items:center}
.asf__icon-open{display:grid}

.asf__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.asf__list[hidden]{display:none}
.asf.is-open .asf__list li{animation:asf-in .22s ease both}
.asf__link{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  background:var(--asf-c,#f36a21);color:#fff !important;text-decoration:none;box-shadow:0 6px 18px rgba(7,31,56,.22);transition:transform .2s ease}
.asf__link:hover{transform:scale(1.08)}
.asf__link svg{width:24px;height:24px}
.asf__link img{width:100%;height:100%;object-fit:cover}
@keyframes asf-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:689px){
  .asf{bottom:16px;gap:10px}
  .asf--left{left:16px}
  .asf--right{right:16px}
  .asf__toggle{width:52px;height:52px}
}
@media (prefers-reduced-motion:reduce){.asf *{animation:none !important;transition:none !important}}
@media print{.asf{display:none}}