/* ===== RssUnion 我的订阅 · 共用按钮 ===== */
.ru-sub-btn{
    display:inline-flex;align-items:center;gap:5px;
    /* Pico 给 button 设了 width:100%，不写死就会把按钮拉成一整行 */
    width:auto;
    height:26px;padding:0 11px;margin:0;
    border:1px solid var(--ui-border,#e5e8ee);
    border-radius:999px;background:var(--ui-surface,#fff);
    color:var(--ui-text-2,#5b6472);
    font:inherit;font-size:12px;line-height:1;cursor:pointer;
    text-decoration:none;white-space:nowrap;
    transition:border-color .16s ease,color .16s ease,background .16s ease;
}
/* button 版（广场 / 网站主页 / 会员中心）：Pico 的 button 规则是 (0,1,1)，
   这里也写成同类特异性，靠"后出现"压住，不然按钮会被拉成一整行宽 */
button.ru-sub-btn{width:auto;margin:0;padding:0 11px;}
.ru-sub-btn:hover{border-color:var(--ui-accent,#10b981);color:var(--ui-accent,#10b981);}
.ru-sub-btn.is-on{
    border-color:var(--ui-accent,#10b981);
    background:var(--ui-accent-soft,rgba(16,185,129,.1));
    color:var(--ui-accent,#10b981);
}
.ru-sub-btn.is-busy{opacity:.55;pointer-events:none;}
.ru-sub-btn svg{display:block;flex:0 0 auto;}

/* 未登录：按钮仍可点，点了弹登录框 */
.ru-sub-btn[data-sub-guest="1"]{opacity:.75;}

/* RSS 左侧栏：文章数量右侧的 + / − */
.ru-sub-act{display:inline-flex;align-items:center;gap:2px;margin:0 0 0 6px;flex:0 0 auto;}
.ru-sub-act__btn{
    display:inline-flex;align-items:center;justify-content:center;
    width:18px;min-width:18px;height:18px;padding:0;margin:0;
    border:1px solid var(--ui-border,#e5e8ee);border-radius:6px;
    background:var(--ui-surface,#fff);color:var(--ui-text-3,#8a93a2);
    font:inherit;font-size:13px;line-height:1;cursor:pointer;
    transition:border-color .16s ease,color .16s ease,background .16s ease;
}
button.ru-sub-act__btn{width:18px;min-width:18px;margin:0;padding:0;line-height:1;
    border:1px solid var(--ui-border,#e5e8ee);border-radius:6px;
    background:var(--ui-surface,#fff);color:var(--ui-text-3,#8a93a2);
    font:inherit;font-size:13px;cursor:pointer;}
.ru-sub-act__btn:hover{border-color:var(--ui-accent,#10b981);color:var(--ui-accent,#10b981);}
/* 高亮的永远是"现在能点的那一个"：
   未订阅 → + 正常、− 变淡；已订阅 → − 用强调色标出来（点它取消）、+ 变淡 */
.ru-sub-act:not(.is-sub) .ru-sub-act__btn--del{opacity:.4;}
.ru-sub-act.is-sub .ru-sub-act__btn--add{opacity:.4;}
.ru-sub-act.is-sub .ru-sub-act__btn--del{
    border-color:var(--ui-accent,#10b981);
    background:var(--ui-accent-soft,rgba(16,185,129,.1));
    color:var(--ui-accent,#10b981);
    opacity:1;
}
.ru-sub-act__btn.is-busy{opacity:.4;pointer-events:none;}

/* 轻提示（跟登录弹窗那套同一个观感，但独立类名，不依赖 AuthUi 是否输出） */
.ru-sub-toast{
    position:fixed;left:50%;bottom:38px;transform:translateX(-50%) translateY(8px);
    z-index:9999;max-width:80vw;
    padding:9px 16px;border-radius:10px;
    background:var(--ui-text-1,#1f2430);color:#fff;
    font-size:13px;line-height:1.4;box-shadow:0 8px 24px rgba(15,23,42,.22);
    opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;
}
.ru-sub-toast.is-in{opacity:1;transform:translateX(-50%) translateY(0);}
.ru-sub-toast.is-err{background:#c0392b;}