/**
 * 方案 A · 蓝图工坊（奶油黄主色 + 深字可读）
 * 作用域：仅在 body 带 .scheme-a-home 时生效。
 */

/* —— 设计令牌：奶油黄主色，正文/名字用深棕保证对比度 —— */
body.scheme-a-home {
  color-scheme: light;
  --sa-bg: #f7f4ed;
  --sa-paper: #fffdf8;
  /* 正文：深棕，勿用浅灰做名字 */
  --sa-ink: #3d2e0f;
  --sa-ink-muted: #5c4f3a;
  --sa-border: #e8e0d0;
  /* 奶油黄主强调（琥珀系，非大红） */
  --sa-accent: #ca8a04;
  --sa-accent-deep: #a16207;
  --sa-accent-soft: #fef3c7;
  --sa-cream: #fde68a;
  --sa-cream-panel: #fffbeb;
  --sa-mint: #b8d4ce;
  --sa-mint-bg: #e8f4f1;
  --sa-peach-bg: #faf0e8;
  --sa-grid: rgba(120, 100, 60, 0.05);
  --sa-ring: rgba(202, 138, 4, 0.4);
  /* 活泼首页：正文 Nunito+Noto；Hero 大标题用站酷快乐体（仅大字，保证识别） */
  --sa-font: "Nunito", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;
  --sa-font-hero: "ZCOOL KuaiLe", "Noto Sans SC", "Nunito", sans-serif;
  --sa-font-mono: "JetBrains Mono", ui-monospace, monospace;
  /* 可点击微交互：略带回弹的缓动（与 prefers-reduced-motion 配合） */
  --sa-ease-bounce: cubic-bezier(0.34, 1.45, 0.64, 1);
  --sa-tap-fast: 0.14s;
  --sa-tap-slow: 0.24s;
}

/* 页面壳：方格纸 + 去掉深色渐变 */
body.scheme-a-home {
  background-color: var(--sa-bg) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font);
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.scheme-a-home #main-home {
  font-family: var(--sa-font);
}

/* Hero 主副标题：站酷快乐体（活泼）；该字体仅 Regular，勿叠超高字重 */
body.scheme-a-home #main-home > section:first-of-type .hero-title-block h1 {
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
  line-height: 1.22 !important;
  text-shadow: 0 1px 0 rgba(255, 253, 248, 0.95);
}

body.scheme-a-home #main-home > section:first-of-type .hero-title-block h2 {
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em;
  line-height: 1.35 !important;
  text-shadow: 0 1px 0 rgba(255, 253, 248, 0.95);
}

/* 顶行标语：仍用 Noto/Nunito，略宽字距、够粗，小字也清晰 */
body.scheme-a-home #main-home > section:first-of-type .text-sky-400\/90 {
  font-family: var(--sa-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  font-size: 0.9375rem !important;
}

/* 说明段落：站酷快乐体，与标题风格统一 */
body.scheme-a-home #main-home > section:first-of-type .text-base,
body.scheme-a-home #main-home > section:first-of-type .text-lg,
body.scheme-a-home #main-home > section:first-of-type p.leading-relaxed {
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em;
  line-height: 1.85 !important;
}

/* 顶栏：站点名 / Logo */
body.scheme-a-home header .font-syne {
  font-family: var(--sa-font) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

body.scheme-a-home header .site-logo-area img {
  filter: drop-shadow(0 1px 3px rgba(180, 130, 20, 0.15));
}

body.scheme-a-home header nav .btn-interaction,
body.scheme-a-home header #nav-fun-skills-btn {
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

body.scheme-a-home #auth-user-email {
  font-family: var(--sa-font) !important;
}

/* Tab（每周精选标题字体见下方「每周精选卡片」） */
body.scheme-a-home .skills-tab-btn {
  font-family: var(--sa-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

body.scheme-a-home .hero-weekly-picks .text-sm {
  font-weight: 500 !important;
}

body.scheme-a-home .weekly-picks-cta {
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

/* 技能卡片：标题略活泼，正文保持 500 */
body.scheme-a-home #main-home .skill-card h3 {
  font-family: var(--sa-font) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

body.scheme-a-home #main-home .skill-card .text-xs.leading-relaxed {
  font-weight: 500 !important;
}

body.scheme-a-home #main-home .skill-card-footer .link-chip {
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

body.scheme-a-home #main-home .skill-card .font-mono,
body.scheme-a-home #main-home .skill-card p.font-mono {
  font-family: var(--sa-font-mono) !important;
  letter-spacing: -0.03em;
}

/* 主操作按钮 */
body.scheme-a-home #main-home .hero-action-btn {
  font-family: var(--sa-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
}

body.scheme-a-home .tag-chip {
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
}

body.scheme-a-home #search-input {
  font-family: var(--sa-font) !important;
  font-weight: 500 !important;
}

body.scheme-a-home > div.min-h-full {
  background: var(--sa-bg) !important;
  background-image:
    linear-gradient(var(--sa-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--sa-grid) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
}

/* 顶栏：磨砂奶白 */
body.scheme-a-home header.sticky {
  background: rgba(255, 251, 247, 0.94) !important;
  border-bottom-color: var(--sa-border) !important;
  backdrop-filter: blur(12px);
}

/* Logo 图片：已替换为 SVG img，旧的渐变 box 覆盖已移除 */
  font-weight: 800;
}

/* 站点名：深棕琥珀渐变字，浅色底上仍清晰 */
body.scheme-a-home header .flex.items-center.gap-2.flex-wrap > span.font-syne {
  background: linear-gradient(90deg, #78350f 0%, #92400e 45%, #a16207 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-weight: 800;
}

/* 默认导航按钮（含未单独指定的入口） */
body.scheme-a-home header .btn-interaction {
  border-color: #d9cfcb !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  --tw-ring-offset-color: var(--sa-paper) !important;
  border-radius: 9999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 2px 0 rgba(61, 46, 15, 0.04),
    0 6px 16px -8px rgba(61, 46, 15, 0.1) !important;
}

body.scheme-a-home header .btn-interaction:hover {
  border-color: var(--sa-mint) !important;
  background: var(--sa-mint-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(100, 160, 140, 0.1),
    0 10px 22px -10px rgba(61, 46, 15, 0.12) !important;
}

/* 登录：薄荷糖色系，与大赛粉紫区分 */
body.scheme-a-home header #btn-login {
  border-color: #9ecbc2 !important;
  background: var(--sa-mint-bg) !important;
  color: #3d6b62 !important;
  border-radius: 9999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.9),
    0 3px 0 rgba(100, 160, 140, 0.12),
    0 8px 18px -10px rgba(61, 100, 90, 0.15) !important;
}

body.scheme-a-home header #btn-login:hover {
  border-color: #7fb3a8 !important;
  background: #dceee9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 4px 0 rgba(100, 160, 140, 0.1),
    0 12px 24px -10px rgba(61, 100, 90, 0.18) !important;
}

/* Fun Skills 大赛：奶油黄主色块 + 深字（与整站主色一致） */
body.scheme-a-home header #nav-fun-skills-btn {
  border-color: #e8c96b !important;
  background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important;
  color: #713f12 !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(202, 138, 4, 0.15),
    0 8px 20px -8px rgba(180, 130, 20, 0.22) !important;
}

body.scheme-a-home header #nav-fun-skills-btn:hover {
  border-color: #d97706 !important;
  background: linear-gradient(180deg, #fef3c7 0%, #fde68a 100%) !important;
  color: #422006 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 4px 0 rgba(202, 138, 4, 0.12),
    0 12px 26px -8px rgba(180, 130, 20, 0.28) !important;
}

body.scheme-a-home header #nav-fun-skills-btn .rounded-full {
  background: #f59e0b !important;
}

/* 企业空间 / 技能安全检查：低调灰粉 */
body.scheme-a-home header a[href="enterprise.html"],
body.scheme-a-home header button[onclick="openSecurityDashboard()"] {
  border-color: #d4c4b8 !important;
  background: var(--sa-peach-bg) !important;
  color: #7d5e4e !important;
  border-radius: 9999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.85),
    0 2px 0 rgba(120, 90, 70, 0.06) !important;
}

/* 已登录：用户区（奶油黄底 + 昵称深字，避免浅灰看不清） */
body.scheme-a-home #auth-user-dropdown-trigger {
  border-color: #e8d48b !important;
  background: linear-gradient(180deg, #fffbeb 0%, #fefce8 100%) !important;
  color: var(--sa-ink) !important;
  border-radius: 9999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 2px 0 rgba(202, 138, 4, 0.1),
    0 6px 16px -8px rgba(120, 90, 30, 0.12) !important;
}

body.scheme-a-home #auth-user-dropdown-trigger:hover {
  border-color: #d97706 !important;
  background: #fffbeb !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(202, 138, 4, 0.08),
    0 10px 22px -8px rgba(120, 90, 30, 0.16) !important;
}

body.scheme-a-home #auth-user-avatar,
body.scheme-a-home #auth-user-dropdown-trigger .auth-user-avatar {
  border-color: #d4a017 !important;
  background: #fff !important;
  color: var(--sa-ink) !important;
}

body.scheme-a-home #auth-user-dropdown-menu {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 12px 40px -12px rgba(60, 40, 10, 0.15) !important;
}

body.scheme-a-home #auth-user-dropdown-menu button {
  color: var(--sa-ink) !important;
}

body.scheme-a-home #auth-user-dropdown-menu button:hover {
  background: var(--sa-accent-soft) !important;
}

/* 昵称：强制深棕，覆盖 text-slate-200 */
body.scheme-a-home #auth-user-email,
body.scheme-a-home #auth-user-email.text-slate-200 {
  color: #3d2e0f !important;
  font-weight: 600 !important;
}

body.scheme-a-home #auth-user-dropdown-trigger svg.text-slate-400 {
  color: #78716c !important;
}

body.scheme-a-home header .btn-interaction:focus-visible,
body.scheme-a-home #auth-user-dropdown-trigger:focus-visible {
  --tw-ring-color: #f59e0b !important;
  --tw-ring-offset-color: var(--sa-paper) !important;
}

/* —— Hero —— 配色（字体见上文「Hero 主副标题」勿在此覆盖 font-family） */
body.scheme-a-home #main-home > section:first-of-type .text-sky-400\/90 {
  color: #b45309 !important;
}

body.scheme-a-home #main-home > section:first-of-type h1.text-white,
body.scheme-a-home #main-home > section:first-of-type .hero-title-block h1 {
  color: var(--sa-ink) !important;
}

body.scheme-a-home #main-home > section:first-of-type .hero-title-block h2 {
  background: none !important;
  -webkit-background-clip: unset !important;
  color: #5c4f3a !important;
  white-space: normal !important;
}

body.scheme-a-home #main-home > section:first-of-type .text-slate-300 {
  color: var(--sa-ink-muted) !important;
}

body.scheme-a-home #main-home > section:first-of-type .hero-title-accent {
  background: linear-gradient(90deg, #fde68a, #fbbf24, #f59e0b) !important;
}

/* Hero CTA：奶油黄 + 粘土高光；胶囊形 + 弹跳见文末 @media */
body.scheme-a-home #main-home .hero-action-btn {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  --tw-ring-offset-color: var(--sa-bg) !important;
  border-radius: 9999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.9),
    0 2px 0 rgba(61, 46, 15, 0.05),
    0 8px 20px -10px rgba(61, 46, 15, 0.12) !important;
}

body.scheme-a-home #main-home a.hero-action-btn[href="#skills-list-root"] {
  border: none !important;
  background: linear-gradient(135deg, #fde68a 0%, #fbbf24 55%, #f59e0b 100%) !important;
  color: #422006 !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.55),
    inset 0 -3px 0 rgba(180, 83, 9, 0.18),
    0 4px 0 rgba(180, 83, 9, 0.12),
    0 12px 28px -8px rgba(180, 130, 20, 0.42) !important;
}

body.scheme-a-home #main-home a.hero-action-btn[href="#skills-list-root"]:hover {
  filter: brightness(1.03);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.6),
    inset 0 -3px 0 rgba(180, 83, 9, 0.14),
    0 6px 0 rgba(180, 83, 9, 0.1),
    0 16px 36px -8px rgba(180, 130, 20, 0.48) !important;
}

/* 覆盖 HTML 上 text-white，主按钮用深字才清晰 */
body.scheme-a-home #main-home a.hero-action-btn[href="#skills-list-root"].text-white {
  color: #422006 !important;
}

body.scheme-a-home #main-home .hero-action-btn svg {
  color: currentColor;
}

/* Hero 次按钮：杏粉 / 雾蓝 / 薄荷（各色一层「软糖」底影） */
body.scheme-a-home #main-home .hero-action-btn.border-amber-400\/60 {
  border-color: #e5c4a8 !important;
  background: #fff5eb !important;
  color: #7d5a42 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(213, 150, 100, 0.12),
    0 10px 22px -12px rgba(125, 90, 66, 0.18) !important;
}

body.scheme-a-home #main-home .hero-action-btn.border-amber-400\/60:hover {
  background: #ffe8d4 !important;
  border-color: #ddb896 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 4px 0 rgba(213, 150, 100, 0.1),
    0 14px 26px -10px rgba(125, 90, 66, 0.22) !important;
}

body.scheme-a-home #main-home .hero-action-btn.border-sky-400\/60 {
  border-color: #b0c9d4 !important;
  background: #eef6fa !important;
  color: #4a6672 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(100, 140, 160, 0.1),
    0 10px 22px -12px rgba(74, 102, 114, 0.16) !important;
}

body.scheme-a-home #main-home .hero-action-btn.border-sky-400\/60:hover {
  background: #e2eef4 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 4px 0 rgba(100, 140, 160, 0.08),
    0 14px 26px -10px rgba(74, 102, 114, 0.2) !important;
}

body.scheme-a-home #main-home .hero-action-btn.border-emerald-400\/60 {
  border-color: #9ecbc2 !important;
  background: var(--sa-mint-bg) !important;
  color: #3d5d56 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.9),
    0 3px 0 rgba(80, 140, 120, 0.1),
    0 10px 22px -12px rgba(61, 93, 86, 0.14) !important;
}

body.scheme-a-home #main-home .hero-action-btn.border-emerald-400\/60:hover {
  background: #dceee9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.9),
    0 4px 0 rgba(80, 140, 120, 0.08),
    0 14px 26px -10px rgba(61, 93, 86, 0.18) !important;
}

/* —— 每周精选卡片：外框双层线 + 标题站酷体；内卡描边与轻抬升 —— */
body.scheme-a-home .hero-weekly-picks {
  position: relative;
  /* 覆盖 Tailwind p-6/sm:p-8，整体更紧凑 */
  padding: 1rem 1.125rem !important;
  background:
    linear-gradient(165deg, rgba(255, 253, 248, 0.97) 0%, rgba(255, 251, 235, 0.99) 100%),
    repeating-linear-gradient(
      -12deg,
      transparent,
      transparent 10px,
      rgba(120, 100, 60, 0.03) 10px,
      rgba(120, 100, 60, 0.03) 11px
    ) !important;
  border: 2px solid rgba(232, 212, 168, 0.95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 253, 248, 0.9) inset,
    0 0 0 3px rgba(254, 243, 199, 0.65),
    0 12px 40px -14px rgba(61, 46, 15, 0.14) !important;
  backdrop-filter: none !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-picks-header {
  border-bottom: none !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0.625rem !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-picks-header::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 0.5rem;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--sa-accent) 0%,
    var(--sa-cream) 42%,
    rgba(254, 243, 199, 0.35) 78%,
    transparent 100%
  );
}

/* 区块标题：站酷快乐体；须覆盖 HTML 上 text-white，奶油底上才可见 */
body.scheme-a-home .hero-weekly-picks h2,
body.scheme-a-home .hero-weekly-picks h2.text-white {
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
  color: var(--sa-ink) !important;
  text-shadow: 0 1px 0 rgba(255, 253, 248, 0.9);
}

body.scheme-a-home .hero-weekly-picks .weekly-picks-title-row {
  color: var(--sa-ink) !important;
  align-items: baseline !important;
}

body.scheme-a-home .hero-weekly-picks .text-slate-400 {
  color: var(--sa-ink-muted) !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-picks-badge {
  font-family: var(--sa-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  font-size: 0.625rem !important;
  background: linear-gradient(145deg, var(--sa-accent-soft), #fff7d6) !important;
  color: var(--sa-accent-deep) !important;
  border: 2px solid rgba(202, 138, 4, 0.35) !important;
  box-shadow: 0 1px 0 rgba(255, 253, 248, 0.9) inset, 0 2px 6px rgba(202, 138, 4, 0.12) !important;
}

body.scheme-a-home #main-home .hero-weekly-picks .skill-card h3 {
  font-family: var(--sa-font) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--sa-ink) !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-pick-rank {
  bottom: 0.65rem !important;
  right: 0.75rem !important;
  width: 1.875rem !important;
  height: 1.875rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;
  /* 数字在圆内视觉居中（部分字体略偏上） */
  padding-top: 0.06em !important;
  background: linear-gradient(160deg, #fef3c7, #fde68a) !important;
  border: 2px solid rgba(202, 138, 4, 0.45) !important;
  color: var(--sa-accent-deep) !important;
  font-family: var(--sa-font) !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(202, 138, 4, 0.2) !important;
  z-index: 2 !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-pick-slide-card.rank-1 .weekly-pick-rank {
  background: linear-gradient(145deg, #fbbf24, #f59e0b) !important;
  border-color: rgba(180, 83, 9, 0.55) !important;
  color: #422006 !important;
  box-shadow: 0 3px 10px rgba(245, 158, 11, 0.45) !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-pick-slide-card.rank-2 .weekly-pick-rank {
  background: linear-gradient(145deg, #e7e5e4, #d6d3d1) !important;
  border-color: rgba(120, 113, 108, 0.45) !important;
  color: #44403c !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-pick-slide-card.rank-3 .weekly-pick-rank {
  background: linear-gradient(145deg, #fdba74, #ea580c) !important;
  border-color: rgba(154, 52, 18, 0.45) !important;
  color: #431407 !important;
}

body.scheme-a-home .weekly-picks-cta {
  border-width: 2px !important;
  border-style: dashed !important;
  border-radius: 9999px !important;
  border-color: rgba(202, 138, 4, 0.45) !important;
  color: var(--sa-ink) !important;
  --tw-ring-offset-color: var(--sa-paper) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 0.5rem 1rem !important;
  min-height: 2.5rem !important;
  font-size: 0.8125rem !important;
  background: rgba(255, 253, 248, 0.75) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 2px 0 rgba(202, 138, 4, 0.06) !important;
}

body.scheme-a-home .weekly-picks-cta:hover {
  border-style: solid !important;
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.9),
    0 4px 0 rgba(202, 138, 4, 0.1),
    0 10px 22px -10px rgba(161, 98, 7, 0.2) !important;
}

/* Banner 广告卡片（融入每周精选轮播）：与技能卡片同尺寸 */
body.scheme-a-home .hero-weekly-picks .weekly-carousel-slide .weekly-banner-card {
  border: 2px solid rgba(232, 212, 168, 0.9) !important;
  background: linear-gradient(180deg, #fffefb 0%, #fffdf8 100%) !important;
  border-radius: 1rem !important;
  aspect-ratio: 702 / 320 !important;
  height: auto !important;
  min-height: 0 !important;
  box-shadow:
    0 0 0 1px rgba(255, 253, 248, 0.95) inset,
    0 0 0 3px rgba(254, 243, 199, 0.35),
    0 4px 14px -6px rgba(161, 98, 7, 0.12) !important;
  overflow: hidden !important;
}
body.scheme-a-home .hero-weekly-picks .weekly-carousel-slide .weekly-banner-card > a,
body.scheme-a-home .hero-weekly-picks .weekly-carousel-slide .weekly-banner-card > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body.scheme-a-home .hero-weekly-picks .weekly-carousel-slide .weekly-banner-card img {
  object-fit: cover !important;
}
body.scheme-a-home .hero-weekly-picks .weekly-carousel-slide .weekly-banner-card:hover {
  border-color: rgba(202, 138, 4, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255, 253, 248, 0.95) inset,
    0 0 0 3px rgba(254, 243, 199, 0.55),
    0 10px 28px -10px rgba(161, 98, 7, 0.18) !important;
  transform: translateY(-1px);
}
body.scheme-a-home .weekly-banner-card .weekly-banner-overlay {
  background: linear-gradient(transparent 40%, rgba(60, 40, 0, 0.4)) !important;
}
body.scheme-a-home .weekly-banner-card .weekly-banner-label {
  background: rgba(202, 138, 4, 0.25) !important;
  color: #fffdf8 !important;
  border: 1px solid rgba(255, 253, 248, 0.3) !important;
  font-family: var(--sa-font) !important;
}

/* 轮播点：统一尺寸、取消 scale 避免与同行错位；选中用环 + 影 */
body.scheme-a-home .hero-weekly-picks .weekly-carousel-dots {
  margin-top: 0.45rem !important;
  min-height: 1.5rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot {
  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  min-height: 1.35rem !important;
  flex-shrink: 0 !important;
  border-width: 2px !important;
  border-color: rgba(212, 200, 180, 0.9) !important;
  background: linear-gradient(180deg, #faf8f5, #f0ebe3) !important;
  color: var(--sa-ink-muted) !important;
  font-weight: 700 !important;
  font-size: 0.625rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-variant-numeric: tabular-nums !important;
  transform: none !important;
  padding-top: 0.04em !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot:hover {
  border-color: rgba(202, 138, 4, 0.45) !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot.active {
  transform: none !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot.active:not([data-rank]) {
  background: linear-gradient(180deg, #d97706, #b45309) !important;
  border-color: #92400e !important;
  color: #fffbeb !important;
  box-shadow:
    0 0 0 2px rgba(254, 243, 199, 0.9),
    0 0 0 3px rgba(217, 119, 6, 0.35),
    0 4px 12px rgba(180, 83, 9, 0.28) !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot.active[data-rank="1"],
body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot.active[data-rank="2"],
body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot.active[data-rank="3"] {
  transform: none !important;
}

/* 轮播视口：轨道高度随「最高一张卡」拉伸；当前短卡用 flex 填满，避免大块留白 */
body.scheme-a-home #hero-weekly-carousel {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  /* 覆盖 HTML mb-4，缩短与底栏 CTA 距离 */
  margin-bottom: 0.5rem !important;
}

body.scheme-a-home #hero-weekly-carousel-track {
  flex: 1 1 auto !important;
  min-height: 13rem !important;
  align-items: stretch !important;
}

@media (max-width: 639px) {
  body.scheme-a-home header.sticky > div {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    min-height: 3.25rem !important;
  }
  body.scheme-a-home header .site-logo-area img {
    height: 1.75rem !important;
  }
  body.scheme-a-home header #btn-login {
    padding: 0.375rem 0.625rem !important;
    font-size: 0.75rem !important;
    min-height: 34px !important;
  }
  body.scheme-a-home header #nav-fun-skills-btn {
    padding: 0.375rem 0.5rem !important;
    font-size: 0.625rem !important;
    min-height: 34px !important;
  }
  body.scheme-a-home main {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media (max-width: 480px) {
  body.scheme-a-home #hero-weekly-carousel-track {
    min-height: 12.5rem !important;
  }
}

/* 笔记本宽屏：再压一档，一屏更省纵向空间 */
@media (min-width: 1024px) {
  body.scheme-a-home .hero-weekly-picks {
    padding: 0.75rem 0.875rem !important;
  }

  body.scheme-a-home .hero-weekly-picks h2,
  body.scheme-a-home .hero-weekly-picks h2.text-white {
    font-size: 1.125rem !important;
  }

  body.scheme-a-home .hero-weekly-picks .weekly-picks-header .text-sm {
    margin-top: 0.25rem !important;
    font-size: 0.75rem !important;
  }

  body.scheme-a-home #hero-weekly-carousel-track {
    min-height: 11.5rem !important;
  }

  body.scheme-a-home #main-home .hero-weekly-picks .weekly-carousel-slide .skill-card-inner.transition-card,
  body.scheme-a-home #main-home .hero-weekly-picks .weekly-carousel-slide .skill-card-inner.relative.h-full.rounded-2xl {
    padding: 0.65rem 0.75rem !important;
    border-radius: 0.875rem !important;
  }

  body.scheme-a-home #main-home .hero-weekly-picks .skill-card-footer {
    padding-top: 0.45rem !important;
  }

  body.scheme-a-home .weekly-picks-cta {
    padding: 0.45rem 0.875rem !important;
    min-height: 2.5rem !important;
    font-size: 0.75rem !important;
  }
}

/* 笔记本矮屏（常见于 900px 高）：轮播区再降、描述两行即可 */
@media (min-width: 1024px) and (max-height: 900px) {
  body.scheme-a-home #hero-weekly-carousel-track {
    min-height: 10rem !important;
  }

  body.scheme-a-home #main-home .hero-weekly-picks .skill-card-inner > header p.mt-1.text-xs.leading-relaxed {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
}

body.scheme-a-home .hero-weekly-picks .weekly-carousel-slide {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  min-height: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

body.scheme-a-home .hero-weekly-picks .weekly-carousel-slide .skill-card {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

/* —— 筛选条 + 搜索 —— */
body.scheme-a-home #skills-list-root .rounded-2xl.border.border-slate-800\/80 {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
}

body.scheme-a-home #search-input {
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: #d4d4d4 !important;
  background: #fff !important;
  color: var(--sa-ink) !important;
  box-shadow:
    inset 0 1px 2px rgba(61, 46, 15, 0.04),
    0 3px 0 rgba(61, 46, 15, 0.03),
    0 8px 20px -10px rgba(61, 46, 15, 0.08) !important;
}

body.scheme-a-home #search-input::placeholder {
  color: #a3a3a3 !important;
}

body.scheme-a-home #search-input:focus {
  --tw-ring-color: var(--sa-accent) !important;
  border-color: #d4a5ad !important;
  box-shadow:
    inset 0 1px 2px rgba(61, 46, 15, 0.04),
    0 0 0 3px rgba(254, 243, 199, 0.85),
    0 6px 18px -8px rgba(202, 138, 4, 0.2) !important;
}

/* Tab 按钮：胶囊 + 选中「果冻」凸起（动效见文末） */
body.scheme-a-home .skills-tab-btn {
  border-radius: 9999px !important;
  border-width: 2px !important;
}

body.scheme-a-home .skills-tab-btn[aria-selected="true"] {
  background: linear-gradient(180deg, var(--sa-accent) 0%, var(--sa-accent-deep) 100%) !important;
  border-color: var(--sa-accent-deep) !important;
  color: #fffbf7 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.35),
    inset 0 -2px 0 rgba(0, 0, 0, 0.12),
    0 3px 0 rgba(113, 63, 18, 0.2),
    0 10px 22px -8px rgba(161, 98, 7, 0.35) !important;
}

body.scheme-a-home .skills-tab-btn[aria-selected="false"] {
  background: rgba(255, 251, 247, 0.95) !important;
  border-color: var(--sa-border) !important;
  color: var(--sa-ink-muted) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 2px 0 rgba(61, 46, 15, 0.04) !important;
}

body.scheme-a-home .skills-tab-btn:hover {
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(202, 138, 4, 0.12),
    0 8px 18px -10px rgba(161, 98, 7, 0.15) !important;
}

body.scheme-a-home #skills-tab-empty-hint {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink-muted) !important;
  font-family: var(--sa-font) !important;
  font-weight: 500 !important;
}

/* —— 标签 chip：泡泡糖胶囊 —— */
body.scheme-a-home .tag-chip {
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: #ddd2cd !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 2px 0 rgba(61, 46, 15, 0.04) !important;
}

body.scheme-a-home .tag-chip-active {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.8),
    0 0 0 2px rgba(254, 243, 199, 0.9),
    0 3px 0 rgba(202, 138, 4, 0.18),
    0 8px 16px -8px rgba(161, 98, 7, 0.2) !important;
}

/* —— 技能卡片（含 JS 注入的 community/created） —— */
body.scheme-a-home #main-home .skill-card-inner.transition-card,
body.scheme-a-home #main-home .skill-card-inner.relative.h-full.rounded-2xl {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

body.scheme-a-home #main-home .skill-card-inner:not(.featured-skill-card-inner) {
  border: 1px solid var(--sa-border);
  border-radius: 1rem;
  background: var(--sa-paper);
  padding: 1rem 1.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* 每周精选轮播内卡片：覆盖上文通用 skill-card-inner，双线框 + 轻立体（需写在通用规则之后） */
body.scheme-a-home #main-home .hero-weekly-picks .weekly-carousel-slide .skill-card-inner.transition-card,
body.scheme-a-home #main-home .hero-weekly-picks .weekly-carousel-slide .skill-card-inner.relative.h-full.rounded-2xl {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  height: 100% !important;
  border-radius: 1rem !important;
  border: 2px solid rgba(232, 212, 168, 0.9) !important;
  background: linear-gradient(180deg, #fffefb 0%, #fffdf8 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255, 253, 248, 0.95) inset,
    0 2px 0 rgba(202, 138, 4, 0.06),
    0 8px 24px -12px rgba(61, 46, 15, 0.1) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

/* 描述多行截断，避免某张卡过高撑破版心；留白由 footer 的 margin-top:auto 吸收 */
body.scheme-a-home #main-home .hero-weekly-picks .skill-card-inner > header p.mt-1.text-xs.leading-relaxed {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.scheme-a-home #main-home .hero-weekly-picks .weekly-carousel-slide .skill-card:hover .skill-card-inner {
  border-color: rgba(202, 138, 4, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255, 253, 248, 0.95) inset,
    0 0 0 3px rgba(254, 243, 199, 0.55),
    0 10px 28px -10px rgba(161, 98, 7, 0.18) !important;
  transform: translateY(-1px);
}

body.scheme-a-home #main-home .hero-weekly-picks .skill-card h3.text-slate-50,
body.scheme-a-home #main-home .skill-card .group-hover\:text-sky-100 {
  color: var(--sa-ink) !important;
}

body.scheme-a-home #main-home .skill-card .text-slate-400,
body.scheme-a-home #main-home .skill-card .text-slate-300 {
  color: var(--sa-ink-muted) !important;
}

body.scheme-a-home #main-home .skill-card-footer {
  border-top-color: var(--sa-border) !important;
}

body.scheme-a-home .link-chip {
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: var(--sa-border) !important;
  background: linear-gradient(180deg, #fffefb 0%, #faf8f5 100%) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 2px 0 rgba(61, 46, 15, 0.05) !important;
}

body.scheme-a-home .link-chip:hover {
  border-color: var(--sa-accent) !important;
  color: var(--sa-accent-deep) !important;
  background: var(--sa-accent-soft) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(202, 138, 4, 0.1),
    0 8px 16px -8px rgba(161, 98, 7, 0.15) !important;
}

/* 类型标签：浅色底（全局，首页/个人主页/作者主页通用） */
body.scheme-a-home .skill-card-tag {
  border-color: var(--sa-border) !important;
  background: rgba(254,243,199,0.35) !important;
  color: var(--sa-accent-deep) !important;
}

/* 每周精选内：标签与底栏虚线（写在通用 skill-card-tag 之后） */
body.scheme-a-home #main-home .hero-weekly-picks .skill-card .skill-card-tag {
  border-width: 2px !important;
  border-color: rgba(202, 138, 4, 0.35) !important;
  background: rgba(254, 243, 199, 0.45) !important;
  color: var(--sa-accent-deep) !important;
  font-weight: 600 !important;
}

body.scheme-a-home #main-home .hero-weekly-picks .skill-card-footer {
  margin-top: auto !important;
  border-top: 1px dashed rgba(232, 212, 168, 0.95) !important;
  padding-top: 0.625rem !important;
  padding-right: 2.75rem !important;
  align-items: center !important;
}

body.scheme-a-home .skill-card-stars {
  background: #f5f0e6 !important;
  border: 1px solid var(--sa-border) !important;
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home .skill-card-stars .star-icon {
  color: var(--sa-accent) !important;
}
body.scheme-a-home .skill-card-stars .star-count {
  color: var(--sa-ink) !important;
}

/* 安全标签：全局覆盖（保持语义色，提亮底色） */
body.scheme-a-home .skill-security-safe {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #047857 !important;
}
body.scheme-a-home .skill-security-low {
  background: rgba(14, 165, 233, 0.12) !important;
  color: #0369a1 !important;
}
body.scheme-a-home .skill-security-mid {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #b45309 !important;
}
body.scheme-a-home .skill-security-high {
  background: rgba(244, 63, 94, 0.12) !important;
  color: #be123c !important;
}

/* 大赛标签（全局） */
body.scheme-a-home .skill-card-competition-badge {
  color: #92400e !important;
  background: #fffbeb !important;
  border: 1px solid #fcd34d !important;
}

/* pill 标签（全局：社区、外部 skill 等） */
body.scheme-a-home .pill {
  border: 1px solid var(--sa-border) !important;
  border-radius: 9999px !important;
  background: rgba(254,243,199,0.35) !important;
  color: var(--sa-accent-deep) !important;
  font-weight: 500 !important;
  padding: 0.2rem 0.5rem !important;
}

/* 加载更多 */
body.scheme-a-home #skills-load-more-wrap button {
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: var(--sa-border) !important;
  background: linear-gradient(180deg, #fffefb 0%, #fffdf8 100%) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(61, 46, 15, 0.05),
    0 8px 20px -10px rgba(61, 46, 15, 0.1) !important;
}

/* 底部行动区：薄荷马卡龙 */
body.scheme-a-home #bottom-green-actions {
  border-color: #b8d4ce !important;
  background: linear-gradient(180deg, #f4faf8 0%, #e8f4f1 100%) !important;
  box-shadow: 0 8px 28px -10px rgba(100, 140, 130, 0.2) !important;
}

body.scheme-a-home #bottom-green-actions .text-slate-300 {
  color: var(--sa-ink-muted) !important;
}

body.scheme-a-home #bottom-green-actions .border-sky-400\/70 {
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: #7eb8d4 !important;
  background: var(--sa-paper) !important;
  color: #3d6b7a !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(100, 150, 170, 0.12),
    0 8px 18px -10px rgba(61, 107, 122, 0.15) !important;
}

body.scheme-a-home #bottom-green-actions .border-emerald-400\/70 {
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: #7fb3a8 !important;
  background: var(--sa-paper) !important;
  color: #3d6b62 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 253, 248, 0.95),
    0 3px 0 rgba(100, 160, 130, 0.1),
    0 8px 18px -10px rgba(61, 107, 98, 0.14) !important;
}

body.scheme-a-home #bottom-green-actions .font-mono.bg-slate-900\/90 {
  background: #fff !important;
  border-color: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}

/* 精选横滑区卡片 */
body.scheme-a-home #featured-skills-scroll .featured-skill-card-inner,
body.scheme-a-home #featured-skills-scroll .skill-card-inner {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
}

body.scheme-a-home #featured-skills-scroll .text-slate-50,
body.scheme-a-home #featured-skills-scroll .text-sky-100 {
  color: var(--sa-ink) !important;
}

/* 页脚（字体 + 底色合并为一处，避免重复规则） */
body.scheme-a-home > div > footer {
  border-top-color: var(--sa-border) !important;
  background: rgba(255, 251, 247, 0.96) !important;
  font-family: var(--sa-font) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}

body.scheme-a-home > div > footer .text-slate-500,
body.scheme-a-home > div > footer .text-slate-600 {
  color: var(--sa-ink-muted) !important;
}

/* 空状态 */
body.scheme-a-home #empty-state {
  color: var(--sa-ink-muted) !important;
  font-family: var(--sa-font) !important;
  font-weight: 500 !important;
}

/* 等宽 slug 行：蓝图感 */
body.scheme-a-home #main-home .skill-card .font-mono.text-\[11px\] {
  letter-spacing: -0.02em;
}

/* —— 首页可点击：弹跳微交互（ui-ux-pro-max：transform 性能、~220ms、无障碍 reduced-motion） —— */
@media (prefers-reduced-motion: no-preference) {
  body.scheme-a-home #main-home .hero-action-btn {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      filter 0.2s ease,
      border-color 0.2s ease,
      background-color 0.2s ease !important;
  }

  body.scheme-a-home #main-home .hero-action-btn:hover {
    transform: translateY(-4px) scale(1.02);
  }

  body.scheme-a-home #main-home .hero-action-btn:active {
    transform: translateY(-1px) scale(0.99);
    transition-duration: var(--sa-tap-fast) !important;
  }

  body.scheme-a-home header .btn-interaction,
  body.scheme-a-home header #btn-login,
  body.scheme-a-home header #nav-fun-skills-btn,
  body.scheme-a-home header a[href="enterprise.html"],
  body.scheme-a-home header button[onclick="openSecurityDashboard()"],
  body.scheme-a-home #auth-user-dropdown-trigger {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      border-color 0.2s ease,
      background 0.2s ease,
      filter 0.2s ease !important;
  }

  body.scheme-a-home header .btn-interaction:hover,
  body.scheme-a-home header #btn-login:hover,
  body.scheme-a-home header #nav-fun-skills-btn:hover,
  body.scheme-a-home header a[href="enterprise.html"]:hover,
  body.scheme-a-home header button[onclick="openSecurityDashboard()"]:hover,
  body.scheme-a-home #auth-user-dropdown-trigger:hover {
    transform: translateY(-3px) scale(1.02);
  }

  body.scheme-a-home header .btn-interaction:active,
  body.scheme-a-home header #btn-login:active,
  body.scheme-a-home header #nav-fun-skills-btn:active,
  body.scheme-a-home #auth-user-dropdown-trigger:active {
    transform: translateY(0) scale(0.99);
    transition-duration: var(--sa-tap-fast) !important;
  }

  body.scheme-a-home .skills-tab-btn {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease !important;
  }

  body.scheme-a-home .skills-tab-btn:hover {
    transform: translateY(-3px) scale(1.02);
  }

  body.scheme-a-home .skills-tab-btn:active {
    transform: translateY(0) scale(0.98);
    transition-duration: var(--sa-tap-fast) !important;
  }

  body.scheme-a-home .tag-chip {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      border-color 0.2s ease,
      background 0.2s ease,
      color 0.2s ease !important;
  }

  body.scheme-a-home .tag-chip:hover {
    transform: translateY(-2px) scale(1.03);
  }

  body.scheme-a-home .tag-chip:active {
    transform: scale(0.98);
  }

  body.scheme-a-home .link-chip {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      border-color 0.2s ease,
      background 0.2s ease,
      color 0.2s ease !important;
  }

  body.scheme-a-home .link-chip:hover {
    transform: translateY(-2px) scale(1.02);
  }

  body.scheme-a-home .link-chip:active {
    transform: translateY(0) scale(0.99);
    transition-duration: var(--sa-tap-fast) !important;
  }

  body.scheme-a-home .weekly-picks-cta {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      border-color 0.2s ease,
      background 0.2s ease,
      border-style 0.15s ease !important;
  }

  body.scheme-a-home .weekly-picks-cta:hover {
    transform: translateY(-2px) scale(1.01);
  }

  body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow 0.2s ease,
      border-color 0.2s ease,
      background 0.2s ease,
      color 0.2s ease !important;
  }

  body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px -4px rgba(61, 46, 15, 0.18) !important;
  }

  body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot:active {
    transform: translateY(0);
    transition-duration: var(--sa-tap-fast) !important;
  }

  body.scheme-a-home #skills-load-more-wrap button {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      border-color 0.2s ease,
      background 0.2s ease !important;
  }

  body.scheme-a-home #skills-load-more-wrap button:hover {
    transform: translateY(-3px) scale(1.02);
  }

  body.scheme-a-home #skills-load-more-wrap button:active {
    transform: translateY(0) scale(0.99);
    transition-duration: var(--sa-tap-fast) !important;
  }

  body.scheme-a-home #bottom-green-actions .border-sky-400\/70,
  body.scheme-a-home #bottom-green-actions .border-emerald-400\/70 {
    transition:
      transform var(--sa-tap-slow) var(--sa-ease-bounce),
      box-shadow var(--sa-tap-slow) ease,
      border-color 0.2s ease,
      background 0.2s ease,
      color 0.2s ease !important;
  }

  body.scheme-a-home #bottom-green-actions .border-sky-400\/70:hover,
  body.scheme-a-home #bottom-green-actions .border-emerald-400\/70:hover {
    transform: translateY(-3px) scale(1.02);
  }
}

/* ---- 详情页 + Fun Skills 按钮统一 hover 微交互 ---- */
@media (prefers-reduced-motion: no-preference) {
  /* 详情页 ghost 按钮：返回、GitHub、下载 ZIP */
  body.scheme-a-home #official-skill-detail-panel button[onclick="closeOfficialSkillDetail()"],
  body.scheme-a-home #official-skill-detail-main a.rounded-full,
  body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits button,
  body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits a,
  body.scheme-a-home #community-skill-detail-panel button[onclick="closeCommunitySkillDetail()"],
  body.scheme-a-home #community-skill-detail-main a.rounded-full,
  body.scheme-a-home .community-detail-action-btn,
  body.scheme-a-home .community-detail-file-btn {
    transition:
      transform 0.2s var(--sa-ease-bounce),
      box-shadow 0.2s ease,
      border-color 0.2s ease,
      background-color 0.2s ease,
      color 0.2s ease !important;
  }
  body.scheme-a-home #official-skill-detail-panel button[onclick="closeOfficialSkillDetail()"]:hover,
  body.scheme-a-home #official-skill-detail-main a.rounded-full:hover,
  body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits button:hover,
  body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits a:hover,
  body.scheme-a-home #community-skill-detail-panel button[onclick="closeCommunitySkillDetail()"]:hover,
  body.scheme-a-home #community-skill-detail-main a.rounded-full:hover,
  body.scheme-a-home .community-detail-action-btn:hover,
  body.scheme-a-home .community-detail-file-btn:hover {
    transform: translateY(-2px) scale(1.02);
  }
  body.scheme-a-home #official-skill-detail-panel button[onclick="closeOfficialSkillDetail()"]:active,
  body.scheme-a-home #official-skill-detail-main a.rounded-full:active,
  body.scheme-a-home #community-skill-detail-panel button[onclick="closeCommunitySkillDetail()"]:active,
  body.scheme-a-home #community-skill-detail-main a.rounded-full:active,
  body.scheme-a-home .community-detail-action-btn:active,
  body.scheme-a-home .community-detail-file-btn:active {
    transform: translateY(0) scale(0.98);
    transition-duration: var(--sa-tap-fast) !important;
  }

  /* 详情页 primary 按钮：复制安装命令 */
  body.scheme-a-home #official-skill-detail-main .bg-emerald-400\/90,
  body.scheme-a-home #official-skill-detail-main .bg-emerald-400,
  body.scheme-a-home #community-skill-detail-main .bg-emerald-400\/90,
  body.scheme-a-home #community-skill-detail-main .bg-emerald-400 {
    transition:
      transform 0.2s var(--sa-ease-bounce),
      filter 0.2s ease,
      box-shadow 0.2s ease !important;
  }
  body.scheme-a-home #official-skill-detail-main .bg-emerald-400\/90:hover,
  body.scheme-a-home #official-skill-detail-main .bg-emerald-400:hover,
  body.scheme-a-home #community-skill-detail-main .bg-emerald-400\/90:hover,
  body.scheme-a-home #community-skill-detail-main .bg-emerald-400:hover {
    transform: translateY(-2px) scale(1.05);
    filter: brightness(1.03);
  }

  /* Fun Skills 页面按钮 */
  body.scheme-a-home #fs-open-rules,
  body.scheme-a-home #fs-open-upload,
  body.scheme-a-home #fs-app > header a.rounded-full,
  body.scheme-a-home #fs-submit-btn,
  body.scheme-a-home #fs-choose-zip,
  body.scheme-a-home #fs-modal-upload .fs-close-upload,
  body.scheme-a-home #fs-modal-rules .fs-close-rules {
    transition:
      transform 0.2s var(--sa-ease-bounce),
      box-shadow 0.2s ease,
      border-color 0.2s ease,
      background-color 0.2s ease,
      filter 0.2s ease,
      color 0.2s ease !important;
  }
  body.scheme-a-home #fs-open-rules:hover,
  body.scheme-a-home #fs-app > header a.rounded-full:hover,
  body.scheme-a-home #fs-choose-zip:hover,
  body.scheme-a-home #fs-modal-upload .fs-close-upload:hover,
  body.scheme-a-home #fs-modal-rules .fs-close-rules:hover {
    transform: translateY(-2px) scale(1.02);
  }
  body.scheme-a-home #fs-open-upload:hover,
  body.scheme-a-home #fs-submit-btn:hover {
    transform: translateY(-3px) scale(1.02);
    filter: brightness(1.03);
  }
  body.scheme-a-home #fs-open-rules:active,
  body.scheme-a-home #fs-open-upload:active,
  body.scheme-a-home #fs-app > header a.rounded-full:active,
  body.scheme-a-home #fs-submit-btn:active,
  body.scheme-a-home #fs-choose-zip:active,
  body.scheme-a-home #fs-modal-upload .fs-close-upload:active {
    transform: translateY(0) scale(0.98);
    transition-duration: var(--sa-tap-fast) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.scheme-a-home #main-home .hero-action-btn:hover,
  body.scheme-a-home #main-home .hero-action-btn:active,
  body.scheme-a-home header .btn-interaction:hover,
  body.scheme-a-home header .btn-interaction:active,
  body.scheme-a-home header #btn-login:hover,
  body.scheme-a-home header #btn-login:active,
  body.scheme-a-home header #nav-fun-skills-btn:hover,
  body.scheme-a-home header #nav-fun-skills-btn:active,
  body.scheme-a-home #auth-user-dropdown-trigger:hover,
  body.scheme-a-home #auth-user-dropdown-trigger:active,
  body.scheme-a-home .skills-tab-btn:hover,
  body.scheme-a-home .skills-tab-btn:active,
  body.scheme-a-home .tag-chip:hover,
  body.scheme-a-home .tag-chip:active,
  body.scheme-a-home .link-chip:hover,
  body.scheme-a-home .link-chip:active,
  body.scheme-a-home .weekly-picks-cta:hover,
  body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot:hover,
  body.scheme-a-home .hero-weekly-picks .weekly-carousel-dot:active,
  body.scheme-a-home #skills-load-more-wrap button:hover,
  body.scheme-a-home #skills-load-more-wrap button:active,
  body.scheme-a-home #bottom-green-actions .border-sky-400\/70:hover,
  body.scheme-a-home #bottom-green-actions .border-emerald-400\/70:hover,
  /* 详情页 + Fun Skills */
  body.scheme-a-home #official-skill-detail-panel button:hover,
  body.scheme-a-home #official-skill-detail-panel button:active,
  body.scheme-a-home #official-skill-detail-main a.rounded-full:hover,
  body.scheme-a-home #official-skill-detail-main a.rounded-full:active,
  body.scheme-a-home #community-skill-detail-panel button:hover,
  body.scheme-a-home #community-skill-detail-panel button:active,
  body.scheme-a-home .community-detail-action-btn:hover,
  body.scheme-a-home .community-detail-file-btn:hover,
  body.scheme-a-home #fs-open-rules:hover,
  body.scheme-a-home #fs-open-upload:hover,
  body.scheme-a-home #fs-submit-btn:hover,
  body.scheme-a-home #fs-app > header a.rounded-full:hover {
    transform: none !important;
  }
}

/* ================================================================
   全站配色统一：弹窗 · 面板 · 子页面
   遵循 design-scheme-a 奶油黄暖色系
   ================================================================ */

/* ---- 通用表单控件（所有弹窗 / 页面复用） ---- */
body.scheme-a-home .sa-input {
  border: 2px solid var(--sa-border) !important;
  border-radius: 0.75rem !important;
  background: #fff !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  box-shadow: inset 0 1px 2px rgba(61,46,15,0.04), 0 2px 0 rgba(61,46,15,0.03) !important;
}
body.scheme-a-home .sa-input::placeholder { color: #a3a3a3 !important; }
body.scheme-a-home .sa-input:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: inset 0 1px 2px rgba(61,46,15,0.04), 0 0 0 3px rgba(254,243,199,0.85) !important;
}

/* 通用暖色按钮 */
body.scheme-a-home .sa-btn-primary {
  border: none !important; border-radius: 9999px !important;
  background: linear-gradient(135deg, #fde68a 0%, #fbbf24 55%, #f59e0b 100%) !important;
  color: #422006 !important;
  font-family: var(--sa-font) !important; font-weight: 700 !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), inset 0 -3px 0 rgba(180,83,9,0.18), 0 4px 0 rgba(180,83,9,0.12), 0 12px 28px -8px rgba(180,130,20,0.42) !important;
  cursor: pointer;
}
body.scheme-a-home .sa-btn-primary:hover { filter: brightness(1.03); }

body.scheme-a-home .sa-btn-ghost {
  border: 2px solid var(--sa-border) !important; border-radius: 9999px !important;
  background: var(--sa-paper) !important; color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important; font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
  cursor: pointer;
}
body.scheme-a-home .sa-btn-ghost:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}

/* ---- 1. 登录 / 注册 / 重置密码弹窗 ---- */
body.scheme-a-home .auth-modal-backdrop {
  background: rgba(247,244,237,0.75) !important;
  backdrop-filter: blur(8px) !important;
}
body.scheme-a-home .auth-modal-box {
  background: linear-gradient(180deg, #fffdf8 0%, #faf6ee 100%) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 0 0 1px rgba(255,253,248,0.9) inset, 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home .auth-modal-box h2 {
  color: var(--sa-ink) !important;
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em;
}
body.scheme-a-home .auth-modal-close {
  background: rgba(232,224,208,0.6) !important;
  color: var(--sa-ink-muted) !important;
  border-radius: 0.5rem;
}
body.scheme-a-home .auth-modal-close:hover {
  background: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home .auth-form-label {
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
}
body.scheme-a-home .auth-form-input {
  border: 2px solid var(--sa-border) !important;
  border-radius: 0.75rem !important;
  background: #fff !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  box-shadow: inset 0 1px 2px rgba(61,46,15,0.04) !important;
}
body.scheme-a-home .auth-form-input::placeholder { color: #b5a990 !important; }
body.scheme-a-home .auth-form-input:hover { border-color: #d4c4a8 !important; }
body.scheme-a-home .auth-form-input:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: inset 0 1px 2px rgba(61,46,15,0.04), 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home .auth-form-input.has-error { border-color: #dc2626 !important; }
body.scheme-a-home .auth-form-error { color: #dc2626 !important; }
body.scheme-a-home .auth-submit-btn {
  border-radius: 9999px !important;
  background: linear-gradient(135deg, #fde68a 0%, #fbbf24 55%, #f59e0b 100%) !important;
  color: #422006 !important;
  font-family: var(--sa-font) !important; font-weight: 700 !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), inset 0 -3px 0 rgba(180,83,9,0.18), 0 4px 0 rgba(180,83,9,0.12), 0 10px 24px -8px rgba(180,130,20,0.35) !important;
}
body.scheme-a-home .auth-submit-btn:hover:not(:disabled) {
  filter: brightness(1.03);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.6), inset 0 -3px 0 rgba(180,83,9,0.14), 0 6px 0 rgba(180,83,9,0.1), 0 14px 30px -8px rgba(180,130,20,0.42) !important;
}
body.scheme-a-home .auth-submit-btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(202,138,4,0.5) !important;
}
body.scheme-a-home .auth-tab-btn {
  border-radius: 9999px !important;
  background: rgba(255,251,247,0.95) !important;
  border: 2px solid var(--sa-border) !important;
  color: var(--sa-ink-muted) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home .auth-tab-btn:hover {
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .auth-tab-btn.active {
  background: linear-gradient(180deg, var(--sa-accent) 0%, var(--sa-accent-deep) 100%) !important;
  border-color: var(--sa-accent-deep) !important;
  color: #fffbf7 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.35), 0 3px 0 rgba(113,63,18,0.2) !important;
}
body.scheme-a-home .auth-switch-link {
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .auth-switch-link:hover {
  color: var(--sa-accent) !important;
}
body.scheme-a-home #auth-agree-checkbox {
  accent-color: var(--sa-accent) !important;
}
body.scheme-a-home .auth-form-hint {
  color: var(--sa-ink-muted) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #auth-send-code-btn,
body.scheme-a-home #auth-send-reset-code-btn {
  border: 2px solid var(--sa-border) !important;
  border-radius: 9999px !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
}
body.scheme-a-home #auth-send-code-btn:hover,
body.scheme-a-home #auth-send-reset-code-btn:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}

/* ---- 2. 查找技能弹窗 ---- */
body.scheme-a-home #find-skills-modal {
  background: rgba(247,244,237,0.7) !important;
}
body.scheme-a-home #find-skills-modal > div {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home #find-skills-modal .border-b { border-color: var(--sa-border) !important; }
body.scheme-a-home #find-skills-modal .border-t { border-color: var(--sa-border) !important; }
body.scheme-a-home #find-skills-modal .text-slate-400,
body.scheme-a-home #find-skills-modal .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #find-skills-modal .text-slate-50,
body.scheme-a-home #find-skills-modal .text-slate-100,
body.scheme-a-home #find-skills-modal .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #find-skills-modal h2 { font-family: var(--sa-font) !important; }
body.scheme-a-home #find-skills-modal input {
  border: 2px solid var(--sa-border) !important; border-radius: 9999px !important;
  background: #fff !important; color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #find-skills-modal input::placeholder { color: #a3a3a3 !important; }
body.scheme-a-home #find-skills-modal input:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home #find-skills-modal button.bg-sky-500,
body.scheme-a-home #find-skills-modal button[onclick="submitFindSkills()"] {
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important; font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(180,130,20,0.3) !important;
}
body.scheme-a-home #find-skills-modal button.bg-slate-900,
body.scheme-a-home #find-skills-modal button[onclick="closeFindSkillsModal()"] {
  border: 2px solid var(--sa-border) !important;
  background: var(--sa-paper) !important; color: var(--sa-ink) !important;
}
body.scheme-a-home #find-skills-modal .bg-emerald-400 { background: var(--sa-accent) !important; }
body.scheme-a-home #find-skills-results { color: var(--sa-ink) !important; }

/* ---- 3. 开放技能详情面板 ---- */
body.scheme-a-home #official-skill-detail-panel {
  background: var(--sa-bg) !important;
}
body.scheme-a-home #official-skill-detail-panel > header {
  background: rgba(255,251,247,0.94) !important;
  border-bottom-color: var(--sa-border) !important;
  backdrop-filter: blur(12px);
}
body.scheme-a-home #official-skill-detail-panel .bg-slate-950,
body.scheme-a-home #official-skill-detail-panel .bg-slate-900\/80,
body.scheme-a-home #official-skill-detail-panel .bg-slate-900 {
  background: var(--sa-paper) !important;
}
body.scheme-a-home #official-skill-detail-panel .border-slate-700\/80,
body.scheme-a-home #official-skill-detail-panel .border-slate-800\/70,
body.scheme-a-home #official-skill-detail-panel .border-slate-800 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #official-skill-detail-panel .text-white,
body.scheme-a-home #official-skill-detail-panel .text-slate-50,
body.scheme-a-home #official-skill-detail-panel .text-slate-100,
body.scheme-a-home #official-skill-detail-panel .text-slate-200,
body.scheme-a-home #official-skill-detail-panel .text-sky-50,
body.scheme-a-home #official-skill-detail-panel .text-sky-100,
body.scheme-a-home #official-skill-detail-panel .text-sky-200,
body.scheme-a-home #official-skill-detail-panel .text-emerald-50,
body.scheme-a-home #official-skill-detail-panel .text-emerald-100,
body.scheme-a-home #official-skill-detail-panel .text-amber-100 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-panel .text-slate-300,
body.scheme-a-home #official-skill-detail-panel .text-slate-400 {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #official-skill-detail-panel .font-syne {
  background: linear-gradient(90deg, #78350f, #92400e, #a16207) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
}
body.scheme-a-home #official-skill-detail-panel .bg-gradient-to-br.from-sky-400 {
  background: linear-gradient(135deg, #fde68a, #fcd34d, #fbbf24) !important;
}
body.scheme-a-home #official-skill-detail-panel .bg-gradient-to-br.from-sky-400 > div {
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
}
body.scheme-a-home #official-skill-detail-panel button[onclick="closeOfficialSkillDetail()"] {
  border: 2px solid var(--sa-border) !important;
  border-radius: 9999px !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
}
body.scheme-a-home #official-skill-detail-panel button[onclick="closeOfficialSkillDetail()"]:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #official-skill-detail-panel .skill-detail-hero,
body.scheme-a-home #official-skill-detail-panel section.rounded-3xl {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #official-skill-detail-panel .bg-gradient-to-tr {
  background: linear-gradient(to top right, rgba(254,243,199,0.1), rgba(253,230,138,0.05), rgba(251,191,36,0.08)) !important;
}
body.scheme-a-home #official-skill-detail-panel .shadow-2xl { box-shadow: 0 4px 12px rgba(61,46,15,0.08) !important; }
body.scheme-a-home #official-skill-detail-panel .shadow-slate-950\/80 { box-shadow: none !important; }
body.scheme-a-home #official-skill-detail-panel pre {
  background: #faf8f5 !important; border-color: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-panel .prose { color: var(--sa-ink) !important; }
body.scheme-a-home #official-skill-detail-panel .prose h1,
body.scheme-a-home #official-skill-detail-panel .prose h2,
body.scheme-a-home #official-skill-detail-panel .prose h3 { color: var(--sa-ink) !important; }
body.scheme-a-home #official-skill-detail-panel .prose a { color: var(--sa-accent-deep) !important; }
body.scheme-a-home #official-skill-detail-panel .prose code {
  background: rgba(254,243,199,0.4) !important; color: #92400e !important;
}

/* ---- 3b. 开放技能详情 — 动态注入 mainContentHtml 全面覆盖 ---- */

/* === 深色背景 → 奶油白 === */
body.scheme-a-home #official-skill-detail-main .bg-slate-800,
body.scheme-a-home #official-skill-detail-main .bg-slate-800\/50,
body.scheme-a-home #official-skill-detail-main .bg-slate-800\/70,
body.scheme-a-home #official-skill-detail-main .bg-slate-800\/80,
body.scheme-a-home #official-skill-detail-main .bg-slate-900,
body.scheme-a-home #official-skill-detail-main .bg-slate-900\/80,
body.scheme-a-home #official-skill-detail-main .bg-slate-950\/70,
body.scheme-a-home #official-skill-detail-main .bg-slate-950\/80 {
  background: var(--sa-paper) !important;
}

/* === 深色边框 → 奶油边框 === */
body.scheme-a-home #official-skill-detail-main .border-slate-600,
body.scheme-a-home #official-skill-detail-main .border-slate-700,
body.scheme-a-home #official-skill-detail-main .border-slate-700\/80,
body.scheme-a-home #official-skill-detail-main .border-slate-800\/60,
body.scheme-a-home #official-skill-detail-main .border-slate-800\/80 {
  border-color: var(--sa-border) !important;
}

/* === 所有浅色/白色文字 → 深棕正文色 === */
body.scheme-a-home #official-skill-detail-main .text-white,
body.scheme-a-home #official-skill-detail-main .text-slate-50,
body.scheme-a-home #official-skill-detail-main .text-slate-100,
body.scheme-a-home #official-skill-detail-main .text-slate-200,
body.scheme-a-home #official-skill-detail-main .text-slate-950,
body.scheme-a-home #official-skill-detail-main .text-sky-50,
body.scheme-a-home #official-skill-detail-main .text-sky-100,
body.scheme-a-home #official-skill-detail-main .text-sky-200,
body.scheme-a-home #official-skill-detail-main .text-emerald-50,
body.scheme-a-home #official-skill-detail-main .text-emerald-100,
body.scheme-a-home #official-skill-detail-main .text-emerald-200,
body.scheme-a-home #official-skill-detail-main .text-emerald-200\/80,
body.scheme-a-home #official-skill-detail-main .text-amber-100,
body.scheme-a-home #official-skill-detail-main .text-amber-100\/90,
body.scheme-a-home #official-skill-detail-main .text-cyan-50,
body.scheme-a-home #official-skill-detail-main .text-cyan-100,
body.scheme-a-home #official-skill-detail-main .text-cyan-200 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-main .text-slate-300,
body.scheme-a-home #official-skill-detail-main .text-slate-400,
body.scheme-a-home #official-skill-detail-main .text-slate-500,
body.scheme-a-home #official-skill-detail-main .text-sky-300,
body.scheme-a-home #official-skill-detail-main .text-sky-400,
body.scheme-a-home #official-skill-detail-main .text-emerald-300,
body.scheme-a-home #official-skill-detail-main .text-emerald-400,
body.scheme-a-home #official-skill-detail-main .text-amber-200,
body.scheme-a-home #official-skill-detail-main .text-amber-300,
body.scheme-a-home #official-skill-detail-main .text-cyan-300,
body.scheme-a-home #official-skill-detail-main .text-cyan-400 {
  color: var(--sa-ink-muted) !important;
}

/* === 链接文字 — 保持可辨识的琥珀色 === */
body.scheme-a-home #official-skill-detail-main a:not([class*="btn"]) {
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #official-skill-detail-main a:not([class*="btn"]):hover {
  color: var(--sa-accent) !important;
  text-decoration: underline !important;
}

/* === 阴影 === */
body.scheme-a-home #official-skill-detail-main .shadow-slate-950\/80 {
  --tw-shadow-color: transparent !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #official-skill-detail-main .shadow-xl,
body.scheme-a-home #official-skill-detail-main .shadow-2xl {
  box-shadow: 0 4px 12px rgba(61,46,15,0.08) !important;
}

/* === 焦点环 === */
body.scheme-a-home #official-skill-detail-main [class*="ring-offset-slate"],
body.scheme-a-home #official-skill-detail-main [class*="ring-emerald"],
body.scheme-a-home #official-skill-detail-main [class*="ring-sky"] {
  --tw-ring-offset-color: var(--sa-paper) !important;
  --tw-ring-color: var(--sa-accent) !important;
}

/* === 渐变遮罩 → 暖色调透明 === */
body.scheme-a-home #official-skill-detail-main .bg-gradient-to-tr {
  background: linear-gradient(to top right, rgba(254,243,199,0.06), rgba(253,230,138,0.03), rgba(251,191,36,0.05)) !important;
}

/* === 所有 section 卡片 === */
body.scheme-a-home #official-skill-detail-main section {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
  backdrop-filter: none !important;
}

/* === 安装命令区块 — 用温暖的琥珀色替换绿色 === */
body.scheme-a-home #official-skill-detail-main .skill-install-block,
body.scheme-a-home #official-skill-detail-main .bg-emerald-500\/10,
body.scheme-a-home #official-skill-detail-main [class*="bg-emerald-500\/10"] {
  background: var(--sa-accent-soft) !important;
  border-color: var(--sa-accent) !important;
}
body.scheme-a-home #official-skill-detail-main .border-emerald-500\/50 {
  border-color: var(--sa-accent) !important;
}
body.scheme-a-home #official-skill-detail-main .skill-install-block code,
body.scheme-a-home #official-skill-detail-main .skill-install-block .font-mono,
body.scheme-a-home #official-skill-detail-main [id*="install-cmd"] {
  color: var(--sa-ink) !important;
  background: transparent !important;
}
body.scheme-a-home #official-skill-detail-main .skill-install-block p {
  color: var(--sa-accent-deep) !important;
}

/* === 复制按钮 — 与首页 sa-btn-primary 一致 === */
body.scheme-a-home #official-skill-detail-main .bg-emerald-400\/90,
body.scheme-a-home #official-skill-detail-main .bg-emerald-400,
body.scheme-a-home #official-skill-detail-main .bg-emerald-500 {
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important;
  border: none !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), inset 0 -3px 0 rgba(180,83,9,0.18), 0 4px 0 rgba(180,83,9,0.12), 0 8px 16px -6px rgba(180,130,20,0.3) !important;
}
body.scheme-a-home #official-skill-detail-main .hover\:bg-emerald-300:hover {
  filter: brightness(1.03) !important;
}

/* === GitHub/ZIP 链接按钮 — 与首页 sa-btn-ghost 一致 === */
body.scheme-a-home #official-skill-detail-main a.rounded-full {
  border: 2px solid var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
}
body.scheme-a-home #official-skill-detail-main a.rounded-full:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}

/* === 合规与风险提示区块 — 替换 amber 半透明 === */
body.scheme-a-home #official-skill-detail-main .bg-amber-500\/10,
body.scheme-a-home #official-skill-detail-main [class*="bg-amber-500\/10"] {
  background: #fef9ee !important;
}
body.scheme-a-home #official-skill-detail-main .border-amber-500\/60 {
  border-color: var(--sa-accent) !important;
}

/* === 状态指示点 === */
body.scheme-a-home #official-skill-detail-main .bg-cyan-400,
body.scheme-a-home #official-skill-detail-main .bg-amber-400,
body.scheme-a-home #official-skill-detail-main .bg-sky-400 {
  background: var(--sa-accent) !important;
}

/* === 标签胶囊 === */
body.scheme-a-home #official-skill-detail-main .rounded-full[class*="bg-slate"] {
  background: rgba(254,243,199,0.5) !important;
  border-color: rgba(202,138,4,0.3) !important;
  color: var(--sa-accent-deep) !important;
}

/* === 代码块 === */
body.scheme-a-home #official-skill-detail-main pre,
body.scheme-a-home #official-skill-detail-main code:not(.skill-install-block code) {
  background: #faf8f5 !important;
  color: var(--sa-ink) !important;
  border-color: var(--sa-border) !important;
}

/* === 按钮通用 === */
body.scheme-a-home #official-skill-detail-main button {
  font-family: var(--sa-font) !important;
}

/* === hover 态覆盖（sky/emerald 系） === */
body.scheme-a-home #official-skill-detail-main .hover\:bg-sky-500\/20:hover {
  background: var(--sa-accent-soft) !important;
}
body.scheme-a-home #official-skill-detail-main .hover\:border-sky-400\/70:hover {
  border-color: var(--sa-accent) !important;
}
body.scheme-a-home #official-skill-detail-main .hover\:text-sky-100:hover {
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #official-skill-detail-main .hover\:bg-slate-800\/50:hover {
  background: var(--sa-accent-soft) !important;
}

/* === 统计卡片 .skill-stats-item（覆盖 index.html 内联深色底） === */
body.scheme-a-home #official-skill-detail-main .skill-stats-item,
body.scheme-a-home #official-skill-detail-main .skill-stats-grid .skill-stats-item {
  background: var(--sa-paper) !important;
  border-color: var(--sa-border) !important;
  border-radius: 0.75rem !important;
}

/* === 安全审计区块（覆盖 index.html 内联深色底） === */
body.scheme-a-home #official-skill-detail-main .skill-audits-section {
  background: var(--sa-paper) !important;
  border-color: var(--sa-border) !important;
  border-radius: 0.75rem !important;
}
body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits h2,
body.scheme-a-home #official-skill-detail-main .skill-audits-section h3 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-main .skill-audits-section span {
  color: var(--sa-ink-muted) !important;
}

/* === 审计行 === */
body.scheme-a-home #official-skill-detail-main .skill-audit-row {
  border-bottom-color: var(--sa-border) !important;
}
body.scheme-a-home #official-skill-detail-main .skill-audit-row-link {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-main .skill-audit-row-link:hover {
  background: var(--sa-accent-soft) !important;
}

/* === 审计徽章 === */
body.scheme-a-home #official-skill-detail-main .skill-audit-badge {
  font-weight: 700 !important;
}
body.scheme-a-home #official-skill-detail-main .skill-audit-pass {
  background: rgba(202,138,4,0.15) !important;
  color: var(--sa-accent-deep) !important;
}

/* === 审计按钮 === */
body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits button,
body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits a {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits button:hover,
body.scheme-a-home #official-skill-detail-main .official-skill-detail-audits a:hover {
  background: var(--sa-accent-soft) !important;
  border-color: var(--sa-accent) !important;
  color: var(--sa-accent-deep) !important;
}

/* === group-hover 系列 === */
body.scheme-a-home #official-skill-detail-main [class*="group-hover"] {
  border-color: rgba(202,138,4,0.5) !important;
  color: var(--sa-ink) !important;
}

/* === Markdown / prose === */
body.scheme-a-home #official-skill-detail-main .prose,
body.scheme-a-home #official-skill-detail-main .prose-invert,
body.scheme-a-home #official-skill-detail-main .skill-prose {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-main .prose a,
body.scheme-a-home #official-skill-detail-main .prose-invert a {
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #official-skill-detail-main .prose h1,
body.scheme-a-home #official-skill-detail-main .prose h2,
body.scheme-a-home #official-skill-detail-main .prose h3,
body.scheme-a-home #official-skill-detail-main .prose h4 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #official-skill-detail-main .prose code,
body.scheme-a-home #official-skill-detail-main .prose-invert code {
  background: rgba(254,243,199,0.4) !important;
  color: #92400e !important;
}
body.scheme-a-home #official-skill-detail-main .prose pre,
body.scheme-a-home #official-skill-detail-main .prose-invert pre {
  background: #faf8f5 !important;
  border: 1px solid var(--sa-border) !important;
}

/* === dl/dt/dd 信息列表 === */
body.scheme-a-home #official-skill-detail-main dt {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #official-skill-detail-main dd {
  color: var(--sa-ink) !important;
}

/* === 边框通用 === */
body.scheme-a-home #official-skill-detail-main .border-b,
body.scheme-a-home #official-skill-detail-main .border-t {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #official-skill-detail-main .border-r {
  border-color: var(--sa-border) !important;
}

/* === backdrop-blur 去除 === */
body.scheme-a-home #official-skill-detail-main .backdrop-blur-xl {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ---- 4. 社区技能详情面板 ---- */
body.scheme-a-home #community-skill-detail-panel {
  background: var(--sa-bg) !important;
}
body.scheme-a-home #community-skill-detail-panel > header {
  background: rgba(255,251,247,0.94) !important;
  border-bottom-color: var(--sa-border) !important;
  backdrop-filter: blur(12px);
}
body.scheme-a-home #community-skill-detail-panel .bg-slate-950,
body.scheme-a-home #community-skill-detail-panel .bg-slate-900\/80,
body.scheme-a-home #community-skill-detail-panel .bg-slate-900 {
  background: var(--sa-paper) !important;
}
body.scheme-a-home #community-skill-detail-panel .border-slate-700\/80,
body.scheme-a-home #community-skill-detail-panel .border-slate-800\/70,
body.scheme-a-home #community-skill-detail-panel .border-slate-800,
body.scheme-a-home #community-skill-detail-panel .border-slate-600\/80 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #community-skill-detail-panel .text-white,
body.scheme-a-home #community-skill-detail-panel .text-slate-50,
body.scheme-a-home #community-skill-detail-panel .text-slate-100,
body.scheme-a-home #community-skill-detail-panel .text-slate-200,
body.scheme-a-home #community-skill-detail-panel .text-sky-50,
body.scheme-a-home #community-skill-detail-panel .text-sky-100,
body.scheme-a-home #community-skill-detail-panel .text-sky-200,
body.scheme-a-home #community-skill-detail-panel .text-emerald-50,
body.scheme-a-home #community-skill-detail-panel .text-emerald-100,
body.scheme-a-home #community-skill-detail-panel .text-amber-100 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #community-skill-detail-panel .text-slate-300,
body.scheme-a-home #community-skill-detail-panel .text-slate-400 {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #community-skill-detail-panel .font-syne {
  background: linear-gradient(90deg, #78350f, #92400e, #a16207) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
}
body.scheme-a-home #community-skill-detail-panel .bg-gradient-to-br.from-sky-400 {
  background: linear-gradient(135deg, #fde68a, #fcd34d, #fbbf24) !important;
}
body.scheme-a-home #community-skill-detail-panel .bg-gradient-to-br.from-sky-400 > div {
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
}
body.scheme-a-home #community-skill-detail-panel button[onclick="closeCommunitySkillDetail()"] {
  border: 2px solid var(--sa-border) !important;
  border-radius: 9999px !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
}
body.scheme-a-home #community-skill-detail-panel button[onclick="closeCommunitySkillDetail()"]:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #community-skill-detail-panel .skill-detail-hero,
body.scheme-a-home #community-skill-detail-panel section.rounded-3xl {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #community-skill-detail-panel .bg-gradient-to-tr {
  background: linear-gradient(to top right, rgba(254,243,199,0.1), rgba(253,230,138,0.05), rgba(251,191,36,0.08)) !important;
}
body.scheme-a-home #community-skill-detail-panel .shadow-2xl,
body.scheme-a-home #community-skill-detail-panel .shadow-slate-950\/80 { box-shadow: none !important; }
body.scheme-a-home #community-skill-detail-panel pre,
body.scheme-a-home #community-skill-detail-panel .bg-slate-800\/80 {
  background: #faf8f5 !important; border-color: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}
/* 社区技能详情 — 动态内容全面覆盖（与开放技能保持一致） */

/* === 深色背景 → 奶油白 === */
body.scheme-a-home #community-skill-detail-main .bg-slate-800,
body.scheme-a-home #community-skill-detail-main .bg-slate-800\/50,
body.scheme-a-home #community-skill-detail-main .bg-slate-800\/70,
body.scheme-a-home #community-skill-detail-main .bg-slate-800\/80,
body.scheme-a-home #community-skill-detail-main .bg-slate-900,
body.scheme-a-home #community-skill-detail-main .bg-slate-900\/80,
body.scheme-a-home #community-skill-detail-main .bg-slate-950\/70,
body.scheme-a-home #community-skill-detail-main .bg-slate-950\/80 {
  background: var(--sa-paper) !important;
}

/* === 深色边框 === */
body.scheme-a-home #community-skill-detail-main .border-slate-600,
body.scheme-a-home #community-skill-detail-main .border-slate-700,
body.scheme-a-home #community-skill-detail-main .border-slate-700\/80,
body.scheme-a-home #community-skill-detail-main .border-slate-800\/60,
body.scheme-a-home #community-skill-detail-main .border-slate-800\/80 {
  border-color: var(--sa-border) !important;
}

/* === 所有浅色/白色文字 === */
body.scheme-a-home #community-skill-detail-main .text-white,
body.scheme-a-home #community-skill-detail-main .text-slate-50,
body.scheme-a-home #community-skill-detail-main .text-slate-100,
body.scheme-a-home #community-skill-detail-main .text-slate-200,
body.scheme-a-home #community-skill-detail-main .text-slate-950,
body.scheme-a-home #community-skill-detail-main .text-sky-50,
body.scheme-a-home #community-skill-detail-main .text-sky-100,
body.scheme-a-home #community-skill-detail-main .text-sky-200,
body.scheme-a-home #community-skill-detail-main .text-emerald-50,
body.scheme-a-home #community-skill-detail-main .text-emerald-100,
body.scheme-a-home #community-skill-detail-main .text-emerald-200,
body.scheme-a-home #community-skill-detail-main .text-emerald-200\/80,
body.scheme-a-home #community-skill-detail-main .text-amber-100,
body.scheme-a-home #community-skill-detail-main .text-amber-100\/90,
body.scheme-a-home #community-skill-detail-main .text-cyan-50,
body.scheme-a-home #community-skill-detail-main .text-cyan-100,
body.scheme-a-home #community-skill-detail-main .text-cyan-200 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #community-skill-detail-main .text-slate-300,
body.scheme-a-home #community-skill-detail-main .text-slate-400,
body.scheme-a-home #community-skill-detail-main .text-slate-500,
body.scheme-a-home #community-skill-detail-main .text-sky-300,
body.scheme-a-home #community-skill-detail-main .text-sky-400,
body.scheme-a-home #community-skill-detail-main .text-emerald-300,
body.scheme-a-home #community-skill-detail-main .text-emerald-400,
body.scheme-a-home #community-skill-detail-main .text-amber-200,
body.scheme-a-home #community-skill-detail-main .text-amber-300,
body.scheme-a-home #community-skill-detail-main .text-cyan-300,
body.scheme-a-home #community-skill-detail-main .text-cyan-400 {
  color: var(--sa-ink-muted) !important;
}

/* === 链接文字 === */
body.scheme-a-home #community-skill-detail-main a:not([class*="btn"]):not(.community-detail-action-btn):not(.community-detail-file-btn) {
  color: var(--sa-accent-deep) !important;
}

/* === 阴影 === */
body.scheme-a-home #community-skill-detail-main .shadow-slate-950\/80 {
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #community-skill-detail-main .shadow-xl,
body.scheme-a-home #community-skill-detail-main .shadow-2xl {
  box-shadow: 0 4px 12px rgba(61,46,15,0.08) !important;
}

/* === 渐变 === */
body.scheme-a-home #community-skill-detail-main .bg-gradient-to-tr {
  background: linear-gradient(to top right, rgba(254,243,199,0.06), rgba(253,230,138,0.03), rgba(251,191,36,0.05)) !important;
}

/* === section 卡片 === */
body.scheme-a-home #community-skill-detail-main section {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
  backdrop-filter: none !important;
}

/* === 安装命令区块 === */
body.scheme-a-home #community-skill-detail-main .skill-install-block,
body.scheme-a-home #community-skill-detail-main .bg-emerald-500\/10 {
  background: var(--sa-accent-soft) !important;
  border-color: var(--sa-accent) !important;
}
body.scheme-a-home #community-skill-detail-main .border-emerald-500\/50 {
  border-color: var(--sa-accent) !important;
}
body.scheme-a-home #community-skill-detail-main .skill-install-block code,
body.scheme-a-home #community-skill-detail-main .skill-install-block .font-mono,
body.scheme-a-home #community-skill-detail-main [id*="install-cmd"] {
  color: var(--sa-ink) !important;
  background: transparent !important;
}
body.scheme-a-home #community-skill-detail-main .skill-install-block p {
  color: var(--sa-accent-deep) !important;
}

/* === 复制按钮 — 与首页 sa-btn-primary 一致 === */
body.scheme-a-home #community-skill-detail-main .bg-emerald-400\/90,
body.scheme-a-home #community-skill-detail-main .bg-emerald-400,
body.scheme-a-home #community-skill-detail-main .bg-emerald-500 {
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important;
  border: none !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), inset 0 -3px 0 rgba(180,83,9,0.18), 0 4px 0 rgba(180,83,9,0.12), 0 8px 16px -6px rgba(180,130,20,0.3) !important;
}
body.scheme-a-home #community-skill-detail-main .hover\:bg-emerald-300:hover {
  filter: brightness(1.03) !important;
}

/* === 链接按钮 — 与首页 sa-btn-ghost 一致 === */
body.scheme-a-home #community-skill-detail-main a.rounded-full {
  border: 2px solid var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
}
body.scheme-a-home #community-skill-detail-main a.rounded-full:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}

/* === 合规区块 === */
body.scheme-a-home #community-skill-detail-main .bg-amber-500\/10 {
  background: #fef9ee !important;
}
body.scheme-a-home #community-skill-detail-main .border-amber-500\/60 {
  border-color: var(--sa-accent) !important;
}

/* === 状态点 === */
body.scheme-a-home #community-skill-detail-main .bg-cyan-400,
body.scheme-a-home #community-skill-detail-main .bg-amber-400,
body.scheme-a-home #community-skill-detail-main .bg-sky-400 {
  background: var(--sa-accent) !important;
}

/* === 标签胶囊 === */
body.scheme-a-home #community-skill-detail-main .rounded-full[class*="bg-slate"] {
  background: rgba(254,243,199,0.5) !important;
  border-color: rgba(202,138,4,0.3) !important;
  color: var(--sa-accent-deep) !important;
}

/* === 代码块 === */
body.scheme-a-home #community-skill-detail-main pre,
body.scheme-a-home #community-skill-detail-main code:not(.skill-install-block code) {
  background: #faf8f5 !important;
  color: var(--sa-ink) !important;
  border-color: var(--sa-border) !important;
}

/* === hover 态覆盖 === */
body.scheme-a-home #community-skill-detail-main .hover\:bg-sky-500\/20:hover {
  background: var(--sa-accent-soft) !important;
}
body.scheme-a-home #community-skill-detail-main .hover\:border-sky-400\/70:hover {
  border-color: var(--sa-accent) !important;
}
body.scheme-a-home #community-skill-detail-main .hover\:text-sky-100:hover {
  color: var(--sa-accent-deep) !important;
}

/* === 统计卡片 === */
body.scheme-a-home #community-skill-detail-main .skill-stats-item {
  background: var(--sa-paper) !important;
  border-color: var(--sa-border) !important;
  border-radius: 0.75rem !important;
}

/* === 安全审计区块 === */
body.scheme-a-home #community-skill-detail-main .skill-audits-section {
  background: var(--sa-paper) !important;
  border-color: var(--sa-border) !important;
  border-radius: 0.75rem !important;
}
body.scheme-a-home #community-skill-detail-main .skill-audits-section h3 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #community-skill-detail-main .skill-audits-section span {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #community-skill-detail-main .skill-audit-row {
  border-bottom-color: var(--sa-border) !important;
}
body.scheme-a-home #community-skill-detail-main .skill-audit-row-link {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #community-skill-detail-main .skill-audit-row-link:hover {
  background: var(--sa-accent-soft) !important;
}
body.scheme-a-home #community-skill-detail-main .skill-audit-pass {
  background: rgba(202,138,4,0.15) !important;
  color: var(--sa-accent-deep) !important;
}

/* === 其他 === */
body.scheme-a-home #community-skill-detail-main .bg-sky-500\/20,
body.scheme-a-home #community-skill-detail-main .border-sky-500\/50 {
  background: var(--sa-accent-soft) !important;
  border-color: rgba(202,138,4,0.5) !important;
}
body.scheme-a-home #community-skill-detail-main [class*="ring-offset-slate"] {
  --tw-ring-offset-color: var(--sa-paper) !important;
}
body.scheme-a-home #community-skill-detail-main .border-b,
body.scheme-a-home #community-skill-detail-main .border-t,
body.scheme-a-home #community-skill-detail-main .border-r {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #community-skill-detail-main dt {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #community-skill-detail-main dd {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #community-skill-detail-main .backdrop-blur-xl {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.scheme-a-home .community-detail-pill {
  border-color: rgba(202,138,4,0.35) !important;
  background: rgba(254,243,199,0.45) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .community-detail-pill-dot { background: var(--sa-accent) !important; }
body.scheme-a-home .community-detail-action-btn {
  border: 2px solid var(--sa-border) !important; border-radius: 9999px !important;
  background: var(--sa-paper) !important; color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important; font-weight: 600 !important;
  padding: 0.5rem 1rem !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
}
body.scheme-a-home .community-detail-action-btn:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .community-detail-file-btn {
  border: 1px solid var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home .community-detail-file-btn:hover {
  background: var(--sa-accent-soft) !important;
  border-color: var(--sa-accent) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .community-detail-file-btn.border-sky-500\/50 {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
}

/* ---- 4c. 全局详情基础组件覆盖（覆盖 index.html <style> 中的深色底色） ---- */
body.scheme-a-home .skill-stats-item {
  background: var(--sa-paper) !important;
  border: 1px solid var(--sa-border) !important;
  border-radius: 0.75rem !important;
}
body.scheme-a-home .skill-stats-grid {
  gap: 0.75rem;
}
body.scheme-a-home .skill-audits-section {
  background: var(--sa-paper) !important;
  border: 1px solid var(--sa-border) !important;
  border-radius: 0.75rem !important;
}
body.scheme-a-home .skill-audit-row {
  border-bottom-color: var(--sa-border) !important;
}
body.scheme-a-home .skill-audit-row-link {
  color: var(--sa-ink) !important;
}
body.scheme-a-home .skill-audit-row-link:hover {
  background: var(--sa-accent-soft) !important;
}
body.scheme-a-home .skill-audit-badge {
  font-weight: 700 !important;
}
body.scheme-a-home .skill-audit-pass {
  background: rgba(202,138,4,0.15) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .skill-install-block {
  background: var(--sa-accent-soft) !important;
  border-color: var(--sa-accent) !important;
}
body.scheme-a-home .skill-install-block code {
  color: var(--sa-ink) !important;
}

/* ---- 5. 审计弹窗 ---- */
body.scheme-a-home .audit-modal-backdrop {
  background: rgba(247,244,237,0.75) !important;
}
body.scheme-a-home .audit-modal-panel {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home .audit-modal-panel .border-b,
body.scheme-a-home .audit-modal-panel .border-slate-700\/80 { border-color: var(--sa-border) !important; }
body.scheme-a-home .audit-modal-panel .text-slate-100,
body.scheme-a-home .audit-modal-panel .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home .audit-modal-panel .text-slate-400 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home .audit-modal-body { color: var(--sa-ink) !important; }
body.scheme-a-home .audit-modal-body.prose-invert { --tw-prose-body: var(--sa-ink) !important; }
body.scheme-a-home .audit-modal-loading { color: var(--sa-ink-muted) !important; }
body.scheme-a-home .audit-modal-error { color: #b45309 !important; }

/* ---- 6. 发布技能弹窗 ---- */
body.scheme-a-home #publish-skill-modal {
  background: rgba(247,244,237,0.7) !important;
}
body.scheme-a-home #publish-skill-modal > div {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home #publish-skill-modal .border-b,
body.scheme-a-home #publish-skill-modal .border-t,
body.scheme-a-home #publish-skill-modal .border-slate-700\/80,
body.scheme-a-home #publish-skill-modal .border-slate-800 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #publish-skill-modal .bg-slate-900\/95,
body.scheme-a-home #publish-skill-modal .bg-slate-900\/80,
body.scheme-a-home #publish-skill-modal .bg-slate-800\/80,
body.scheme-a-home #publish-skill-modal .bg-slate-800\/40 {
  background: transparent !important;
}
body.scheme-a-home #publish-skill-modal .text-slate-50,
body.scheme-a-home #publish-skill-modal .text-slate-100,
body.scheme-a-home #publish-skill-modal .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #publish-skill-modal .text-slate-300,
body.scheme-a-home #publish-skill-modal .text-slate-400,
body.scheme-a-home #publish-skill-modal .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #publish-skill-modal h2 {
  font-family: var(--sa-font) !important; color: var(--sa-ink) !important;
}
body.scheme-a-home #publish-skill-modal input[type="text"],
body.scheme-a-home #publish-skill-modal textarea {
  border: 2px solid var(--sa-border) !important;
  background: #fff !important; color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #publish-skill-modal input[type="text"]::placeholder,
body.scheme-a-home #publish-skill-modal textarea::placeholder { color: #a3a3a3 !important; }
body.scheme-a-home #publish-skill-modal input[type="text"]:focus,
body.scheme-a-home #publish-skill-modal textarea:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home #publish-skill-modal input[type="radio"] {
  border-color: var(--sa-border) !important;
  background: #fff !important;
  color: var(--sa-accent) !important;
}
body.scheme-a-home #publish-skill-modal label span.text-slate-200,
body.scheme-a-home #publish-skill-modal label .text-sm { color: var(--sa-ink) !important; }
body.scheme-a-home #publish-drop-zone {
  border-color: rgba(202,138,4,0.5) !important;
  background: rgba(254,243,199,0.2) !important;
}
body.scheme-a-home #publish-drop-zone:hover {
  border-color: var(--sa-accent) !important;
  background: rgba(254,243,199,0.35) !important;
}
body.scheme-a-home #publish-choose-zip-btn {
  border-color: rgba(202,138,4,0.6) !important;
  background: rgba(254,243,199,0.4) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #publish-skill-modal button[onclick="closePublishSkillModal()"] {
  border-color: var(--sa-border) !important; color: var(--sa-ink-muted) !important;
  background: var(--sa-paper) !important;
}
body.scheme-a-home #publish-submit-btn {
  border-radius: 9999px !important;
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important; font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(180,130,20,0.3) !important;
}
body.scheme-a-home #publish-skill-modal .text-amber-100 { color: var(--sa-accent-deep) !important; }

/* ---- 7. 技能创建器弹窗 ---- */
body.scheme-a-home #skill-creator-modal {
  background: rgba(247,244,237,0.7) !important;
}
body.scheme-a-home #skill-creator-modal > div {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home #skill-creator-modal .border-b,
body.scheme-a-home #skill-creator-modal .border-slate-800\/80 { border-color: var(--sa-border) !important; }
body.scheme-a-home #skill-creator-modal .text-slate-50,
body.scheme-a-home #skill-creator-modal .text-slate-100,
body.scheme-a-home #skill-creator-modal .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #skill-creator-modal .text-slate-400,
body.scheme-a-home #skill-creator-modal .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #skill-creator-modal .bg-slate-900,
body.scheme-a-home #skill-creator-modal .bg-slate-950\/95,
body.scheme-a-home #skill-creator-modal .bg-slate-800 {
  background: var(--sa-paper) !important;
}
body.scheme-a-home #skill-creator-modal input,
body.scheme-a-home #skill-creator-modal textarea,
body.scheme-a-home #skill-creator-modal select {
  border: 2px solid var(--sa-border) !important;
  background: #fff !important; color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #skill-creator-modal input:focus,
body.scheme-a-home #skill-creator-modal textarea:focus,
body.scheme-a-home #skill-creator-modal select:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home #skill-creator-modal button.bg-sky-500 {
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important;
}

/* ---- 8. 安全仪表盘弹窗 ---- */
body.scheme-a-home #security-dashboard-modal {
  background: rgba(247,244,237,0.8) !important;
}
body.scheme-a-home #security-dashboard-modal > div {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home #security-dashboard-modal .border-b,
body.scheme-a-home #security-dashboard-modal .border-slate-700\/80,
body.scheme-a-home #security-dashboard-modal .border-slate-600\/80 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #security-dashboard-modal .bg-slate-900\/50,
body.scheme-a-home #security-dashboard-modal .bg-slate-800\/40,
body.scheme-a-home #security-dashboard-modal .bg-slate-950\/50 {
  background: transparent !important;
}
body.scheme-a-home #security-dashboard-modal .text-slate-50,
body.scheme-a-home #security-dashboard-modal .text-slate-100 { color: var(--sa-ink) !important; }
body.scheme-a-home #security-dashboard-modal .text-slate-300,
body.scheme-a-home #security-dashboard-modal .text-slate-400 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #security-dashboard-modal .text-slate-200\/95 { color: var(--sa-ink) !important; }
body.scheme-a-home #security-dashboard-modal button[onclick="closeSecurityDashboard()"] {
  border-color: var(--sa-border) !important; background: rgba(232,224,208,0.5) !important;
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #security-dashboard-modal button[onclick="closeSecurityDashboard()"]:hover {
  background: var(--sa-border) !important; color: var(--sa-ink) !important;
}

/* ---- 9. 个人设置页 ---- */
body.scheme-a-home #page-settings {
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #page-settings h1 { color: var(--sa-ink) !important; font-family: var(--sa-font-hero) !important; font-weight: 400 !important; }
body.scheme-a-home #page-settings h2 { color: var(--sa-ink) !important; }
body.scheme-a-home #page-settings .rounded-2xl {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #page-settings .border-red-900\/50 {
  border-color: rgba(220,38,38,0.3) !important;
  background: #fff5f5 !important;
}
body.scheme-a-home #page-settings .text-slate-50,
body.scheme-a-home #page-settings .text-slate-100,
body.scheme-a-home #page-settings .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #page-settings .text-slate-400,
body.scheme-a-home #page-settings .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #page-settings input,
body.scheme-a-home #page-settings textarea {
  border: 2px solid var(--sa-border) !important;
  background: #fff !important; color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #page-settings input::placeholder,
body.scheme-a-home #page-settings textarea::placeholder { color: #a3a3a3 !important; }
body.scheme-a-home #page-settings input:focus,
body.scheme-a-home #page-settings textarea:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home #settings-save-btn {
  border-radius: 9999px !important;
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important; font-weight: 700 !important;
}
body.scheme-a-home #settings-delete-account-btn { border-radius: 9999px !important; }
body.scheme-a-home #settings-avatar-wrap {
  border-color: rgba(202,138,4,0.5) !important;
  background: rgba(254,243,199,0.3) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #page-settings a { color: var(--sa-accent-deep) !important; }
body.scheme-a-home #page-settings a:hover { color: var(--sa-accent) !important; }

/* ---- 10. 我的技能页 ---- */
body.scheme-a-home #page-my-skills { font-family: var(--sa-font) !important; }
body.scheme-a-home #page-my-skills h1 {
  color: var(--sa-ink) !important;
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
}
body.scheme-a-home #page-my-skills .text-slate-50 { color: var(--sa-ink) !important; }
body.scheme-a-home #page-my-skills .text-slate-400,
body.scheme-a-home #page-my-skills .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #page-my-skills .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #page-my-skills .text-amber-100 { color: var(--sa-accent-deep) !important; }
body.scheme-a-home #page-my-skills .text-red-200 { color: #991b1b !important; }

/* 上传新技能按钮 */
body.scheme-a-home #page-my-skills button.bg-amber-500\/90 {
  border-radius: 9999px !important;
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important;
  border: none !important;
  font-family: var(--sa-font) !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(245,158,11,0.18) !important;
  transition: filter 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
body.scheme-a-home #page-my-skills button.bg-amber-500\/90:hover {
  filter: brightness(1.06) !important;
  box-shadow: 0 4px 16px rgba(245,158,11,0.25) !important;
  transform: translateY(-1px) !important;
}

/* 技能卡片容器 */
body.scheme-a-home #page-my-skills #my-skills-list > div {
  background: var(--sa-paper) !important;
  border: 1.5px solid var(--sa-border) !important;
  border-radius: 1rem !important;
  box-shadow: 0 1px 4px rgba(60,46,15,0.06) !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}
body.scheme-a-home #page-my-skills #my-skills-list > div:hover {
  box-shadow: 0 4px 16px rgba(60,46,15,0.10) !important;
  transform: translateY(-1px) !important;
}

/* 卡片内文字 */
body.scheme-a-home #page-my-skills #my-skills-list .font-semibold {
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #page-my-skills #my-skills-list .text-sm {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #page-my-skills #my-skills-list .text-xs {
  color: var(--sa-ink-muted) !important;
  opacity: 0.75;
}

/* 新版本按钮 - ghost 风格 */
body.scheme-a-home #page-my-skills .my-skill-btn-new {
  background: transparent !important;
  border: 2px solid var(--sa-border) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important;
  transition: all 0.18s !important;
}
body.scheme-a-home #page-my-skills .my-skill-btn-new:hover {
  background: var(--sa-accent-soft) !important;
  border-color: var(--sa-accent) !important;
  color: var(--sa-accent-deep) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(202,138,4,0.12) !important;
}

/* 查看按钮 - primary 风格 */
body.scheme-a-home #page-my-skills .my-skill-btn-view {
  background: linear-gradient(135deg, #fde68a, #fbbf24) !important;
  border: none !important;
  color: #422006 !important;
  font-family: var(--sa-font) !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 6px rgba(245,158,11,0.15) !important;
  transition: all 0.18s !important;
}
body.scheme-a-home #page-my-skills .my-skill-btn-view:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(245,158,11,0.22) !important;
}

/* 删除按钮 - danger ghost 风格 */
body.scheme-a-home #page-my-skills .my-skill-btn-del {
  background: transparent !important;
  border: 2px solid #fecaca !important;
  color: #991b1b !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  transition: all 0.18s !important;
}
body.scheme-a-home #page-my-skills .my-skill-btn-del:hover {
  background: #fee2e2 !important;
  border-color: #f87171 !important;
  color: #7f1d1d !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(239,68,68,0.12) !important;
}

/* 空状态提示 */
body.scheme-a-home #page-my-skills #my-skills-empty {
  background: var(--sa-paper) !important;
  border-color: var(--sa-border) !important;
  color: var(--sa-ink-muted) !important;
}

/* 返回首页链接 */
body.scheme-a-home #page-my-skills a {
  color: var(--sa-accent-deep) !important;
  font-weight: 500 !important;
  transition: color 0.15s !important;
}
body.scheme-a-home #page-my-skills a:hover {
  color: var(--sa-accent) !important;
}

/* ---- 11. 作者主页 / 官方账号主页 ---- */
body.scheme-a-home #page-author-profile,
body.scheme-a-home #page-official-account-profile {
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #page-author-profile .profile-page-header-card,
body.scheme-a-home #page-official-account-profile .profile-page-header-card {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #page-author-profile .text-slate-50,
body.scheme-a-home #page-author-profile .text-slate-100,
body.scheme-a-home #page-official-account-profile .text-slate-50,
body.scheme-a-home #page-official-account-profile .text-slate-100 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home #page-author-profile .text-slate-300,
body.scheme-a-home #page-author-profile .text-slate-400,
body.scheme-a-home #page-author-profile .text-slate-500,
body.scheme-a-home #page-official-account-profile .text-slate-300,
body.scheme-a-home #page-official-account-profile .text-slate-400,
body.scheme-a-home #page-official-account-profile .text-slate-500 {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #page-author-profile .border-sky-400\/50,
body.scheme-a-home #page-official-account-profile .border-sky-400\/50 {
  border-color: rgba(202,138,4,0.5) !important;
}
body.scheme-a-home #page-author-profile .bg-slate-800\/80,
body.scheme-a-home #page-official-account-profile .bg-slate-800\/80 {
  background: rgba(254,243,199,0.3) !important;
}
body.scheme-a-home #page-author-profile .bg-slate-800\/40,
body.scheme-a-home #page-official-account-profile .bg-slate-800\/40 {
  background: var(--sa-paper) !important;
}
body.scheme-a-home #page-author-profile .border-slate-700\/60,
body.scheme-a-home #page-official-account-profile .border-slate-700\/60 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home .profile-page-section h2 { color: var(--sa-ink) !important; }
body.scheme-a-home #page-author-profile a,
body.scheme-a-home #page-official-account-profile a { color: var(--sa-accent-deep) !important; }

/* ---- 12. Toast ---- */
body.scheme-a-home #skill-toast-root .toast-item,
body.scheme-a-home .skill-toast {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  box-shadow: 0 8px 24px -6px rgba(61,46,15,0.15) !important;
  border-radius: 9999px !important;
}

/* ---- 13. 图片灯箱 ---- */
body.scheme-a-home .effect-image-lightbox {
  background: rgba(247,244,237,0.92) !important;
}
body.scheme-a-home .effect-image-lightbox img {
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.2) !important;
}

/* ---- 14. 全局：深色容器壳覆盖 ---- */
body.scheme-a-home > div.min-h-full {
  background-image:
    linear-gradient(var(--sa-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--sa-grid) 1px, transparent 1px) !important;
}

/* 动态注入的技能卡片（所有面板/页面内）也统一 */
body.scheme-a-home .skill-card-inner {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
}
body.scheme-a-home .skill-card-inner .text-slate-50,
body.scheme-a-home .skill-card-inner h3.text-slate-50,
body.scheme-a-home .skill-card-inner .text-sky-100 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home .skill-card-inner .text-slate-400,
body.scheme-a-home .skill-card-inner .text-slate-300 {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home .skill-card-footer { border-top-color: var(--sa-border) !important; }

/* 卡片内 link-chip 全局 */
body.scheme-a-home .link-chip {
  border-radius: 9999px !important; border-width: 2px !important;
  border-color: #d4d4d4 !important;
  background: linear-gradient(180deg, #fffefb, #faf8f5) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home .link-chip:hover {
  border-color: #e8c96b !important; color: #713f12 !important;
  background: var(--sa-accent-soft) !important;
}

/* ================================================================
   管理后台（admin.html）
   ================================================================ */
body.scheme-a-home #admin-app {
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #admin-app h1 {
  color: var(--sa-ink) !important;
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
}
body.scheme-a-home #admin-app h2,
body.scheme-a-home #admin-app h3 { color: var(--sa-ink) !important; }
body.scheme-a-home #admin-forbidden { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #admin-forbidden .text-amber-200 { color: var(--sa-accent-deep) !important; }
body.scheme-a-home #admin-forbidden .text-slate-400 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #admin-loading { color: var(--sa-ink-muted) !important; }

/* 管理后台：Tab 按钮 */
body.scheme-a-home .admin-tab {
  border-radius: 9999px !important;
  border-width: 2px !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home .admin-tab.border-sky-400\/60,
body.scheme-a-home .admin-tab.bg-sky-500\/20 {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .admin-tab.border-slate-600\/80,
body.scheme-a-home .admin-tab.bg-slate-800\/60 {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home .admin-tab:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}

/* 管理后台：面板卡片 */
body.scheme-a-home .admin-tab-panel {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home #admin-app .bg-slate-800\/60,
body.scheme-a-home #admin-app .bg-slate-900\/50 {
  background: var(--sa-paper) !important;
}

/* 管理后台：输入框 */
body.scheme-a-home #admin-app input[type="text"],
body.scheme-a-home #admin-app input[type="date"],
body.scheme-a-home #admin-app select {
  border: 2px solid var(--sa-border) !important;
  border-radius: 9999px !important;
  background: #fff !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #admin-app input:focus,
body.scheme-a-home #admin-app select:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home #admin-app input::placeholder { color: #a3a3a3 !important; }

/* 管理后台：文字颜色覆盖 */
body.scheme-a-home #admin-app .text-slate-50,
body.scheme-a-home #admin-app .text-slate-100,
body.scheme-a-home #admin-app .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #admin-app .text-slate-300,
body.scheme-a-home #admin-app .text-slate-400,
body.scheme-a-home #admin-app .text-slate-500 { color: var(--sa-ink-muted) !important; }

/* 管理后台：按钮 */
body.scheme-a-home #admin-app .border-sky-400\/60.bg-sky-500\/20,
body.scheme-a-home #admin-app .border-sky-500\/60.bg-sky-500\/20 {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #admin-app .border-amber-500\/60.bg-amber-500\/20 {
  border-color: rgba(202,138,4,0.6) !important;
  background: rgba(254,243,199,0.4) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #admin-app .border-fuchsia-500\/60.bg-fuchsia-500\/20 {
  border-color: rgba(202,138,4,0.5) !important;
  background: rgba(254,243,199,0.3) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #admin-app .border-slate-500\/60.bg-slate-700\/50,
body.scheme-a-home #admin-app .border-slate-600\/80.bg-slate-800\/60 {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home #admin-app a.rounded-xl {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home #admin-app a.rounded-xl:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
}

/* 管理后台：子Tab */
body.scheme-a-home .skills-subtab,
body.scheme-a-home .featured-subtab {
  border-radius: 9999px !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home .skills-subtab.border-sky-400\/60,
body.scheme-a-home .featured-subtab.border-sky-400\/60 {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home .skills-subtab.border-slate-600\/80,
body.scheme-a-home .featured-subtab.border-slate-600\/80 {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink-muted) !important;
}

/* 管理后台：表格 */
body.scheme-a-home #admin-app table {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #admin-app th {
  background: rgba(254,243,199,0.3) !important;
  color: var(--sa-ink) !important;
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #admin-app td {
  border-color: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home #admin-app tr:hover td {
  background: rgba(254,243,199,0.15) !important;
}

/* 管理后台：复选框 */
body.scheme-a-home #admin-app input[type="checkbox"] {
  border-color: var(--sa-border) !important;
  background: #fff !important;
  color: var(--sa-accent) !important;
}

/* 管理后台：动态注入的 Toast */
body.scheme-a-home .fixed.rounded-xl.border-slate-600.bg-slate-900 {
  background: var(--sa-paper) !important;
  border-color: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}

/* ================================================================
   Fun Skills 大赛（fun-skills.html）
   ================================================================ */
body.scheme-a-home #fs-gate {
  background: var(--sa-bg) !important;
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home #fs-app {
  background:
    linear-gradient(var(--sa-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--sa-grid) 1px, transparent 1px),
    var(--sa-bg) !important;
  background-size: 20px 20px, 20px 20px, 100% 100% !important;
  font-family: var(--sa-font) !important;
}

/* Fun Skills：顶栏 */
body.scheme-a-home #fs-app > header {
  background: rgba(255,251,247,0.94) !important;
  border-bottom-color: var(--sa-border) !important;
  backdrop-filter: blur(12px);
}
body.scheme-a-home #fs-app > header .font-syne {
  background: linear-gradient(90deg, #78350f, #92400e, #a16207) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
}
body.scheme-a-home #fs-app > header .bg-gradient-to-br.from-sky-400 {
  background: linear-gradient(135deg, #fde68a, #fcd34d, #fbbf24) !important;
}
body.scheme-a-home #fs-app > header .bg-gradient-to-br.from-sky-400 > div {
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
}
body.scheme-a-home #fs-app > header .bg-gradient-to-br.from-sky-400 span.font-syne {
  background: none !important; -webkit-background-clip: unset !important;
  color: #92400e !important;
}
body.scheme-a-home #fs-app > header a.rounded-full {
  border: 2px solid var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
}
body.scheme-a-home #fs-app > header a.rounded-full:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}

/* Fun Skills：Hero 区域 */
body.scheme-a-home #fs-app .border-fuchsia-500\/40 {
  border-color: rgba(202,138,4,0.4) !important;
  background: rgba(254,243,199,0.3) !important;
}
body.scheme-a-home #fs-app .bg-fuchsia-400 { background: var(--sa-accent) !important; }
body.scheme-a-home #fs-app .text-fuchsia-200\/90 { color: var(--sa-accent-deep) !important; }
body.scheme-a-home #fs-app h1.font-syne {
  color: var(--sa-ink) !important;
  font-family: var(--sa-font-hero) !important;
  font-weight: 400 !important;
}
body.scheme-a-home #fs-app .text-slate-300,
body.scheme-a-home #fs-app .text-slate-400,
body.scheme-a-home #fs-app .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #fs-app .text-slate-50,
body.scheme-a-home #fs-app .text-slate-100,
body.scheme-a-home #fs-app .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #fs-app .text-amber-300 {
  color: var(--sa-accent-deep) !important;
  font-family: var(--sa-font-hero) !important;
}

/* Fun Skills：按钮 — 与首页 sa-btn-ghost 一致 */
body.scheme-a-home #fs-open-rules {
  border: 2px solid var(--sa-border) !important;
  background: var(--sa-paper) !important;
  color: var(--sa-ink) !important;
  border-radius: 9999px !important;
  font-family: var(--sa-font) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,253,248,0.95), 0 2px 0 rgba(61,46,15,0.04) !important;
}
body.scheme-a-home #fs-open-rules:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #fs-open-upload {
  border-radius: 9999px !important;
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), inset 0 -3px 0 rgba(180,83,9,0.18), 0 4px 0 rgba(180,83,9,0.12), 0 12px 28px -8px rgba(180,130,20,0.42) !important;
}

/* Fun Skills：规则弹窗 */
body.scheme-a-home #fs-modal-rules {
  background: rgba(247,244,237,0.75) !important;
}
body.scheme-a-home #fs-modal-rules > div {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home #fs-modal-rules .border-b { border-color: var(--sa-border) !important; }
body.scheme-a-home #fs-modal-rules h2 { color: var(--sa-ink) !important; font-family: var(--sa-font) !important; }
body.scheme-a-home #fs-modal-rules .text-slate-300,
body.scheme-a-home #fs-modal-rules .text-slate-400 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #fs-modal-rules .text-slate-50 { color: var(--sa-ink) !important; }
body.scheme-a-home #fs-modal-rules .text-fuchsia-300 { color: var(--sa-accent-deep) !important; }
body.scheme-a-home #fs-modal-rules .fs-close-rules {
  border-color: var(--sa-border) !important;
  color: var(--sa-ink-muted) !important;
  background: rgba(232,224,208,0.5) !important;
}

/* Fun Skills：上传作品弹窗 */
body.scheme-a-home #fs-modal-upload {
  background: rgba(247,244,237,0.7) !important;
}
body.scheme-a-home #fs-modal-upload > div {
  background: var(--sa-paper) !important;
  border: 2px solid var(--sa-border) !important;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18) !important;
}
body.scheme-a-home #fs-modal-upload .border-b,
body.scheme-a-home #fs-modal-upload .border-t,
body.scheme-a-home #fs-modal-upload .border-slate-700\/80 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #fs-modal-upload .bg-slate-900\/95,
body.scheme-a-home #fs-modal-upload .bg-slate-900\/80,
body.scheme-a-home #fs-modal-upload .bg-slate-800\/80,
body.scheme-a-home #fs-modal-upload .bg-slate-800\/40 {
  background: transparent !important;
}
body.scheme-a-home #fs-modal-upload .text-slate-50,
body.scheme-a-home #fs-modal-upload .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #fs-modal-upload .text-slate-300,
body.scheme-a-home #fs-modal-upload .text-slate-400,
body.scheme-a-home #fs-modal-upload .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #fs-modal-upload h2 { font-family: var(--sa-font) !important; color: var(--sa-ink) !important; }
body.scheme-a-home #fs-modal-upload input[type="text"],
body.scheme-a-home #fs-modal-upload textarea {
  border: 2px solid var(--sa-border) !important;
  background: #fff !important; color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #fs-modal-upload input[type="text"]::placeholder,
body.scheme-a-home #fs-modal-upload textarea::placeholder { color: #a3a3a3 !important; }
body.scheme-a-home #fs-modal-upload input[type="text"]:focus,
body.scheme-a-home #fs-modal-upload textarea:focus {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home #fs-modal-upload input[type="radio"] {
  border-color: var(--sa-border) !important;
  background: #fff !important;
  color: var(--sa-accent) !important;
}
body.scheme-a-home #fs-modal-upload label span { color: var(--sa-ink) !important; }
body.scheme-a-home #fs-drop-zone {
  border-color: rgba(202,138,4,0.5) !important;
  background: rgba(254,243,199,0.2) !important;
}
body.scheme-a-home #fs-drop-zone:hover {
  border-color: var(--sa-accent) !important;
  background: rgba(254,243,199,0.35) !important;
}
body.scheme-a-home #fs-choose-zip {
  border-color: rgba(202,138,4,0.6) !important;
  background: rgba(254,243,199,0.4) !important;
  color: var(--sa-accent-deep) !important;
  border-radius: 0.75rem !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #fs-choose-zip:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #fs-modal-upload .fs-close-upload {
  border-color: var(--sa-border) !important;
  color: var(--sa-ink-muted) !important;
  background: var(--sa-paper) !important;
  border-radius: 9999px !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home #fs-modal-upload .fs-close-upload:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}
body.scheme-a-home #fs-submit-btn {
  border-radius: 9999px !important;
  background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b) !important;
  color: #422006 !important; font-weight: 700 !important;
  font-family: var(--sa-font) !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), inset 0 -3px 0 rgba(180,83,9,0.18), 0 4px 0 rgba(180,83,9,0.12), 0 12px 28px -8px rgba(180,130,20,0.42) !important;
}
body.scheme-a-home #fs-modal-upload .text-amber-100 { color: var(--sa-accent-deep) !important; }
body.scheme-a-home #fs-modal-rules .fs-close-rules {
  border-color: var(--sa-border) !important;
  color: var(--sa-ink-muted) !important;
  background: var(--sa-paper) !important;
}
body.scheme-a-home #fs-modal-rules .fs-close-rules:hover {
  border-color: var(--sa-accent) !important;
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
}

/* Fun Skills：Toast */
body.scheme-a-home #fs-toast-root .pointer-events-auto {
  background: var(--sa-paper) !important;
  border-color: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}

/* ================================================================
   动态生成内容的全局兜底覆盖
   ================================================================ */

/* 所有动态 skill-card-inner 的深色覆盖（含 transition-card 等组合） */
body.scheme-a-home .skill-card-inner.transition-card,
body.scheme-a-home .skill-card-inner.relative {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 1px 3px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home .skill-card h3 {
  color: var(--sa-ink) !important;
}
body.scheme-a-home .skill-card .text-xs.leading-relaxed,
body.scheme-a-home .skill-card .text-slate-300,
body.scheme-a-home .skill-card .text-slate-400 {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home .skill-card-footer {
  border-top-color: var(--sa-border) !important;
}
body.scheme-a-home .skill-card:hover .skill-card-inner {
  border-color: rgba(202,138,4,0.55) !important;
  box-shadow: 0 0 0 1px rgba(255,253,248,0.95) inset, 0 0 0 3px rgba(254,243,199,0.55), 0 6px 16px rgba(161,98,7,0.12) !important;
}

/* 动态卡片内头像：将 sky 蓝改为暖色 */
body.scheme-a-home .skill-card .bg-sky-500\/30 {
  background: rgba(254,243,199,0.5) !important;
}
body.scheme-a-home .skill-card .border-sky-400\/50 {
  border-color: rgba(202,138,4,0.4) !important;
}
body.scheme-a-home .skill-card .border-slate-600\/80 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home .skill-card .bg-slate-800\/80 {
  background: rgba(254,243,199,0.3) !important;
}
body.scheme-a-home .skill-card .text-slate-100 {
  color: var(--sa-ink) !important;
}

/* 删除/移除按钮 focus ring offset 覆盖 */
body.scheme-a-home .skill-card [class*="ring-offset-slate"] {
  --tw-ring-offset-color: var(--sa-paper) !important;
}

/* 详情面板内 prose（Markdown 渲染）暖色 */
body.scheme-a-home .prose-invert {
  --tw-prose-body: var(--sa-ink) !important;
  --tw-prose-headings: var(--sa-ink) !important;
  --tw-prose-lead: var(--sa-ink-muted) !important;
  --tw-prose-links: var(--sa-accent-deep) !important;
  --tw-prose-bold: var(--sa-ink) !important;
  --tw-prose-counters: var(--sa-ink-muted) !important;
  --tw-prose-bullets: var(--sa-ink-muted) !important;
  --tw-prose-hr: var(--sa-border) !important;
  --tw-prose-quotes: var(--sa-ink) !important;
  --tw-prose-quote-borders: var(--sa-border) !important;
  --tw-prose-captions: var(--sa-ink-muted) !important;
  --tw-prose-code: #92400e !important;
  --tw-prose-pre-code: var(--sa-ink) !important;
  --tw-prose-pre-bg: #faf8f5 !important;
  --tw-prose-th-borders: var(--sa-border) !important;
  --tw-prose-td-borders: var(--sa-border) !important;
}

/* 社区详情面板内动态生成的文件浏览按钮（JS 生成） */
body.scheme-a-home [class*="community-detail-file"] {
  font-family: var(--sa-font) !important;
}

/* 全局 ring-offset 覆盖 */
body.scheme-a-home [class*="ring-offset-slate-950"],
body.scheme-a-home [class*="ring-offset-slate-900"] {
  --tw-ring-offset-color: var(--sa-paper) !important;
}

/* 全局 shadow 覆盖 */
body.scheme-a-home .shadow-slate-950\/80,
body.scheme-a-home .shadow-slate-950\/50 {
  --tw-shadow-color: rgba(61,46,15,0.06) !important;
}

/* 全局按钮 hover/focus 暖色环 */
body.scheme-a-home [class*="focus-visible:ring-sky-400"] {
  --tw-ring-color: var(--sa-accent) !important;
}

/* 全局 backdrop */
body.scheme-a-home .backdrop-blur-xl,
body.scheme-a-home .backdrop-blur-sm { backdrop-filter: blur(12px); }

/* 技能创建器内部元素 */
body.scheme-a-home #skill-creator-modal .border-slate-700,
body.scheme-a-home #skill-creator-modal .border-slate-600 {
  border-color: var(--sa-border) !important;
}
body.scheme-a-home #skill-creator-modal .bg-slate-800\/60 {
  background: rgba(254,243,199,0.15) !important;
}
body.scheme-a-home #skill-creator-modal pre {
  background: #faf8f5 !important;
  border-color: var(--sa-border) !important;
  color: var(--sa-ink) !important;
}

/* 主站 body 级别兜底 - 去掉深色渐变 */
body.scheme-a-home .bg-gradient-to-br.from-sky-900 {
  background: var(--sa-bg) !important;
}

/* 技能创建器自定义下拉 */
body.scheme-a-home .skill-creator-select-trigger {
  border: 2px solid var(--sa-border) !important;
  background: #fff !important;
  color: var(--sa-ink) !important;
  font-family: var(--sa-font) !important;
}
body.scheme-a-home .skill-creator-select-trigger:hover {
  border-color: #d4c4a8 !important;
  background: var(--sa-paper) !important;
}
body.scheme-a-home .skill-creator-select-trigger:focus-visible {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.85) !important;
}
body.scheme-a-home .skill-creator-select-trigger[aria-expanded="true"] {
  border-color: var(--sa-accent) !important;
  box-shadow: 0 0 0 3px rgba(254,243,199,0.7) !important;
}
body.scheme-a-home .skill-creator-select-trigger .trigger-text.placeholder {
  color: #a3a3a3 !important;
}
body.scheme-a-home .skill-creator-select-trigger .trigger-chevron {
  color: var(--sa-ink-muted) !important;
}
body.scheme-a-home .skill-creator-select-dropdown {
  border: 2px solid var(--sa-border) !important;
  background: var(--sa-paper) !important;
  box-shadow: 0 10px 40px -10px rgba(61,46,15,0.15) !important;
}
body.scheme-a-home .skill-creator-select-option {
  color: var(--sa-ink) !important;
}
body.scheme-a-home .skill-creator-select-option:hover {
  background: var(--sa-accent-soft) !important;
}
body.scheme-a-home .skill-creator-select-option:focus-visible {
  background: var(--sa-accent-soft) !important;
  box-shadow: inset 0 0 0 2px rgba(202,138,4,0.5) !important;
}
body.scheme-a-home .skill-creator-select-option[data-value=""] {
  color: var(--sa-ink-muted) !important;
}

/* 技能创建器资源 Tab */
body.scheme-a-home .skill-creator-resource-tab {
  border-color: var(--sa-border) !important;
  font-family: var(--sa-font-mono) !important;
}
body.scheme-a-home .skill-creator-resource-tab.bg-emerald-500\/20 {
  background: var(--sa-accent-soft) !important;
  color: var(--sa-accent-deep) !important;
  border-color: rgba(202,138,4,0.5) !important;
}
body.scheme-a-home .skill-creator-resource-tab.bg-slate-800\/60 {
  background: var(--sa-paper) !important;
  color: var(--sa-ink-muted) !important;
}

/* 官方技能徽章 */
body.scheme-a-home .skill-official-badge {
  background: rgba(254,243,199,0.5) !important;
  color: var(--sa-accent-deep) !important;
}

/* 查找技能结果卡片（JS 动态生成） */
body.scheme-a-home #find-skills-results .rounded-xl {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
}
body.scheme-a-home #find-skills-results .text-slate-50,
body.scheme-a-home #find-skills-results .text-slate-100,
body.scheme-a-home #find-skills-results .text-slate-200 { color: var(--sa-ink) !important; }
body.scheme-a-home #find-skills-results .text-slate-300,
body.scheme-a-home #find-skills-results .text-slate-400,
body.scheme-a-home #find-skills-results .text-slate-500 { color: var(--sa-ink-muted) !important; }
body.scheme-a-home #find-skills-results .bg-slate-800\/60,
body.scheme-a-home #find-skills-results .bg-slate-900 {
  background: var(--sa-paper) !important;
}
body.scheme-a-home #find-skills-results .border-slate-600,
body.scheme-a-home #find-skills-results .border-slate-700 {
  border-color: var(--sa-border) !important;
}

/* 查找技能结果内类型下拉 */
body.scheme-a-home .find-skills-type-trigger {
  border-color: var(--sa-border) !important;
  background: #fff !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home .find-skills-type-dropdown {
  border-color: var(--sa-border) !important;
  background: var(--sa-paper) !important;
}

/* ================================================================
   精细化视觉优化（不影响功能）
   ================================================================ */

/* ---- P2. 技能创建器 ref-chip 暖色覆盖 ---- */
body.scheme-a-home .ref-chip {
  border-color: var(--sa-border) !important;
  background: rgba(254,243,199,0.25) !important;
  color: var(--sa-ink) !important;
}
body.scheme-a-home .ref-chip svg { color: var(--sa-ink-muted) !important; }
body.scheme-a-home .ref-chip button { color: var(--sa-ink-muted) !important; }
body.scheme-a-home .ref-chip button:hover { color: #b45309 !important; }

/* ---- P3. 自定义滚动条 ---- */
body.scheme-a-home ::-webkit-scrollbar { width: 6px; height: 6px; }
body.scheme-a-home ::-webkit-scrollbar-track { background: transparent; }
body.scheme-a-home ::-webkit-scrollbar-thumb {
  background: rgba(202,138,4,0.18);
  border-radius: 9999px;
}
body.scheme-a-home ::-webkit-scrollbar-thumb:hover {
  background: rgba(202,138,4,0.35);
}
body.scheme-a-home {
  scrollbar-color: rgba(202,138,4,0.18) transparent;
  scrollbar-width: thin;
}

/* ---- P4. 文本选中色 ---- */
body.scheme-a-home ::selection {
  background: var(--sa-accent-soft);
  color: var(--sa-ink);
}
body.scheme-a-home ::-moz-selection {
  background: var(--sa-accent-soft);
  color: var(--sa-ink);
}

/* ---- P5. 弹窗入场动画 ---- */
@keyframes saModalFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes saModalSlideUp {
  from { opacity: 0; transform: translateY(12px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
body.scheme-a-home #auth-modal,
body.scheme-a-home #find-skills-modal:not(.hidden),
body.scheme-a-home #publish-skill-modal:not(.hidden),
body.scheme-a-home #skill-creator-modal:not(.hidden),
body.scheme-a-home #security-dashboard-modal:not(.hidden),
body.scheme-a-home .audit-modal-backdrop {
  animation: saModalFadeIn 0.2s ease-out both;
}
body.scheme-a-home #auth-modal .auth-modal-box,
body.scheme-a-home #find-skills-modal:not(.hidden) > div:first-child,
body.scheme-a-home #publish-skill-modal:not(.hidden) > div:first-child,
body.scheme-a-home #skill-creator-modal:not(.hidden) > div:first-child,
body.scheme-a-home #security-dashboard-modal:not(.hidden) > div:first-child,
body.scheme-a-home .audit-modal-panel {
  animation: saModalSlideUp 0.24s var(--sa-ease-bounce) both;
}
@media (prefers-reduced-motion: reduce) {
  body.scheme-a-home #auth-modal,
  body.scheme-a-home #find-skills-modal:not(.hidden),
  body.scheme-a-home #publish-skill-modal:not(.hidden),
  body.scheme-a-home #skill-creator-modal:not(.hidden),
  body.scheme-a-home #security-dashboard-modal:not(.hidden),
  body.scheme-a-home .audit-modal-backdrop,
  body.scheme-a-home .auth-modal-box,
  body.scheme-a-home .audit-modal-panel {
    animation: none !important;
  }
}

/* ---- P7. 下拉菜单 focus-visible ---- */
body.scheme-a-home #auth-user-dropdown-menu button:focus-visible {
  background: var(--sa-accent-soft) !important;
  box-shadow: inset 0 0 0 2px rgba(202,138,4,0.4) !important;
  outline: none !important;
}

/* ---- P8. 技能创建器脉冲点暖色 ---- */
body.scheme-a-home #skill-creator-modal .bg-emerald-400 {
  background-color: var(--sa-accent) !important;
}
body.scheme-a-home #skill-creator-modal .border-emerald-500\/50 {
  border-color: rgba(202,138,4,0.5) !important;
}

/* ---- P11. 卡片 hover 阴影层次 + 悬停提升 ---- */
body.scheme-a-home .skill-card .skill-card-inner {
  transition: transform 0.24s var(--sa-ease-bounce),
              box-shadow 0.24s ease,
              border-color 0.2s ease !important;
}
body.scheme-a-home .skill-card:hover .skill-card-inner {
  transform: translateY(-3px) !important;
  border-color: rgba(202,138,4,0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255,253,248,0.95) inset,
    0 0 0 3px rgba(254,243,199,0.55),
    0 8px 24px -4px rgba(161,98,7,0.13),
    0 2px 6px rgba(61,46,15,0.06) !important;
}
body.scheme-a-home .skill-card:active .skill-card-inner {
  transform: translateY(-1px) !important;
  transition-duration: 0.1s !important;
}

/* ---- P12. 空状态设计优化 ---- */
body.scheme-a-home #skills-empty-state,
body.scheme-a-home #author-profile-empty,
body.scheme-a-home #my-skills-empty {
  border: 2px dashed var(--sa-border) !important;
  border-radius: 1rem !important;
  background: linear-gradient(135deg, rgba(254,243,199,0.15) 0%, rgba(253,230,138,0.08) 100%) !important;
  padding: 2.5rem 1.5rem !important;
  text-align: center !important;
}
body.scheme-a-home #skills-empty-state p,
body.scheme-a-home #author-profile-empty p,
body.scheme-a-home #my-skills-empty p {
  font-family: var(--sa-font) !important;
  color: var(--sa-ink-muted) !important;
  font-size: 0.9375rem !important;
}

/* ---- P6. 骨架屏卡片占位 ---- */
@keyframes saSkeletonPulse {
  0%, 100% { opacity: 0.45; }
  50%      { opacity: 0.75; }
}
body.scheme-a-home .sa-skeleton-card {
  border: 2px solid var(--sa-border);
  border-radius: 1rem;
  background: var(--sa-paper);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  animation: saSkeletonPulse 1.6s ease-in-out infinite;
}
body.scheme-a-home .sa-skeleton-card .sk-line {
  border-radius: 0.5rem;
  background: rgba(202,138,4,0.1);
}
body.scheme-a-home .sa-skeleton-card .sk-title  { height: 1.25rem; width: 65%; }
body.scheme-a-home .sa-skeleton-card .sk-text   { height: 0.875rem; width: 90%; }
body.scheme-a-home .sa-skeleton-card .sk-text-s { height: 0.875rem; width: 55%; }
body.scheme-a-home .sa-skeleton-card .sk-footer {
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px solid var(--sa-border);
  display: flex;
  gap: 0.5rem;
}
body.scheme-a-home .sa-skeleton-card .sk-chip {
  height: 1.5rem;
  width: 4rem;
  border-radius: 9999px;
  background: rgba(202,138,4,0.08);
}

/* ---- P9. 自定义确认弹窗 ---- */
body.scheme-a-home #sa-confirm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(247,244,237,0.75);
  backdrop-filter: blur(4px);
  animation: saModalFadeIn 0.15s ease-out both;
}
body.scheme-a-home #sa-confirm-box {
  background: var(--sa-paper);
  border: 2px solid var(--sa-border);
  border-radius: 1.25rem;
  padding: 1.75rem 2rem;
  max-width: 22rem;
  width: 90%;
  box-shadow: 0 25px 60px -12px rgba(61,46,15,0.18);
  text-align: center;
  font-family: var(--sa-font);
  animation: saModalSlideUp 0.2s var(--sa-ease-bounce) both;
}
body.scheme-a-home #sa-confirm-msg {
  color: var(--sa-ink);
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
body.scheme-a-home #sa-confirm-box .sa-confirm-btns {
  display: flex;
  gap: 0.625rem;
  justify-content: center;
}
body.scheme-a-home #sa-confirm-box .sa-cfm-cancel {
  flex: 1;
  padding: 0.5rem 1rem;
  border: 2px solid var(--sa-border);
  border-radius: 9999px;
  background: var(--sa-paper);
  color: var(--sa-ink-muted);
  font-weight: 600;
  font-family: var(--sa-font);
  cursor: pointer;
  transition: all 0.18s ease;
}
body.scheme-a-home #sa-confirm-box .sa-cfm-cancel:hover {
  border-color: #d4c4a8;
  background: var(--sa-accent-soft);
}
body.scheme-a-home #sa-confirm-box .sa-cfm-ok {
  flex: 1;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 9999px;
  background: linear-gradient(135deg, #fde68a 0%, #fbbf24 55%, #f59e0b 100%);
  color: #422006;
  font-weight: 700;
  font-family: var(--sa-font);
  cursor: pointer;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 3px 0 rgba(180,83,9,0.1), 0 8px 20px -6px rgba(180,130,20,0.35);
  transition: all 0.18s ease;
}
body.scheme-a-home #sa-confirm-box .sa-cfm-ok:hover {
  filter: brightness(1.04);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 3px 0 rgba(180,83,9,0.12), 0 12px 28px -6px rgba(180,130,20,0.45);
}