/* =============================================================
   UI 扁平化覆盖层 —— 前台 + 论坛
   -------------------------------------------------------------
   在 pulse.css / theme.css / fx.css 之后加载，只做「减法」：
     · 浅色按钮（主按钮由「多色渐变+白字」改成「浅蓝底+品牌蓝字+细边框」）
     · 更小的圆角、更浅的阴影
   不改任何品牌色与主题配色，关掉它（后台「主题皮肤 → 界面风格」）整个文件
   不加载，界面立刻回到经典外观 —— 这就是本次改版的一键回滚闸。
   ============================================================= */

/* 圆角：22/14 → 12/9；阴影：去掉大范围发光，只留一层很淡的投影 */
:root{
  --radius:12px;
  --radius-sm:9px;
  --shadow-glow:0 0 0 1px rgba(16,32,72,.05), 0 14px 30px -22px rgba(43,107,255,.30);
  --shadow-card:0 10px 26px -22px rgba(18,34,78,.28);
  --shadow-soft:0 6px 16px -14px rgba(18,34,78,.24);
  --shadow-drop:0 16px 38px -30px rgba(18,34,78,.30);
}

/* ---------- 按钮：收高度、收内边距、去胶囊 ---------- */
.btn{border-radius:12px;height:44px;padding:0 20px}
.btn--sm{border-radius:10px;height:36px;padding:0 15px}

/* 主按钮：浅蓝描边 → 品牌蓝实底 + 白字（2026-10-21 站长令：主按钮要「突出但不太张扬」）
   取色全部从 var(--brand) 现算（color-mix 约定同 .phero__glow），换主题皮肤自动跟随；
   不做多色渐变、不开扫光脉冲——那正是被扁平化掉的「张扬」部分，不恢复。
   字重放到 500：「全站不加粗」总闸自此开一个口子（站长 2026-10-21 授权
   「如果很限制发挥，就取消规则」），只放开 .btn--primary，其余元素仍 400。 */
.btn--primary{
  background:var(--brand);color:#fff;
  border:1px solid color-mix(in srgb,var(--brand) 78%,#000);
  box-shadow:0 10px 24px -12px color-mix(in srgb,var(--brand) 55%,transparent);
}
.btn--primary:hover{
  background:color-mix(in srgb,var(--brand) 88%,#000);
  border-color:color-mix(in srgb,var(--brand) 66%,#000);
  box-shadow:0 14px 28px -12px color-mix(in srgb,var(--brand) 62%,transparent);
  transform:translateY(-1px);
}
.btn--primary:active{
  transform:translateY(0);
  box-shadow:0 6px 14px -10px color-mix(in srgb,var(--brand) 55%,transparent);
}
.btn--primary::after{content:none}   /* 关掉渐变按钮上的扫光 */
.btn--primary,.btn--primary>*{font-weight:500 !important}

/* 论坛大 CTA（.fmcta，板块页头发帖钮）：与 .btn--primary 同款实底，保留论坛的胶囊形与大尺寸。
   2026-10-21 核查：论坛现行发帖钮已改用共用 .btn--primary（板块页/注册页实测均实底），
   .fmcta 当前无视图渲染——仍保持同款实底定义，防止将来复用又淡回去。 */
.fmcta,.fmcta>*{font-weight:500 !important}
.fmcta{
  background:var(--brand);color:#fff;
  border:1px solid color-mix(in srgb,var(--brand) 78%,#000);
  box-shadow:0 12px 26px -12px color-mix(in srgb,var(--brand) 55%,transparent);
}
.fmcta:hover{
  background:color-mix(in srgb,var(--brand) 88%,#000);
  border-color:color-mix(in srgb,var(--brand) 66%,#000);
  box-shadow:0 16px 32px -12px color-mix(in srgb,var(--brand) 62%,transparent);
  transform:translateY(-2px);
}
.fmcta:active{
  transform:translateY(0);
  box-shadow:0 8px 18px -12px color-mix(in srgb,var(--brand) 55%,transparent);
}

/* 曾经的真·深色按钮（.btn--dark）也一并转浅 */
.btn--dark{background:#eef2f9;color:var(--ink);border:1px solid var(--line-2)}

/* 论坛里的深红色危险按钮 → 浅色 */
.btn--danger{background:#fdeef1;color:#c22e24;border:1px solid #f6c9d3}
.btn--danger:hover{background:#fbdfe6;filter:none}

/* 关掉首屏主按钮的光晕脉冲（定义在 fx.css，本文件在其后加载故可覆盖） */
.hero .btn--primary,.portal .btn--primary{animation:none}

/* ---------- 次级可点元素统一样式：浅蓝底+品牌蓝字 ----------
   覆盖：栏目搜索按钮 / 激活分类chip / 文章行箭头(hover) / 论坛激活导航·置顶·页码 /
         首页视频播放圆钮。
   主 CTA（.btn--primary / .fmcta）已于 2026-10-21 拆出去做实底化，不在这张名单里——
   主实次淡，层级不能抹平。文字渐变、进度条等装饰性渐变不在按钮范畴，保留。
   2026-10-21：抽屉里的 .sheet__ask（问一问入口）也移出本名单——它是 AI 主入口，
   要走 pulse.css 里的品牌渐变实底，不再按次级元素压成浅蓝底。 */
.csearch__btn,.chip.is-active,.stream__row:hover .go,
.fmnav a.is-on,.fpill--pin,.fpager .is-on,.vstage__play{
  background:#e9f0ff;color:#2b6bff;border:1px solid #c7d8ff;box-shadow:none;
}
.csearch__btn:hover{background:#dde9ff;border-color:#aec8ff}
.fmnav a.is-on:hover,.fpager .is-on:hover{background:#dde9ff}