/* ============================================================
 * scn_market.css —— /scenarios/ 国内/海外筛选与市场徽章
 * （v11.1 WP11.1-4 Task12 第一棒 · 2026-09-02 · 终稿 §11/§17 演进）
 * 追加纪律：独立新文件，site.css 零改动；全部选择器 scnm- 前缀，
 *           不影响其他页面；零内联 style、零内联事件（CSP 兼容）；
 *           配色沿用 site.css 暗色紫基调既有色值；筛选文案零字典键，
 *           用 lang-zh/lang-en 双 span（site.css 全局 html[data-lang] 切换）；
 *           :focus-visible 沿用 site.css 全局规则
 * ============================================================ */

/* ---------- 筛选 chips 条（全部/国内/海外，scenarios.js 渲染） ---------- */
.scnm-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 12px}
.scnm-chip{font-size:12px;font-weight:600;color:#9aa0b5;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.16);border-radius:16px;padding:6px 14px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}
.scnm-chip:hover{color:#fff;border-color:rgba(143,164,245,0.5);background:rgba(143,164,245,0.1)}
.scnm-chip.is-active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}
.scnm-count{font-size:11px;font-weight:500;color:inherit;opacity:.75;margin-left:4px}

/* ---------- 市场徽章（卡头 so-head 内，scenarios.js 渲染） ---------- */
.scnm-badge{display:inline-block;font-size:10px;line-height:1.6;border-radius:10px;padding:2px 9px;white-space:nowrap}
.scnm-badge--domestic{color:#7fd4a8;border:1px solid rgba(127,212,168,0.4);background:rgba(127,212,168,0.08)}
.scnm-badge--overseas{color:#8fa4f5;border:1px solid rgba(143,164,245,0.4);background:rgba(143,164,245,0.08)}

/* ---------- 国内/海外同一口径与双向复制说明区（静态 · lang 双块） ---------- */
.scnm-note{font-size:12px;color:#9aa0b5;line-height:1.9;margin-top:16px;padding:12px 16px;background:rgba(30,28,50,0.6);border:1px dashed rgba(143,164,245,0.3);border-radius:12px}
.scnm-note p{margin:4px 0}
.scnm-note b{color:#c9d0ea;font-weight:600}
.scnm-note a{color:#8fa4f5;text-decoration:none}
.scnm-note a:hover{text-decoration:underline}

/* ---------- 市场筛选空态（筛选结果为空但卡池非空时） ---------- */
.scnm-empty{font-size:12px;color:#9aa0b5;line-height:1.8;padding:16px 8px;text-align:center;background:rgba(30,28,50,0.5);border:1px dashed rgba(255,255,255,0.1);border-radius:12px}

@media (max-width:768px){
  .scnm-bar{margin:12px 0 10px}
  .scnm-chip{padding:5px 12px}
}
@media (prefers-reduced-motion:reduce){.scnm-chip{transition:none}}