/* Shared feature directory: readable typography and distinct clickable cards. */
html.gx-ui body .gx-more-panel {
  width: min(1080px, calc(100vw - 48px)) !important;
  padding: 24px !important;
  gap: 20px !important;
  background: #15171b !important;
  border: 1px solid #4b5059 !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 70px #000b, 0 0 0 1px #ffffff06 inset !important;
  max-height: calc(100dvh - 82px);
  overflow-y: auto;
  color: #f4f5f7 !important;
  font-family: Inter, "Microsoft YaHei UI", "PingFang SC", sans-serif !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
html.gx-ui body .gx-more-panel section { padding: 0 !important; background: transparent !important; min-width: 0; }
html.gx-ui body .gx-more-panel section > small {
  margin: 0 0 14px 2px !important;
  color: #b9c6d8 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 650 !important;
  letter-spacing: .08em !important;
}
html.gx-ui body .gx-more-panel a {
  display: flex !important;
  min-height: 72px !important;
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
  border: 1px solid #363b44 !important;
  border-radius: 10px !important;
  background: #202329 !important;
  color: #f4f5f7 !important;
  text-decoration: none !important;
  transition: background .15s, border-color .15s !important;
}
html.gx-ui body .gx-more-panel a:last-child { margin-bottom: 0 !important; }
html.gx-ui body .gx-more-panel a b {
  font-size: 15px !important;
  line-height: 23px !important;
  font-weight: 650 !important;
  color: #f4f5f7 !important;
  letter-spacing: 0 !important;
}
html.gx-ui body .gx-more-panel a span {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  color: #b9bdc7 !important;
  white-space: normal !important;
}
html.gx-ui body .gx-more-panel a:hover,
html.gx-ui body .gx-more-panel a:focus-visible {
  background: #2e3340 !important;
  border-color: #aaa2d9 !important;
  color: #fff !important;
}
html.gx-ui body .gx-more-panel a:focus-visible { outline: 2px solid #c1b8fa !important; outline-offset: 2px; }
html.gx-ui body .gx-more-menu > summary {
  font-size: 14px;
  color: #e1e4eb !important;
  font-weight: 600;
}
@media (max-width: 820px) {
  html.gx-ui body .gx-more-panel,
  html.gx-ui body .gx-interior-menu .gx-more-panel {
    position: fixed !important; top: 64px !important; left: 12px !important; right: 12px !important;
    width: auto !important; transform: none !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    padding: 18px !important; gap: 20px 12px !important;
    max-height: calc(100dvh - 82px) !important;
  }
}
@media (max-width: 420px) {
  html.gx-ui body .gx-more-panel a { padding: 10px !important; }
  html.gx-ui body .gx-more-panel a b { font-size: 14px !important; }
}