.workspace-feature-board .subnav.subnav-grouped {
  position: relative;
  z-index: 90;
  display: flex !important;
  align-items: stretch !important;
  gap: 4px !important;
  min-height: 58px !important;
  margin: -4px 0 18px !important;
  padding: 0 5px !important;
  overflow: visible !important;
  border: 1px solid #d8e2ec !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 5px 18px rgba(31,57,88,.05) !important;
}

.workspace-feature-board .subnav-group {
  position: relative;
  min-width: 190px;
}

.workspace-feature-board .subnav-group-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  height: 58px;
  padding: 0 18px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #334b65;
  font: inherit;
  font-size: 15px;
  font-weight: 820;
  letter-spacing: .01em;
  cursor: pointer;
}

.workspace-feature-board .subnav-group-title:hover { background:#f5f8fb; color:#1769ba; }
.workspace-feature-board .subnav-group-title:focus-visible { outline:2px solid #8ebce9; outline-offset:-4px; }
.workspace-feature-board .subnav-group-title small { display:none; }
.workspace-feature-board .subnav-group-title i {
  color: #8292a4;
  font: 800 14px/1 sans-serif;
  transition: transform .16s ease;
}

.workspace-feature-board .subnav-lock {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-feature-board .subnav-group.locked .subnav-group-title {
  color: #7f8da0;
  cursor: pointer;
}
.workspace-feature-board .subnav-group.locked .subnav-group-title:hover {
  background: #f7f9fb;
  color: #607086;
}
.workspace-feature-board .subnav-group.locked .subnav-group-tabs {
  display: none !important;
}

.workspace-feature-board .subnav-group.active .subnav-group-title {
  border-bottom-color:#176fc8;
  color:#1769ba;
}
.workspace-feature-board .subnav-group.open .subnav-group-title i,
.workspace-feature-board .subnav-group:hover .subnav-group-title i { transform:rotate(180deg); }
.workspace-feature-board .subnav-group-tabs {
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  display:none;
  width:260px;
  padding:8px;
  border:1px solid #d4e0ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(25,48,73,.16);
}
.workspace-feature-board .subnav-group:last-child .subnav-group-tabs { left:auto; right:0; }
.workspace-feature-board .subnav-group.open .subnav-group-tabs,
.workspace-feature-board .subnav-group:hover .subnav-group-tabs,
.workspace-feature-board .subnav-group:focus-within .subnav-group-tabs { display:grid; gap:3px; }

.workspace-feature-board .subnav-group .sub-tab {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #455c73 !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  white-space:nowrap !important;
}

.workspace-feature-board .subnav-group .sub-tab::after { display:none !important; }
.workspace-feature-board .subnav-group .sub-tab:hover { background:#f1f6fb !important; color:#315d8d !important; }
.workspace-feature-board .subnav-group .sub-tab.active {
  border-color:transparent !important;
  background:#edf4fd !important;
  color:#176fc8 !important;
  box-shadow:none !important;
}

.workspace-feature-board .subnav-group .st-ic { font-size:17px !important; }

@media (max-width: 760px) {
  .workspace-feature-board .subnav.subnav-grouped { gap:0 !important; min-height:52px !important; padding:0 !important; }
  .workspace-feature-board .subnav-group { flex:1 1 0; min-width:0; }
  .workspace-feature-board .subnav-group-title { height:52px; padding:0 7px; font-size:12px; }
  .workspace-feature-board .subnav-group-title i { font-size:11px; }
  .workspace-feature-board .subnav-group-tabs { position:fixed; top:auto; right:12px !important; left:12px !important; width:auto; margin-top:6px; }
}

/* 中线波段沿用 A 股习惯：红涨绿跌，领先为强势红色。 */
body.swing-page .up { color:#d9404c !important; }
body.swing-page .down { color:#15966a !important; }
body.swing-page .quadrant.leading { background:#fdebec !important; color:#d9404c !important; }
