@import url('./material-frame.css');
/* Only the central 100px cross stretches. All four corners are scaled by
   the same .035 factor: 1590→55.65, 1182→41.37. */
html body :is(.feed-tabs, .conversation-mode-tabs, .image-input-modes, .view-tabs, .inspector-tabs, .cc-seg, .cc-tabs, .el-segmented, .el-tabs__header) {
  padding: 6px !important;
  min-width: 0;
  max-width: 100%;
  text-align: center;
}
html body :is(.feed-tabs, .conversation-mode-tabs, .image-input-modes, .view-tabs, .inspector-tabs, .cc-seg, .cc-tabs) {
  gap: 4px !important;
  justify-content: center !important;
  align-items: center !important;
  overflow-x: auto;
}
html body :is(.feed-tabs, .conversation-mode-tabs, .image-input-modes, .view-tabs, .inspector-tabs, .cc-seg, .cc-tabs) > button {
  min-width: 0 !important;
  flex: 1 0 auto;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}
html body .el-tabs__nav { float: none; display: flex; justify-content: center; }
html body .el-segmented__group { justify-content: center; align-items: center; }
/* Sidebar selectors use the same frame scale as every other selector. */
html body .product-sidebar .conversation-mode-tabs:not([data-native-controls] *) {
  flex-direction: column !important;
  overflow: visible;
}
html body .product-sidebar .conversation-mode-tabs > button:not([data-native-controls] *) {
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100%;
  min-height: 64px !important;
  padding-inline: 8px !important;
  overflow: visible;
}
html body .el-tabs__nav-wrap::after { display: none; }
html body .el-tabs__header { margin-bottom: 12px; }
html body .el-tabs__item { color: #F7F4E7; }
html body .el-tabs__item.is-active { color: #C9D9BF; }
/* Navigation items are full-width rows, not action buttons. Their width
   follows the inner column, never the label length. */
html body :is(.product-sidebar .personal-nav > button, .product-sidebar .shop-navigation > button,
  .product-sidebar .shop-categories > button, .product-sidebar .core-navigation > button,
  .product-sidebar .core-navigation > a, .product-sidebar .conversation-mode-tabs > button,
  .product-sidebar .board-row, .product-sidebar .room-item,
  .product-sidebar .feed-tabs > button,
  .feed-tabs > button, .image-input-modes > button, .view-tabs > button,
  .inspector-tabs > button, .cc-seg > button, .cc-tabs > button):not([data-native-controls] *) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90% !important;
  max-width: 90% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 4px auto !important;
  padding: 12px 10% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent url('/ui/tex/选择器和栏目的项目背景.webp') center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  color: #3A2A30 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-shadow: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  flex: none !important;
  gap: 6px;
}
html body .product-sidebar :is(.personal-nav, .shop-navigation, .shop-categories) {
  flex-direction: column !important;
  overflow: visible;
}
html body :is(.feed-tabs, .image-input-modes, .view-tabs, .inspector-tabs, .cc-seg, .cc-tabs) > button {
  width: auto !important;
  max-width: 100% !important;
  flex: 1 1 0 !important;
  padding-inline: 12px !important;
}
html body .product-sidebar button:is(.on, [aria-pressed='true']) {
  filter: brightness(.94);
}
html body .product-sidebar .feed-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: none !important;
  align-self: stretch;
}
html body .product-sidebar .feed-tabs > button {
  width: 90% !important;
  max-width: 90% !important;
  flex: none !important;
}