/* member_nav — 侧栏导航；页面级配色仍可由主题 member.css 叠加 */
[data-component="member_nav"].member-nav__list,
.member-nav__list[data-component="member_nav"] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.member-nav__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  color: var(--c-text, #18191c);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease;
}

.member-nav__ico {
  display: inline-flex;
  width: 20px;
  height: 20px;
  /* issue #1515：图标取主题色，与 shared/css/member.css 一致 */
  color: var(--c-accent);
}

.member-nav__svg {
  display: inline-flex;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  /* 深色主题（如 --c-accent:#e50914）下纯 accent 在暗底上偏闷；用 hover 色 + 加粗描边提高可读性 */
  color: var(--c-accent-hover, var(--c-accent, #fb7299));
}

/* inline SVG 内部 100% 依赖容器有确定尺寸；容器 0 宽时整枚图标会塌成 0×0（只剩底色块，看着像黑图标） */
.member-nav__svg > svg {
  display: block;
  width: 100%;
  height: 100%;
  stroke-width: 2.2;
}

.member-nav__gap {
  height: 8px;
}

.member-nav__link:hover {
  background: var(--c-accent-soft);
  color: var(--c-accent);
}

.member-nav__link.is-on {
  color: var(--c-accent);
  background: var(--c-accent-soft);
  font-weight: 600;
}

.member-nav__link.is-on .member-nav__ico,
.member-nav__link:hover .member-nav__ico {
  color: var(--c-accent);
}