/* 通用频道层级布局：三级入口正文 + 四级栏目侧栏。 */
.channel-children-page .k-content { padding: 28px 0 48px !important; }
.channel-children-page .k-content > h1 { margin: 0 0 18px; color: #603811; font-size: 28px; }
.channel-children-intro { margin-bottom: 24px; color: #5d5144; line-height: 1.8; }
.channel-children-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.channel-child-card { display: flex; min-height: 180px; flex-direction: column; color: #603811; background: #f6f3ec; border: 1px solid #d4c4a8; text-decoration: none; transition: border-color .2s ease, background .2s ease; }
.channel-child-card:hover, .channel-child-card:focus-visible { background: #fffaf1; border-color: #a07850; outline: none; }
.channel-child-card img { width: 100%; height: 120px; object-fit: cover; }
.channel-child-card__body { display: flex; flex: 1; flex-direction: column; padding: 14px 16px; }
.channel-child-card__body strong { font-size: 19px; }
.channel-child-card__body span { margin-top: 8px; color: #806f5d; font-size: 13px; line-height: 1.6; }
.channel-child-card__body em { margin-top: auto; padding-top: 12px; color: #a07850; font-size: 12px; font-style: normal; }
.channel-level4-sidebar { float: left; width: 190px; margin: 28px 28px 0 0; }
.channel-level4-sidebar h2 { margin: 0 0 14px; color: #603811; font-size: 18px; }
.channel-level4-sidebar nav { display: flex; flex-direction: column; }
.channel-level4-sidebar a { padding: 11px 12px; color: #a07850; border-bottom: 1px solid #e4d4be; text-decoration: none; }
.channel-level4-sidebar a:hover, .channel-level4-sidebar a:focus-visible, .channel-level4-sidebar a.active { color: #603811; background: #f6f3ec; outline: none; }
.has-level4-sidebar { margin-left: 218px !important; width: auto !important; }
@media screen and (max-width: 760px) {
  .channel-children-grid { grid-template-columns: 1fr; }
  .channel-level4-sidebar { float: none; width: auto; margin: 18px 0 0; }
  .channel-level4-sidebar nav { flex-direction: row; gap: 8px; overflow-x: auto; }
  .channel-level4-sidebar a { flex: 0 0 auto; border: 1px solid #e4d4be; }
  .has-level4-sidebar { margin-left: 0 !important; width: 100% !important; }
}
