/* XUANSU 按钮配色修复 2026-10-14
   背景：xuansu.design-20261007-2.css 里有一条通用链接色规则
   .content-wrapper a:not(.btn):not(...) —— 它的优先级远高于 .fp-skew-btn，
   于是所有 <a class="fp-skew-btn"> 的文字色被改成 --fp-link（浅/深绿），
   绿色底 + 绿色字的按钮看起来像禁用态，hover 时文字几乎和背景同色。
   这里把按钮内的文字色固定为白色，并给真正的禁用态一个明确的灰色外观。*/

.content-wrapper a.fp-skew-btn,
.content-wrapper a.fp-skew-btn:visited,
.content-wrapper a.fp-skew-btn:hover,
.content-wrapper a.fp-skew-btn:focus,
.content-wrapper a.fp-skew-btn:active {
  color: #ffffff !important;
  text-decoration: none;
}

.content-wrapper a.fp-skew-btn.fp-btn-outline,
.content-wrapper a.fp-skew-btn.fp-btn-outline:visited,
.content-wrapper a.fp-skew-btn.fp-btn-outline:hover,
.content-wrapper a.fp-skew-btn.fp-btn-outline:focus {
  color: #10b981 !important;
}

body.dark-mode .content-wrapper a.fp-skew-btn.fp-btn-outline,
body.dark-mode .content-wrapper a.fp-skew-btn.fp-btn-outline:visited,
body.dark-mode .content-wrapper a.fp-skew-btn.fp-btn-outline:hover,
body.dark-mode .content-wrapper a.fp-skew-btn.fp-btn-outline:focus {
  color: #34d399 !important;
}

/* 禁用态：灰色外观，绝不与可用的绿色按钮混用 */
.fp-skew-btn[disabled],
.fp-skew-btn:disabled,
.fp-skew-btn.disabled {
  background: #cbd5e1;
  color: #64748b;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
}

body.dark-mode .fp-skew-btn[disabled],
body.dark-mode .fp-skew-btn:disabled,
body.dark-mode .fp-skew-btn.disabled {
  background: #334155;
  color: #94a3b8;
}