/* 通用组件功能样式；不控制网站布局或配色。 */
[data-sur-tabs] [role=tabpanel][hidden] {
  display: none !important
}

:where([data-sur-tabs] [data-sur-tab], details[data-sur-disclosure]>summary, .back-top, [data-back-top]) {
  cursor: pointer;
  color: var(--sur-control-color, inherit);
  font: inherit
}

:where([data-sur-tabs] [data-sur-tab]:focus-visible, details[data-sur-disclosure]>summary:focus-visible, .back-top:focus-visible, [data-back-top]:focus-visible) {
  outline: 2px solid var(--sur-focus, currentColor);
  outline-offset: 3px
}

:where(

  /* 按需工具栏：只组织已存在的入口，不添加网站信息栏。 */
  [data-sur-tools]) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sur-tools-gap, .75rem)
}

:where([data-sur-tool-links]) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sur-tools-link-gap, .75rem)
}

:where([data-sur-tool-links]>a) {
  display: inline-flex;
  align-items: center
}

:where([data-sur-tool-links][data-sur-separated]>a+a) {
  border-inline-start: 1px solid var(--sur-tools-separator, currentColor);
  padding-inline-start: var(--sur-tools-link-gap, .75rem)
}

:where([data-sur-tools]>[data-sur-tools-end]) {
  margin-inline-start: auto;
  flex: none
}