/* 數位發現社群分享列（posts.php / post.php）。圖示預設為品牌色，滑過時填滿品牌底色；其餘顏色沿用 theme.css 變數。 */
.sp-share{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
.sp-share-label{color:var(--muted);font-size:.85rem;letter-spacing:.06em;margin-right:2px}
.sp-share-btn{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;position:relative;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;width:34px}
.sp-share-btn svg{display:block;height:18px;width:18px}
.sp-share-btn>span{display:flex;line-height:0}
button.sp-share-btn{-webkit-appearance:none;appearance:none;font:inherit;line-height:0;margin:0;min-height:0}
.sp-share-btn:hover,.sp-share-btn:focus-visible{color:#fff;transform:translateY(-1px)}
.sp-share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sp-share-btn.is-line{color:#06c755;--share-icon-cut:var(--surface)}
.sp-share-btn.is-facebook{color:#1877f2}
.sp-share-btn.is-x,.sp-share-btn.is-threads{color:var(--ink)}
.sp-share-btn.is-copy{color:var(--accent)}
.sp-share-btn.is-line:hover,.sp-share-btn.is-line:focus-visible{background:#06c755;border-color:#06c755;--share-icon-cut:#06c755}
.sp-share-btn.is-facebook:hover,.sp-share-btn.is-facebook:focus-visible{background:#1877f2;border-color:#1877f2}
.sp-share-btn.is-x:hover,.sp-share-btn.is-x:focus-visible,.sp-share-btn.is-threads:hover,.sp-share-btn.is-threads:focus-visible{background:#111;border-color:#111}
[data-theme="dark"] .sp-share-btn.is-x:hover,[data-theme="dark"] .sp-share-btn.is-x:focus-visible,[data-theme="dark"] .sp-share-btn.is-threads:hover,[data-theme="dark"] .sp-share-btn.is-threads:focus-visible{background:#f2f2f2;border-color:#f2f2f2;color:#111}
.sp-share-btn.is-copy:hover,.sp-share-btn.is-copy:focus-visible{background:var(--accent);border-color:var(--accent)}
.sp-share .sp-share-btn:hover,.sp-share .sp-share-btn:focus-visible{color:#fff}
.sp-share-btn>.sp-ico-done{display:none}
.sp-share-btn.is-done{background:var(--accent);border-color:var(--accent);color:#fff}
.sp-share-btn.is-done>.sp-ico-copy{display:none}
.sp-share-btn.is-done>.sp-ico-done{display:flex}
.sp-share-btn.is-done::after{background:var(--ink);border-radius:6px;bottom:calc(100% + 6px);color:var(--surface);content:"已複製";font-size:.72rem;left:50%;padding:3px 7px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}
.sp-share-count{color:var(--muted);font-size:.8rem;margin-left:4px}
.sp-share.is-full .sp-share-btn{height:38px;width:38px}
.sp-share.is-full .sp-share-btn svg{height:19px;width:19px}
@media (prefers-reduced-motion:reduce){.sp-share-btn{transition:none}.sp-share-btn:hover{transform:none}}
@media (max-width:720px){.sp-share-btn{height:38px;width:38px}.sp-share{gap:10px}}