/* 左侧栏菜单：分层分组卡片。样式挂在 .menu-cards 上，不影响移动端 header-menu。 */
.left-col #header .header-menu.menu-cards {
  display: block;
  float: none;
  min-height: 0;
  margin: 20px 0 0;
  padding: 0 0 6px;
  text-align: left;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
}
.left-col .menu-card {
  margin: 0 18px 14px;
  background: #faf9f6;
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
}
.left-col .menu-card-title {
  font-size: 11px;
  color: #b3b3b3;
  letter-spacing: 3px;
  padding: 11px 16px 5px;
}
.left-col .menu-cards .menu-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  color: #696969;
  text-decoration: none;
}
.left-col .menu-cards .menu-row + .menu-row {
  border-top: 1px solid #f0eeea;
}
.left-col .menu-cards .menu-row:hover {
  background: #f3f0e9;
  color: #4d4d4d;
}
.left-col .menu-cards .menu-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 9px;
  -webkit-flex: none;
  flex: none;
}
.left-col .menu-cards .menu-count {
  margin-left: auto;
  font-size: 12px;
  color: #a5a5a5;
  background: #f1efeb;
  border-radius: 9px;
  padding: 1px 9px;
}
.left-col .menu-cards .menu-row.active {
  background: #f3efe6;
  color: #4d4d4d;
  font-weight: 500;
}
.left-col .menu-cards .menu-row.active .menu-count {
  background: #e9e2d2;
  color: #7d7461;
}