/* JX4 4V4 v2.1 — 报名进度查询增强入口 */
/* 桌面：给侧栏充分空间，清晰显示完整文字。 */
@media (min-width: 721px) {
  .v2-liquid .app-shell { grid-template-columns: 124px minmax(0, 1fr); }
  .v2-liquid .app-sidebar { padding-left: 10px; padding-right: 10px; }
}
.v2-liquid .app-sidebar nav a.progress-nav-link {
  position: relative;
  overflow: visible;
  padding: 13px 5px;
  min-height: 78px;
  border-radius: 16px;
  border: 1px solid rgba(255, 230, 255, .58);
  background: linear-gradient(135deg, var(--accent, #ab6ff5), var(--accent2, #eb73d7));
  color: #fff;
  box-shadow: 0 7px 24px rgba(168, 94, 233, .4), inset 0 1px 0 rgba(255,255,255,.26);
  text-shadow: 0 1px 4px rgba(54, 24, 111, .5);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.v2-liquid .app-sidebar nav a.progress-nav-link::after {
  content: '';
  position: absolute;
  top: 7px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #8cffd8;
  box-shadow: 0 0 8px rgba(140, 255, 216, .9);
}
.v2-liquid .app-sidebar nav a.progress-nav-link .progress-nav-icon {
  display: block;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 900;
}
.v2-liquid .app-sidebar nav a.progress-nav-link small {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1px;
  line-height: 1.25;
  white-space: nowrap;
}
.v2-liquid .app-sidebar nav a.progress-nav-link:hover,
.v2-liquid .app-sidebar nav a.progress-nav-link:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.12);
  box-shadow: 0 12px 30px rgba(168,94,233,.55), inset 0 1px 0 rgba(255,255,255,.35);
}
.v2-liquid .app-sidebar nav a.progress-nav-link:focus-visible { outline: 3px solid #b2ffff; outline-offset: 2px; }
/* 顶栏同步增加强调，仍保留后台的可修改按钮文案。 */
.v2-liquid .liquid-top-links a.progress-top-link {
  font-weight: 800;
  color: #fff;
  background: linear-gradient(110deg, var(--accent, #ab6ff5), var(--accent2, #eb73d7));
  border-color: rgba(255,255,255,.42);
  box-shadow: 0 4px 14px rgba(176,98,220,.22);
}
/* 手机：导航横排，确保标签始终完整可见且不会遮挡右侧内容。 */
@media (max-width: 720px) {
  .v2-liquid .app-sidebar { gap: 6px; }
  .v2-liquid .app-sidebar nav {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100vw - 66px);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    align-items: center;
    justify-content: space-between;
  }
  .v2-liquid .app-sidebar nav::-webkit-scrollbar { display: none; }
  .v2-liquid .app-sidebar nav a { flex: 0 0 auto; }
  .v2-liquid .app-sidebar nav a.progress-nav-link {
    padding: 7px 9px;
    min-height: 49px;
    min-width: 90px;
    border-radius: 11px;
  }
  .v2-liquid .app-sidebar nav a.progress-nav-link .progress-nav-icon { font-size: 17px; }
  .v2-liquid .app-sidebar nav a.progress-nav-link small { font-size: 10px; letter-spacing: 0; }
  .v2-liquid .app-sidebar nav a.progress-nav-link::after { right: 5px; top: 5px; width: 5px; height: 5px; }
}
@media (max-width: 385px) {
  .v2-liquid .app-sidebar nav { gap: 0; }
  .v2-liquid .app-sidebar nav a { padding-left: 4px; padding-right: 4px; }
  .v2-liquid .app-sidebar nav a.progress-nav-link { min-width: 86px; padding: 6px 6px; }
  .v2-liquid .app-sidebar nav a.progress-nav-link small { font-size: 9.5px; }
}