@charset "UTF-8";
/* =====================================================================
   语文桥 · 作文频道（/xiezuo/）侧栏「浅金米白」皮肤
   ---------------------------------------------------------------------
   样板：/kewen/8X-20-tangshiershou.html（= css/sidebar-nav.css 的
        body.channel-lessons 浅色覆盖块）
   目的：让作文频道左侧导航与课文/课标频道视觉统一
   配色：底 #faf8f5 / 面 #f4f0e7 / 金 #b8922e / 淡金 #c9b98a
        正文 #5c5344 / 次级 #8a7d66 / 强调 #8a6d2e / 边线 #e3ddd0
   ---------------------------------------------------------------------
   说明：xiezuo 下 121 个页面各自内联了一份深色侧栏 CSS（写在 <head>
        的 <style> 里，位置在每个页面自己的 <link zuowen.css> 之后），
        级联上会压过外链。故本文件所有规则均带 !important，
        并以 html body 提升 2 级特异性，确保稳定胜出。
   注意：本文件只覆盖「侧栏」视觉，不触碰正文区/面包屑/主内容样式。
   ===================================================================== */

/* ---------- 1. 侧栏容器：米白底 + 右侧 1px 边线 ---------- */
html body .sidebar {
  background: #faf8f5 !important;
  border-right: 1px solid #e3ddd0 !important;
  color: #5c5344 !important;
}

/* 侧栏滚动条：米白轨道 + 淡金滑块（与课文频道一致） */
html body .sidebar { scrollbar-width: thin; scrollbar-color: #c9b98a #f2ede3; }
html body .sidebar::-webkit-scrollbar { width: 6px !important; }
html body .sidebar::-webkit-scrollbar-track { background: #f2ede3 !important; }
html body .sidebar::-webkit-scrollbar-thumb { background: #c9b98a !important; border-radius: 3px !important; }
html body .sidebar::-webkit-scrollbar-thumb:hover { background: #b8922e !important; }
html body .sidebar-nav { scrollbar-width: thin; scrollbar-color: #c9b98a #f2ede3; }
html body .sidebar-nav::-webkit-scrollbar { width: 6px !important; }
html body .sidebar-nav::-webkit-scrollbar-track { background: #f2ede3 !important; }
html body .sidebar-nav::-webkit-scrollbar-thumb { background: #c9b98a !important; border-radius: 3px !important; }
html body .sidebar-nav::-webkit-scrollbar-thumb:hover { background: #b8922e !important; }

/* ---------- 2. 顶部学段 TAB（全部/高中 …，对应样板 .tgb-nav 位置） ---------- */
html body .level-tabs {
  border-bottom: 1px solid #e3ddd0 !important;
  background: #f4f0e7 !important;
  padding: 5px 8px !important;
  gap: 2px !important;
}
html body .level-tab {
  padding: 5px 0 !important;
  color: #8a7d66 !important;
  background: transparent !important;
  border-radius: 14px !important;
  margin: 0 2px !important;
  font-weight: 500 !important;
  border-bottom: none !important;
}
html body .level-tab:hover { color: #6b5d44 !important; background: rgba(184,146,46,0.08) !important; }
html body .level-tab.active {
  color: #8a6d2e !important;
  background: rgba(184,146,46,0.16) !important;
  font-weight: 600 !important;
  box-shadow: 0 0 8px rgba(184,146,46,0.18) !important;
}

/* ---------- 3. 搜索框（对应样板 .search-box input） ---------- */
html body .sidebar-search input,
html body #searchInput {
  border: 1px solid #e3ddd0 !important;
  background: #ffffff !important;
  color: #3a3226 !important;
  border-radius: 4px !important;
  padding: 8px 10px !important;
}
html body .sidebar-search input::placeholder,
html body #searchInput::placeholder { color: #a99b83 !important; }
html body .sidebar-search input:focus,
html body #searchInput:focus {
  border-color: #b8922e !important;
  box-shadow: 0 0 0 3px rgba(184,146,46,0.15) !important;
  outline: none !important;
}

/* ---------- 4. 分组标题「📖 写作指导（按册·单元）」 ---------- */
html body .sidebar-hint { color: #8a7d66 !important; font-weight: 600 !important; }

/* ---------- 5. 树：一级（册）标题 + 展开箭头 ---------- */
html body .tree-header { color: #6b5d44 !important; }
html body .tree-header:hover { background: rgba(184,146,46,0.10) !important; color: #4a3f2e !important; }
html body .tree-header .arrow { color: #b8922e !important; }

/* 尖括号 > ：收（右 0deg）/ 放（下 90deg），沿用课文频道做法 */
html body .tree-header .arrow {
  font-size: 0 !important;
  width: 12px !important;
  text-align: center !important;
  display: inline-block !important;
  margin-right: 5px !important;
  transform: none !important;
}
html body .tree-header .arrow::before {
  content: '>' !important;
  font-size: 12px !important;
  line-height: 1 !important;
  display: inline-block !important;
  color: #b8922e !important;
  transform: rotate(0deg) !important;
  transition: transform 0.2s !important;
}
html body .tree-header .arrow.open::before,
html body .tree-header:not(.collapsed) .arrow::before { transform: rotate(90deg) !important; }

/* ---------- 6. 树：单元分隔条 ---------- */
html body .unit-separator {
  color: #8a7d66 !important;
  background: #f4f0e7 !important;
  border-bottom: 1px solid #e3ddd0 !important;
}

/* ---------- 7. 树：条目（课文/写作指导条目） ---------- */
html body .tree-item { color: #5c5344 !important; border-left: 2px solid transparent !important; }
html body .tree-item:hover { background: rgba(184,146,46,0.07) !important; color: #3a3226 !important; }
html body .tree-item.active {
  color: #8a6d2e !important;
  border-left-color: #b8922e !important;
  background: rgba(184,146,46,0.12) !important;
}

/* ---------- 8. 侧栏页脚 ---------- */
html body .sidebar-footer {
  border-top: 1px solid #e3ddd0 !important;
  color: #8a7d66 !important;
  background: #faf8f5 !important;
}
html body .sidebar-footer a { color: #9a8d75 !important; }
html body .sidebar-footer a:hover { color: #b8922e !important; }
html body .sidebar-footer span { color: #8a7d66 !important; }

/* ---------- 9. 内联硬编码色兜底（部分页写死了 #5a5a8a/#1a1a3a 等） ---------- */
html body .sidebar input { border-color: #e3ddd0 !important; background: #ffffff !important; color: #3a3226 !important; }
html body .sidebar .tree-items { background: transparent !important; }