fix(single): match reference article action bar 1:1

The action bar used a locally invented pill-chip style that overrode the
reference theme's 80px icon-over-text columns, and the JS toggled a
class no stylesheet targeted — so likes/favorites showed no selected
state at all.

- restore reference markup: <svg class="icon"> + <text>/<count> and the
  actived class, with data-stat-count/data-base-count preserved
- toggle actived plus a transient action-animation so the lovestar
  keyframes finally reach the DOM
- drop the CSS overrides and now-dead action-btn/.action-btn--reward
  and .post-actions-card rules; main.css already carried the reference
  rules the overrides were shadowing

assets/css/build/public.css

@@ -5343,16 +5343,8 @@ body.aksrt-body-scroll .aksrt-show-on-scroll {
     cursor: zoom-in;
 }
 /* ============================================================
- * 8. 打赏按钮
+ * 8. 打赏弹窗
  * ============================================================ */
-.action-btn--reward {
-    position: relative;
-}
-
-.action-btn--reward.is-active {
-    color: var(--color-warning, #F59E0B);
-}
-
 .reward-modal {
     position: fixed;
     inset: 0;

assets/css/build/single.css

@@ -732,111 +732,10 @@ article.article.box-body,
     margin-bottom: 16px;
 }
 
-/* legacy .post-actions — text/icon column buttons, not pill chips */
-.post-actions-card,
-.post-actions {
-    position: relative;
-    text-align: center;
-    margin-bottom: 16px;
-    padding-bottom: 15px;
-    display: block;
-}
-
 .post-actions-wrap > .post-actions {
     margin-bottom: 0;
 }
 
-.post-actions-card__hint {
-    font-size: 13px;
-    color: var(--color-ink-4, var(--color-ink-4));
-    margin-bottom: 12px;
-}
-
-/* Legacy card-buttons flex only for non-legacy card variant */
-.post-actions-card__buttons {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    margin-bottom: 12px;
-}
-
-/* legacy: .article .action { width:80px; padding:10px 0; inline-block; opacity:.7 } */
-.article .action,
-.post-actions .action {
-    width: 80px;
-    padding: 10px 0;
-    display: inline-block;
-    opacity: 0.7;
-    vertical-align: top;
-    min-width: 0;
-    height: auto;
-    border-radius: 0;
-    border: 0;
-    background: transparent;
-    color: var(--muted-color, #777);
-    cursor: pointer;
-    font-size: 14px;
-    transition: opacity 0.15s ease, color 0.15s ease;
-    gap: 0;
-    text-align: center;
-}
-
-.article .action:hover,
-.post-actions .action:hover,
-.article .action.is-active,
-.post-actions .action.is-active {
-    color: inherit;
-    opacity: 1;
-    background: transparent;
-    border-color: transparent;
-}
-
-.article .action i,
-.post-actions .action i {
-    font-size: 20px;
-    display: block;
-    margin: 0 auto 4px;
-    line-height: 1;
-}
-
-.post-actions .action .action-btn__count,
-.post-actions .action .action-btn__label,
-.action-btn__count,
-.action-btn__label {
-    display: block;
-    font-size: 12px;
-    line-height: 1.2;
-    font-weight: 500;
-}
-
-/* Keep pill style for non-article .action-btn if used elsewhere */
-.action-btn {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    padding: 0.38em 1.1em;
-    border-radius: 50px;
-    border: 1px solid transparent;
-    background: var(--surface-4, rgba(136, 136, 136, 0.1));
-    color: var(--color-ink-3);
-    cursor: pointer;
-    font-size: 14px;
-    transition: all 0.15s ease;
-}
-
-.action-btn:hover {
-    background: var(--color-primary-soft);
-    color: var(--color-primary);
-}
-
-.action-btn.is-active {
-    border-color: var(--color-primary);
-    color: var(--color-primary);
-    background: var(--color-primary-soft, rgba(240, 68, 148, 0.08));
-}
-
-.action-btn i { font-size: 1.2em; }
-
 .theme-dark .post-drop-meta__menu,
 html.dark .post-drop-meta__menu {
     background: var(--surface-1, #323335);