/* 顶部「集团」折叠面板（华为式：位于工具条与主导航之间，点击展开/收起）
 * 由 assets/group-dropdown.js 插入 .site-header 内 .nav 之前（即导航条上方）。
 * 面板在文档流中，展开时把主导航向下推，形成「导航条上方下拉」。
 */
.group-dd {
  max-height: 0; overflow: hidden;
  background: var(--paper, #f2f2f2);
  border-bottom: 1px solid transparent;
  transition: max-height .34s cubic-bezier(.4, 0, .2, 1), border-color .3s ease;
}
.group-dd.is-open { max-height: 460px; border-bottom-color: var(--line-d, #e4dfd4); }

.group-dd__row {
  max-width: 1120px; margin: 0 auto; padding: 0 24px;
  display: flex; justify-content: center; align-items: center; gap: 6px; flex-wrap: wrap;
  transition: padding .3s ease;
}
.group-dd.is-open .group-dd__row { padding: 20px 24px 24px; }

/* 入口：纯文字 + 箭头，无图标，简洁 */
.group-dd__item {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 11px 18px; text-decoration: none;
  color: var(--ink-1, #26231e); font-size: 15px; font-weight: 600; letter-spacing: .02em;
  border-radius: 10px; white-space: nowrap;
  transition: color .18s ease, background .18s ease;
}
.group-dd__item:hover { color: var(--moss, #578d31); background: #fff; }
.group-dd__arrow { color: var(--ink-4, #9c9486); font-size: 16px; line-height: 1; transition: transform .18s ease, color .18s ease; }
.group-dd__item:hover .group-dd__arrow { transform: translateX(3px); color: var(--moss, #578d31); }

@media (max-width: 720px) {
  .group-dd__item { padding: 9px 13px; font-size: 13.5px; white-space: normal; }
}