/* ===== 首页：轮播图下方左右悬浮信息窗（index.html 专用）===== */
.side_stat_container { position: relative; height: 0; z-index: 40; }
.side_panel {
  position: absolute; top: 6px; width: 212px;
  background: #fff; border: 1px solid #e4ebf3; border-radius: 12px;
  box-shadow: 0 10px 26px rgba(24, 55, 102, .12); overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
.side_left  { left: 50%; margin-left: -890px; }
.side_right { right: 50%; margin-right: -890px; }

.side_panel .sp_head {
  padding: 11px 16px 11px 14px; color: #fff;
  background: linear-gradient(100deg, #58a0e2, #3c7fc6);
  font-size: 13px; font-weight: 700; letter-spacing: 2px; line-height: 1;
}
.side_panel .sp_head .sp_dot {
  display: inline-block; width: 6px; height: 6px; margin-right: 8px;
  border-radius: 50%; background: rgba(255, 255, 255, .85); vertical-align: 1px;
}

/* 左卡：文字行 / 链接行共用 */
.sp_rows { list-style: none; margin: 0; padding: 2px 0; }
.sp_rows li {
  display: flex; align-items: center; min-height: 42px; padding: 0 14px;
  font-size: 13px;
}
.sp_rows li + li { border-top: 1px dashed #eef3f8; }
.sp_rows a.sp_row {
  display: flex; align-items: center; width: 100%; min-height: 42px;
  text-decoration: none; color: inherit;
}
.sp_rows .sp_lab { flex: 0 0 auto; width: 60px; color: #8b98a6; font-size: 12.5px; }
.sp_rows .sp_val {
  flex: 1; min-width: 0; text-align: right; color: #2f3b4b;
  font-size: 13px; font-weight: 600; white-space: nowrap;
}
.sp_rows a.sp_row .sp_val { color: #9aa8b5; font-weight: 500; }
.sp_rows a.sp_row .sp_val i {
  font-style: normal; font-size: 11px; margin-left: 4px; opacity: 0;
  transition: opacity .15s;
}
.sp_rows a.sp_row.on .sp_val { color: #3d7fc0; font-weight: 600; }
.sp_rows a.sp_row.on .sp_val i { opacity: .7; }
.sp_rows a.sp_row.on:hover .sp_val { color: #2a5f9c; }
.sp_rows a.sp_row.on:hover .sp_val i { opacity: 1; }
.sp_rows a.sp_row:not(.on) { cursor: default; }
.sp_rows a.sp_row:not(.on) .sp_val { color: #b6c0cb; font-weight: 400; }

/* 右卡：在线 / 注册人数 */
.sp_stats { list-style: none; margin: 0; padding: 2px 0; }
.sp_stats li { padding: 13px 0 14px; text-align: center; }
.sp_stats li + li { border-top: 1px dashed #eef3f8; }
.sp_stats .sp_num {
  display: block; font-family: 'barlow', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  font-size: 30px; font-weight: 700; line-height: 30px; color: #3d7fc0; letter-spacing: .5px;
}
.sp_stats .sp_lab {
  display: block; margin-top: 7px; font-size: 12px; color: #8b98a6; letter-spacing: 1px;
}

/* 视口不足以留出侧边空间时隐藏（内容列宽 1320 居中） */
@media (max-width: 1779px) { .side_stat_container .side_panel { display: none; } }