/* ===============================
 * Baohe Site Writer · Detail Page
 * Unified v1.3：暗黑配色统一（深空灰体系）+ 交互动效 + 银色(白天)
 * =============================== */

/* -------------------------------
 * 0) 变量（白天默认）
 * ----------------------------- */
.bswarticle-detail-article{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;

  padding-left: clamp(14px, 3vw, 60px);
  padding-right: clamp(14px, 3vw, 60px);
  padding-top: 20px;
  padding-bottom: 20px;

  box-sizing: border-box;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  color:#0f172a;
  line-height:1.7;

  /* 文本 */
  --bswarticle-text: #0f172a;
  --bswarticle-sub:  #475569;
  --bswarticle-mute: #64748b;

  /* 白天边线/底色 */
  --bswarticle-border: rgba(15,23,42,.08);
  --bswarticle-border-soft: rgba(15,23,42,.06);
  --bswarticle-bg-soft: rgba(15,23,42,.015);
  --bswarticle-bg-card: #fff;

  /* 动效 */
  --bswarticle-ease: cubic-bezier(.2,.8,.2,1);
  --bswarticle-dur-fast: .16s;
  --bswarticle-dur: .22s;
  --bswarticle-dur-slow: .32s;

  /* 白天阴影 */
  --bswarticle-shadow-sm: 0 6px 14px rgba(15,23,42,.06);
  --bswarticle-shadow-md: 0 12px 28px rgba(15,23,42,.08);
  --bswarticle-shadow-lg: 0 18px 44px rgba(15,23,42,.10);

  /* ✅ 银色体系（白天：预期管理 / 小建议） */
  --bswarticle-silver-1: rgba(248,250,252,.88);
  --bswarticle-silver-2: rgba(226,232,240,.70);
  --bswarticle-silver-line: rgba(148,163,184,.45);
  --bswarticle-silver-text: rgba(15,23,42,.78);
}

/* 无障碍：减少动效 */
@media (prefers-reduced-motion: reduce){
  .bswarticle-detail-article *{ transition:none !important; animation:none !important; }
}

/* 区块节奏 */
.bswarticle-section{ margin: 14px 0 18px; }
.bswarticle-detail-article .bswarticle-section + .bswarticle-section{ margin-top: 28px; }

/* 标题 */
.bswarticle-h2{
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 8px;
  line-height: 1.2;
  display:flex;
  align-items:center;
  gap:8px;
}
.bswarticle-h2:before{
  content:"";
  width:3px;
  height:14px;
  border-radius:999px;
  background: rgba(15,23,42,.28);
}

/* 文本 */
.bswarticle-p{ margin: 0; color:#111827; }
.bswarticle-p + .bswarticle-p{ margin-top: 8px; }

.bswarticle-list{ margin: 8px 0 0; padding-left: 18px; }
.bswarticle-list li{ margin: 5px 0; color:#111827; }
.bswarticle-list li strong{ font-weight: 800; }

/* -------------------------------
 * 1) 卡片基础：轻分隔
 * ----------------------------- */
.bswarticle-card{
  background: transparent;
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 5px;
  padding: 10px 12px;
  box-shadow: none;
  transition: transform var(--bswarticle-dur) var(--bswarticle-ease),
              border-color var(--bswarticle-dur) var(--bswarticle-ease),
              background var(--bswarticle-dur) var(--bswarticle-ease),
              box-shadow var(--bswarticle-dur) var(--bswarticle-ease);
}
.bswarticle-section .bswarticle-card{ border-color: rgba(15,23,42,.06); }
.bswarticle-section > .bswarticle-card{ border:0; padding:0; border-radius:0; }

/* -------------------------------
 * 2) 适用人群：重点卡片
 * ----------------------------- */
.bswarticle-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media(min-width:860px){ .bswarticle-grid{ grid-template-columns:1fr 1fr; } }

.bswarticle-grid .bswarticle-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius: 5px;
  padding: 12px 14px;
  box-shadow: var(--bswarticle-shadow-sm);
}
.bswarticle-grid .bswarticle-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--bswarticle-shadow-md);
  border-color: rgba(15,23,42,.12);
}

/* badge */
.bswarticle-badge{
  display:inline-flex;
  align-items:center;
  font-size:12px;
  font-weight:800;
  border-radius:999px;
  padding:5px 10px;
  margin-bottom:10px;
}
.bswarticle-badge-ok{ background: rgba(16,185,129,.10); color:#065f46; border:1px solid rgba(16,185,129,.18); }
.bswarticle-badge-warn{ background: rgba(245,158,11,.10); color:#92400e; border:1px solid rgba(245,158,11,.18); }

/* -------------------------------
 * 3) 预期管理：白天银色玻璃
 * ----------------------------- */
.bswarticle-callout{
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: 5px;

  background: linear-gradient(180deg, var(--bswarticle-silver-1), rgba(248,250,252,.55));
  border: 1px solid var(--bswarticle-silver-2);
  box-shadow: 0 10px 26px rgba(15,23,42,.06);

  position: relative;
  overflow: hidden;

  transition: transform var(--bswarticle-dur) var(--bswarticle-ease),
              box-shadow var(--bswarticle-dur) var(--bswarticle-ease),
              border-color var(--bswarticle-dur) var(--bswarticle-ease);
}
.bswarticle-callout:before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: radial-gradient(600px 140px at 20% 0%,
            rgba(255,255,255,.85),
            transparent 60%);
  opacity: .55;
}
.bswarticle-callout:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
  border-color: rgba(148,163,184,.55);
}
.bswarticle-callout-title{
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 6px;
  color: rgba(15,23,42,.78);
  letter-spacing: .2px;
  display:flex;
  align-items:center;
  gap:8px;
}
.bswarticle-callout-title:before{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(148,163,184,.65);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}
.bswarticle-callout-text{
  font-size: 13px;
  line-height: 1.6;
  color: rgba(15,23,42,.72);
}

/* -------------------------------
 * 4) KV：分隔栏
 * ----------------------------- */
.bswarticle-kv{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:10px;
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 5px;
  overflow:hidden;
  background: rgba(15,23,42,.012);
}
@media(min-width:860px){ .bswarticle-kv{ grid-template-columns:1fr 1fr 1fr; } }

.bswarticle-kv-item{
  padding:10px 12px;
  background: transparent;
  border: 0;
  transition: background var(--bswarticle-dur-fast) var(--bswarticle-ease);
}
.bswarticle-kv-item:hover{ background: rgba(15,23,42,.02); }

@media(min-width:860px){ .bswarticle-kv-item + .bswarticle-kv-item{ border-left: 1px solid rgba(15,23,42,.06); } }
@media(max-width:859px){ .bswarticle-kv-item + .bswarticle-kv-item{ border-top: 1px solid rgba(15,23,42,.06); } }

.bswarticle-kv-k{ font-size:12px; color:#6b7280; font-weight:900; margin-bottom:3px; }
.bswarticle-kv-v{ font-size:13px; color:#111827; }

/* -------------------------------
 * 5) 使用步骤：hover
 * ----------------------------- */
.bswarticle-steps{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.bswarticle-steps li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  border-radius: 5px;
  padding:10px 12px;
  border: 1px solid rgba(15,23,42,.06);
  background: #fff;
  box-shadow: 0 6px 16px rgba(15,23,42,.05);

  transition: transform var(--bswarticle-dur) var(--bswarticle-ease),
              box-shadow var(--bswarticle-dur) var(--bswarticle-ease),
              border-color var(--bswarticle-dur) var(--bswarticle-ease);
}
.bswarticle-steps li:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(15,23,42,.08);
  border-color: rgba(15,23,42,.12);
}
.bswarticle-steps li:active{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15,23,42,.07);
}

.bswarticle-step-n{
  width:22px;
  height:22px;
  flex: 0 0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
  font-size:12px;
  margin-top:1px;
  transition: transform var(--bswarticle-dur) var(--bswarticle-ease), background var(--bswarticle-dur) var(--bswarticle-ease);
}
.bswarticle-steps li:hover .bswarticle-step-n{ transform: scale(1.06); }
.bswarticle-step-t{ font-weight:700; color:#111827; line-height:1.5; }

/* -------------------------------
 * 6) FAQ：仍保留你当前结构（height 动画给 JS）
 * ----------------------------- */
.bswarticle-detail-article .bswarticle-faq{ margin-top: 14px; }

.bswarticle-detail-article .bswarticle-faq-item{
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--bswarticle-border-soft);
  margin: 0;
  padding: 0;
  transition: border-color var(--bswarticle-dur) var(--bswarticle-ease);
}
.bswarticle-detail-article .bswarticle-faq-q{
  padding: 12px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
  user-select:none;

  font-size: 13.5px;
  line-height: 1.45;
  color: #334155;

  transition: color var(--bswarticle-dur-fast) var(--bswarticle-ease),
              transform var(--bswarticle-dur-fast) var(--bswarticle-ease);
}
.bswarticle-detail-article .bswarticle-faq-q:hover{ color:#0f172a; transform: translateX(1px); }

.bswarticle-detail-article .bswarticle-faq-q:focus{ outline:none; }
.bswarticle-detail-article .bswarticle-faq-q:focus-visible{
  outline: 2px solid rgba(148,163,184,.35);
  outline-offset: 3px;
  border-radius: 5px;
}

.bswarticle-detail-article .bswarticle-faq-ico{
  width: 14px;
  height: 14px;
  position: relative;
  flex: 0 0 auto;
  color: rgba(100,116,139,.92);
}
.bswarticle-detail-article .bswarticle-faq-ico::before,
.bswarticle-detail-article .bswarticle-faq-ico::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  background: currentColor;
  opacity: .65;
  transition: all var(--bswarticle-dur) var(--bswarticle-ease);
}
.bswarticle-detail-article .bswarticle-faq-ico::before{ width:10px; height:1px; }
.bswarticle-detail-article .bswarticle-faq-ico::after{ width:1px; height:10px; }

html.bswarticle-js .bswarticle-detail-article .bswarticle-faq-a{
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  color: var(--bswarticle-mute);
  font-size: 13px;
  line-height: 1.65;

  transform: translateY(-2px);
  will-change: height, opacity, transform;

  transition:
    opacity var(--bswarticle-dur) var(--bswarticle-ease),
    padding var(--bswarticle-dur) var(--bswarticle-ease),
    transform var(--bswarticle-dur) var(--bswarticle-ease);
  box-sizing: border-box;
}

html.bswarticle-js .bswarticle-detail-article .bswarticle-faq-item.is-open .bswarticle-faq-q{
  color: var(--bswarticle-text);
  padding-bottom: 6px;
}

html.bswarticle-js .bswarticle-detail-article .bswarticle-faq-item.is-open .bswarticle-faq-a{
  height: auto;
  overflow: visible;
  opacity: 1;
  padding: 0 0 14px;
  transform: translateY(0);
}

html.bswarticle-js .bswarticle-detail-article .bswarticle-faq-item.is-open{
  border-bottom-color: rgba(148,163,184,.28);
}
html.bswarticle-js .bswarticle-detail-article .bswarticle-faq-item.is-open .bswarticle-faq-ico::after{ opacity: 0; }

/* -------------------------------
 * 7) 小建议：白天银色
 * ----------------------------- */
.bswarticle-tip{
  margin: 18px 0 22px;
  padding: 14px 16px;
  border-radius: 5px;

  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,250,252,.55));
  border: 1px solid rgba(226,232,240,.70);
  border-left: 4px solid rgba(148,163,184,.55);
  box-shadow: 0 10px 26px rgba(15,23,42,.06);

  transition: transform var(--bswarticle-dur) var(--bswarticle-ease),
              box-shadow var(--bswarticle-dur) var(--bswarticle-ease),
              border-color var(--bswarticle-dur) var(--bswarticle-ease);
}
.bswarticle-tip:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
  border-color: rgba(148,163,184,.55);
}
.bswarticle-tip-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 6px;
  color: rgba(15,23,42,.78);
  letter-spacing: .2px;
}
.bswarticle-tip-title::before{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(148,163,184,.65);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}
.bswarticle-tip-text{ font-size:13px; line-height:1.65; color: rgba(71,85,105,.92); }

/* -------------------------------
 * 8) 声明
 * ----------------------------- */
.bswarticle-declaration{
  margin: 60px auto 30px;
  max-width: 700px;
  padding: 32px 20px;
  text-align: center;
  position: relative;

  background: radial-gradient(ellipse at center, rgba(15,23,42,.04) 0%, rgba(15,23,42,.01) 50%, transparent 80%);
  border: none;
  box-shadow: none;
}
.bswarticle-declaration::before{
  content:"";
  display:block;
  width:100px;
  height:1px;
  margin:0 auto 20px;
  background: linear-gradient(to right, transparent, rgba(15,23,42,.12), transparent);
}
.bswarticle-declaration-text{
  font-size: 13px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 1.2px;
  color: #89919f;
}
.bswarticle-declaration-text strong{ font-weight:500; color:#374151; }
/* =========================================================
 * 9) ✅ 暗黑模式统一修复（核心）
 * - 统一“深空灰”体系：基准 RGB(45,46,47) 附近
 * - 保持精致感：微弱高光 + 细边线 + 克制阴影
 * ======================================================= */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article{
  /* 文本层级 */
  --bswarticle-text: rgba(241,245,249,.92);
  --bswarticle-sub:  rgba(203,213,225,.82);
  --bswarticle-mute: rgba(148,163,184,.78);

  /* 统一边线（深空灰上更干净） */
  --bswarticle-border: rgba(255,255,255,.10);
  --bswarticle-border-soft: rgba(255,255,255,.07);

  /* ✅ 三层背景：基准 RGB(45,46,47) 附近 */
  --bswarticle-surface-1: rgba(45,46,47,.92);  /* 大块容器 / callout / tip */
  --bswarticle-surface-2: rgba(45,46,47,.78);  /* 卡片主体（grid/steps） */
  --bswarticle-surface-3: rgba(45,46,47,.60);  /* 轻底（kv/hover） */

  /* 精致高光（轻微） */
  --bswarticle-highlight: rgba(255,255,255,.06);
  --bswarticle-highlight-2: rgba(255,255,255,.035);

  color: var(--bswarticle-text);

  /* 阴影：更克制、更干净 */
  --bswarticle-shadow-sm: 0 10px 26px rgba(0,0,0,.38);
  --bswarticle-shadow-md: 0 14px 36px rgba(0,0,0,.45);
  --bswarticle-shadow-lg: 0 18px 46px rgba(0,0,0,.52);
}

/* 文本色统一 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-p,
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-list li,
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-step-t,
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-kv-v,
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-declaration-text{
  color: var(--bswarticle-text);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-kv-k{
  color: var(--bswarticle-sub);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-h2:before{
  background: rgba(255,255,255,.18);
}

/* 适用人群卡：统一为 surface-2（深空灰玻璃感） */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-grid .bswarticle-card{
  background: linear-gradient(180deg,
    rgba(45,46,47,.86),
    rgba(45,46,47,.72)
  );
  border-color: var(--bswarticle-border);
  box-shadow: var(--bswarticle-shadow-sm);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-grid .bswarticle-card:hover{
  border-color: rgba(255,255,255,.14);
  box-shadow: var(--bswarticle-shadow-md);
}

/* 步骤：统一为 surface-2 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-steps li{
  background: linear-gradient(180deg,
    rgba(45,46,47,.86),
    rgba(45,46,47,.72)
  );
  border-color: var(--bswarticle-border);
  box-shadow: var(--bswarticle-shadow-sm);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-steps li:hover{
  border-color: rgba(255,255,255,.14);
  box-shadow: var(--bswarticle-shadow-md);
}

/* ✅ 预期管理：基于 surface-1（更“精致”的微高光） */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-callout{
  background: linear-gradient(180deg,
    rgba(45,46,47,.94),
    rgba(45,46,47,.78)
  );
  border: 1px solid var(--bswarticle-border);
  box-shadow: var(--bswarticle-shadow-md);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-callout:before{
  opacity: .22;
  background: radial-gradient(720px 170px at 18% 0%,
            rgba(255,255,255,.12),
            transparent 60%);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-callout-title{
  color: rgba(241,245,249,.92);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-callout-title:before{
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-callout-text{
  color: rgba(203,213,225,.84);
}

/* ✅ 小建议：同样深空灰体系 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-tip{
  background: linear-gradient(180deg,
    rgba(45,46,47,.94),
    rgba(45,46,47,.78)
  );
  border: 1px solid var(--bswarticle-border);
  border-left-color: rgba(255,255,255,.14);
  box-shadow: var(--bswarticle-shadow-md);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-tip:hover{
  border-color: rgba(255,255,255,.14);
  box-shadow: var(--bswarticle-shadow-lg);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-tip-title{
  color: rgba(241,245,249,.92);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-tip-title:before{
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-tip-text{
  color: rgba(203,213,225,.84);
}

/* KV 暗黑统一 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-kv{
  background: rgba(45,46,47,.58);
  border-color: var(--bswarticle-border);
}
@media(min-width:860px){
  :where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-kv-item + .bswarticle-kv-item{
    border-left: 1px solid var(--bswarticle-border);
  }
}
@media(max-width:859px){
  :where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-kv-item + .bswarticle-kv-item{
    border-top: 1px solid var(--bswarticle-border);
  }
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-kv-item:hover{
  background: rgba(255,255,255,.04);
}

/* FAQ 暗黑统一 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-faq-item{
  border-bottom-color: var(--bswarticle-border-soft);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-faq-q{
  color: rgba(226,232,240,.86);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-faq-q:hover{
  color: rgba(241,245,249,.96);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-faq-a{
  color: rgba(203,213,225,.84);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-faq-ico{
  color: rgba(226,232,240,.62);
}
html.bswarticle-js :where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-faq-item.is-open{
  border-bottom-color: rgba(255,255,255,.12);
}

/* badge 暗黑保持 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-badge-ok{
  background: rgba(16,185,129,.14);
  border-color: rgba(16,185,129,.25);
  color: #a7f3d0;
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-badge-warn{
  background: rgba(245,158,11,.14);
  border-color: rgba(245,158,11,.25);
  color: #fde68a;
}

/* 步骤编号暗黑：跟随深空灰 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-step-n{
  background: rgba(255,255,255,.12);
  color: rgba(241,245,249,.92);
  border: 1px solid rgba(255,255,255,.10);
}

/* 声明暗黑 */
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-declaration{
  background: radial-gradient(ellipse at center,
    rgba(255,255,255,.06) 0%,
    rgba(255,255,255,.02) 50%,
    transparent 80%);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-declaration::before{
  background: linear-gradient(to right, transparent, rgba(255,255,255,.14), transparent);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-declaration-text{
  color: rgba(148,163,184,.72);
}
:where(.io-black-mode, html.dark, body.dark, [data-theme="dark"], .theme-dark, .dark) .bswarticle-detail-article .bswarticle-declaration-text strong{
  color: rgba(241,245,249,.90);
}


/* 超宽屏 */
@media (min-width: 1400px){
  .bswarticle-detail-article{ max-width: 1360px; }
}