/* v223：僅會員區塊的間距、橫向按鈕與滑鼠手勢。 */
#softking-member-panel { margin-top: 28px; padding-top: 8px; text-align: left; }
#softking-member-panel h3 { margin: 0 0 10px; }
#softking-member-panel p { margin: 10px 0; line-height: 1.7; overflow-wrap: anywhere; }
#softking-member-panel .sk-member-actions,
#softking-member-panel .sk-member-backup-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; }
#softking-member-panel .sk-member-actions { margin-top: 14px; }
#softking-member-panel .sk-member-backup-row { margin-top: 18px; padding-top: 12px; border-top: 1px solid #bfd7ea; }
#softking-member-panel .sk-member-backup-row > p { flex-basis: 100%; margin: 0; }
#softking-member-panel .page-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; width: auto; max-width: 100%; margin: 0; min-height: 44px; cursor: pointer; white-space: normal; }
#softking-member-panel .page-btn:disabled { cursor: not-allowed; }
#softking-member-panel .page-btn:focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; }

/* v233：備份資訊分層，操作按需展開；樣式僅作用於會員清單。 */
#softking-member-panel .sk-member-list-title { margin: 24px 0 12px; font-size: 1rem; }
#softking-member-panel .sk-member-backup-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px 20px; margin-top: 12px; padding: 16px; border: 1px solid #d8e2ed; border-radius: 12px; background: var(--color-card, #fff); }
#softking-member-panel .sk-member-backup-info { min-width: 0; }
#softking-member-panel .sk-member-backup-name { margin: 0 0 8px; font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; }
#softking-member-panel .sk-member-backup-meta { margin: 3px 0; font-size: .9rem; color: var(--color-text-muted, #526174); }
#softking-member-panel .sk-member-backup-menu { min-width: 0; max-width: 100%; }
#softking-member-panel .sk-member-backup-menu > summary { box-sizing: border-box; padding: 10px 14px; min-height: 44px; border: 1px solid #bfd7ea; border-radius: 8px; background: #edf5fd; color: #24516c; cursor: pointer; font-weight: 600; }
#softking-member-panel .sk-member-backup-menu > summary:focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; }
#softking-member-panel .sk-member-backup-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; max-width: 460px; }
#softking-member-panel .sk-member-backup-actions > .page-btn { padding: 9px 12px; font-size: .9rem; }
#softking-member-panel .sk-member-backup-actions > .sk-member-backup-delete { color: #a32626; background: #fff5f5; border-color: #e7bcbc; }
body.dark #softking-member-panel .sk-member-backup-row { border-color: #42536b; }
body.dark #softking-member-panel .sk-member-backup-meta { color: #b6c3d3; }
body.dark #softking-member-panel .sk-member-backup-menu > summary { color: #cce8ff; background: #223750; border-color: #526b88; }
body.dark #softking-member-panel .sk-member-backup-actions > .sk-member-backup-delete { color: #ffc3c3; background: #40272d; border-color: #97616a; }
@media (max-width: 700px) {
 #softking-member-panel .sk-member-backup-row { grid-template-columns: minmax(0, 1fr); padding: 14px; }
 #softking-member-panel .sk-member-backup-menu > summary { width: fit-content; max-width: 100%; }
 #softking-member-panel .sk-member-backup-actions { max-width: none; }
}

/* v234：整份清單可收合，標題與份數保持可見。 */
#softking-member-panel .sk-member-list-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 24px 0 12px; }
#softking-member-panel .sk-member-list-toolbar .sk-member-list-title { margin: 0; }
#softking-member-panel .page-btn.sk-member-list-toggle { margin-left: auto; padding: 8px 12px; font-size: .9rem; }
#softking-member-panel #sk-member-backup-items[hidden] { display: none; }

/* v235：清單收合入口使用無框文字按鈕，保留觸控範圍與鍵盤焦點。 */
#softking-member-panel .page-btn.sk-member-list-toggle,
#softking-member-panel .page-btn.sk-member-list-toggle:hover:not(:disabled),
#softking-member-panel .page-btn.sk-member-list-toggle:active { background: transparent; border: 0; box-shadow: none; color: #285a89; padding: 8px 4px; }
#softking-member-panel .page-btn.sk-member-list-toggle:hover:not(:disabled) { text-decoration: underline; text-underline-offset: 4px; }
body.dark #softking-member-panel .page-btn.sk-member-list-toggle { color: #cce8ff; }