@charset "utf-8";
/* ==========================================================================
   90-accent-quiet.css — 橙色收敛覆盖层
   挂载位置：所有页面样式之后（每个模板 </head> 前）
   原则：橙色从「填充色」降级为「线与字」；不改任何模板结构、不改原 CSS。
   五档：
     L0 主 CTA        保留实底橙 + 白字（.btn-primary / [type=submit] / .lwx-btn-primary / .alogin）
     L1 次动作按钮    浅橙底 + 深橙字 + 1px 浅橙线
     L2 高亮行        浅橙底 + 左缘 3px 橙线，去圆角
     L3 标记/标签     浅橙底 + 深橙字
     L4 标题强调      字改正文色 + 浅橙下划线
     L5 橙描边卡片    常态灰边，hover 转橙
   ========================================================================== */

:root{
  --q-soft:#FFF1EA;          /* 浅橙底 */
  --q-line:#FFD9C9;          /* 浅橙线 */
  --q-ink:#C33A00;           /* 深橙字 */
}
html[data-theme="dark"]{
  --q-soft:rgba(255,106,61,.16);
  --q-line:rgba(255,106,61,.30);
  --q-ink:#FF9A72;
}

/* ══ L1 次动作按钮：浅橙底 + 深橙字 + 1px 浅橙线 ══════════════════════ */
.btn-a:not(.btn-primary):not([type=submit]):not(.nolq),
a.btn-a:not(.btn-primary),
button.btn-a:not(.btn-primary),
span.btn-a{
  background:var(--q-soft)!important;
  color:var(--q-ink)!important;
  border:1px solid var(--q-line)!important;
  box-shadow:none!important;
  opacity:1!important;
}
.btn-a:not(.btn-primary):hover,
a.btn-a:not(.btn-primary):hover,
button.btn-a:not(.btn-primary):hover{
  background:var(--q-soft)!important;
  border-color:var(--accent)!important;
  color:var(--q-ink)!important;
  opacity:1!important;
}
/* 图标按钮 / 下载按钮内部的图标与箭头跟随文字色 */
.btn-a:not(.btn-primary) svg,
.btn-a:not(.btn-primary) i{color:inherit}

/* ══ L2 高亮行：浅橙底 + 左缘 3px 橙线 + 去圆角 ═══════════════════════ */
.lwx-nrow.hl,
.sub1.hl{
  background:var(--q-soft)!important;
  border-radius:0!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
  border-bottom:0!important;
}
.lwx-nrow.hl .t,.lwx-nrow.hl h4,.sub1.hl h4{color:var(--t1)!important}
.lwx-nrow.hl .ex{color:var(--t2)!important}
.lwx-nrow.hl .m,.lwx-nrow.hl .meta,.lwx-nrow.hl time,.sub1.hl .m{color:var(--t3)!important}
.lwx-nrow.hl .pin{background:var(--accent)!important;color:#fff!important;border:0!important}
.lwx-nrow.hl:hover .t:hover,
.lwx-nrow.hl:hover h4{color:var(--accent)!important;text-decoration:none!important}

/* ══ L3 标记 / 标签 / 选中态：浅橙底 + 深橙字，去实底 ════════════════
   只针对「原本是橙色实底」的少量 chip 与标签；导航选中态(.is-on)、
   面包屑(.cur)、广告位/轮播的 .on、pane.on、分页 .cur 一律不动。 */
.lwx-nchips a.on,
.lwx-nchips .on,
.ct-chips b.on,
.jtabs .jtab.on,
.lwx-aplan .tag,
.lwx-aplan.hot .tag{
  background:var(--q-soft)!important;
  color:var(--q-ink)!important;
  border-color:var(--q-line)!important;
  box-shadow:none!important;
}
.lwx-nchips a.on *,
.ct-chips b.on *,
.jtabs .jtab.on *,
.lwx-aplan .tag *{color:inherit!important}

/* ══ L4 标题强调：字改正文色 + 浅橙下划线 ════════════════════════════ */
h1 em,.sec-hd h1 em,.lwx-hero h1 em,.hero h1 em{
  color:var(--navy)!important;
  box-shadow:inset 0 -9px 0 var(--q-soft);
  text-shadow:none!important;
  font-style:normal;
}
html[data-theme="dark"] h1 em,
html[data-theme="dark"] .sec-hd h1 em,
html[data-theme="dark"] .lwx-hero h1 em,
html[data-theme="dark"] .hero h1 em{
  color:#E7EBED!important;
  box-shadow:inset 0 -9px 0 rgba(255,106,61,.22);
}

/* ══ L5 橙描边卡片：常态灰边，hover 转橙 ══════════════════════════════ */
.lwx-amod.core,.lwx-aplan.hot,.lwx-buy{
  border-color:var(--line)!important;
  box-shadow:none!important;
}
.lwx-amod.core .no{color:var(--accent)!important}
.lwx-amod.core:hover,.lwx-aplan.hot:hover,.lwx-buy:hover{border-color:var(--accent)!important}
.lwx-aplan.hot{box-shadow:0 2px 14px rgba(255,68,0,.04)!important}

/* ══ L6 旧样式栈页面（/join、/knowledge）：类名不同，单独收口 ════════
   这两套页面走 /static/css/*，不共用 .btn-a，所以单列。 */
/* 入驻页 tab 选中态（含夜间覆写） */
.jtabs .jtab.on,
html[data-theme="dark"] .jtab.on{
  background:var(--q-soft)!important;
  color:var(--q-ink)!important;
  border-color:var(--q-line)!important;
}
/* 入驻页标题强调：字回正文色 + 浅橙下划色块 */
.join .jl h1 span{
  color:inherit!important;
  box-shadow:inset 0 -8px 0 var(--q-soft);
}
/* 知识库次按钮：浅橙底 + 深橙字，用内描边避免撑高 36px 的行高 */
.kbp-btn:not(.ghost){
  background:var(--q-soft)!important;
  color:var(--q-ink)!important;
  box-shadow:inset 0 0 0 1px var(--q-line)!important;
}
.kbp-btn:not(.ghost):hover,
.kbp-btn:not(.ghost):active{
  filter:none!important;
  background:var(--q-soft)!important;
  box-shadow:inset 0 0 0 1px var(--accent)!important;
}
.kbp-btn.ghost:hover{filter:none!important}
/* 知识库页头主 CTA：夜间被 `[data-theme=dark] .kb-btn` 的灰底覆写掉了，
   按 L0 把实底橙补回来（否则夜间唯一转化入口变成一块灰） */
html[data-theme="dark"] .kb-btn.fill{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
}
html[data-theme="dark"] .kb-btn.fill:hover{filter:brightness(.94)!important;color:#fff!important}

/* ══ L3b 筛选 chip（只限橙底容器，避开 /lawyers、/learning 的藏青 chip）══
   .lwx-cbfilter → /collab/square；.lwx-fbar → /qa 大厅与分类。
   /lawyers、/learning 的同名 .chips 挂在 section.sec / .c8 下，不受影响；
   .lwx-pager .on、.lwx-fbar .sort a.on 是深色底，也不在 .chips 内。 */
.lwx-cbfilter .chips a.on,
.lwx-fbar .chips a.on,
.lwx-fbar .lwx-cats a.is-on,
.lwx-fbar .lwx-subcats a.is-on{
  background:var(--q-soft)!important;
  color:var(--q-ink)!important;
  border-color:var(--q-line)!important;
  box-shadow:none!important;
}
.lwx-cbfilter .chips a.on *,
.lwx-fbar .chips a.on *,
.lwx-fbar .lwx-cats a.is-on *,
.lwx-fbar .lwx-subcats a.is-on *{color:inherit!important}

/* ══ 小尺寸实底橙（≤ 30px 高）保留：它们是状态点，不是面积 ══════════ */
