/* MyTheme v2 — 竞赛工作台视觉系统
 * 设计方向：深海军蓝导航 + 清爽工作区 + 青绿色状态色。
 * 只覆盖 UI 层，不修改 Hydro 业务逻辑。
 */
:root {
  --my-bg: #edf2f8;
  --my-bg-deep: #e5ebf4;
  --my-surface: #ffffff;
  --my-surface-soft: #f6f8fc;
  --my-surface-tint: #eef4ff;
  --my-ink: #18263d;
  --my-ink-soft: #52627a;
  --my-ink-muted: #8492a7;
  --my-line: #dce5f0;
  --my-line-strong: #cbd7e7;
  --my-navy: #112542;
  --my-navy-2: #18355d;
  --my-primary: #376df5;
  --my-primary-strong: #2455d5;
  --my-cyan: #2bc6b3;
  --my-danger: #e45d70;
  --my-radius-sm: 8px;
  --my-radius: 14px;
  --my-radius-lg: 18px;
  --my-shadow: 0 10px 30px rgba(31, 53, 87, .08);
  --my-shadow-hover: 0 16px 38px rgba(31, 53, 87, .14);
}

html, body {
  background: var(--my-bg) !important;
  color: var(--my-ink) !important;
}

body {
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  background:
    radial-gradient(circle at 6% 4%, rgba(55, 109, 245, .12), transparent 28rem),
    radial-gradient(circle at 92% 22%, rgba(43, 198, 179, .10), transparent 24rem),
    linear-gradient(145deg, var(--my-bg) 0%, var(--my-bg-deep) 100%) !important;
  background-attachment: fixed !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .25;
  background-image: linear-gradient(rgba(255,255,255,.24) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.24) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.35), transparent 52%);
}

#panel {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* 导航：深海军蓝工作台 */
.nav--shadow,
.header--mobile {
  background: linear-gradient(135deg, var(--my-navy) 0%, var(--my-navy-2) 100%) !important;
  border: 0 !important;
  box-shadow: 0 8px 24px rgba(17, 37, 66, .20) !important;
}

.nav {
  background: var(--my-navy) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
}

.nav a,
.nav__item a,
.nav__list--main a,
.nav__logo,
.header--mobile a,
.header--mobile button,
.header--mobile .hamburger {
  color: rgba(255,255,255,.88) !important;
}

.nav a:hover,
.nav__item--active a,
.nav--active,
.header--mobile a:hover {
  color: #ffffff !important;
}

.nav--active,
.nav__item--round:hover,
.nav__item--active {
  background: rgba(43, 198, 179, .18) !important;
  border-radius: 10px !important;
}

.nav__logo {
  filter: brightness(0) invert(1) opacity(.92) !important;
}

.header--mobile {
  min-height: 54px;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

.header--mobile__domain {
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .02em;
}

/* 工作区 */
.main {
  padding-top: 28px;
  padding-bottom: 24px;
}

.section {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--my-line) !important;
  border-radius: var(--my-radius) !important;
  box-shadow: var(--my-shadow) !important;
  overflow: hidden;
  transition: box-shadow .20s ease, transform .20s ease, border-color .20s ease !important;
}

.section:hover {
  border-color: var(--my-line-strong) !important;
  box-shadow: var(--my-shadow-hover) !important;
}

.section__header {
  min-height: 46px;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #fbfcff 0%, var(--my-surface-soft) 100%) !important;
  border-bottom: 1px solid var(--my-line) !important;
  padding: 13px 18px !important;
}

.section__title,
.section__header h1,
.section__header h2,
.section__header h3 {
  color: var(--my-ink) !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
}

.section__body {
  color: var(--my-ink) !important;
  padding: 18px !important;
}

/* 首页：第一张卡片作为欢迎面板 */
html.page--homepage .main .large-9 > .section:first-child {
  background: linear-gradient(135deg, #162f55 0%, #1d4b78 58%, #237d87 100%) !important;
  border: 0 !important;
  color: rgba(255,255,255,.90) !important;
  box-shadow: 0 18px 42px rgba(17, 37, 66, .20) !important;
}

html.page--homepage .main .large-9 > .section:first-child h1,
html.page--homepage .main .large-9 > .section:first-child h2,
html.page--homepage .main .large-9 > .section:first-child h3,
html.page--homepage .main .large-9 > .section:first-child .section__body {
  color: rgba(255,255,255,.94) !important;
}

html.page--homepage .main .large-9 > .section:first-child a {
  color: #9ff3e8 !important;
}

html.page--homepage .main .large-9 > .section:first-child a:hover {
  color: #ffffff !important;
}

/* 题目页：题面与侧栏 */
html.page--problem_detail .problem-content {
  font-size: 15px;
  line-height: 1.85;
}

html.page--problem_detail .section--problem-sidebar .menu__item,
html.page--problem_detail .section--problem-sidebar .menu__link {
  border-radius: 9px !important;
}

html.page--problem_detail .section--problem-sidebar .menu__item:hover {
  background: var(--my-surface-tint) !important;
}

.problem__tag-item,
.chip-list__item,
.ui.label,
.el-tag {
  border: 1px solid rgba(55,109,245,.16) !important;
  border-radius: 999px !important;
  background: #edf3ff !important;
  color: var(--my-primary-strong) !important;
  font-weight: 600 !important;
}

/* 链接 */
a {
  color: var(--my-primary) !important;
  text-decoration: none !important;
}

a:hover {
  color: var(--my-primary-strong) !important;
}

/* 按钮 */
.button,
.ui.button,
.el-button {
  min-height: 34px;
  border-radius: var(--my-radius-sm) !important;
  border-color: var(--my-line-strong) !important;
  background: var(--my-surface) !important;
  color: var(--my-ink-soft) !important;
  font-weight: 600 !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.button:hover,
.ui.button:hover,
.el-button:hover {
  border-color: var(--my-primary) !important;
  background: var(--my-surface-tint) !important;
  color: var(--my-primary-strong) !important;
  transform: translateY(-1px);
}

.button.primary,
.primary.button,
.button--primary,
.el-button--primary {
  border-color: var(--my-primary) !important;
  background: linear-gradient(135deg, var(--my-primary), #4c8bff) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(55,109,245,.25) !important;
}

.button.primary:hover,
.primary.button:hover,
.button--primary:hover,
.el-button--primary:hover {
  border-color: var(--my-primary-strong) !important;
  background: linear-gradient(135deg, var(--my-primary-strong), #3b72eb) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(55,109,245,.32) !important;
}

/* 表格和列表 */
table,
.ui.table,
.el-table {
  border-color: var(--my-line) !important;
  border-radius: var(--my-radius-sm) !important;
  overflow: hidden;
}

thead th,
.ui.table thead th,
.el-table th {
  background: #f2f6fb !important;
  color: var(--my-ink-soft) !important;
  border-bottom: 1px solid var(--my-line) !important;
  font-weight: 700 !important;
}

tbody tr:hover,
.ui.table tbody tr:hover,
.el-table__body tr:hover > td {
  background: #f2f6ff !important;
}

tbody td,
.ui.table tbody td,
.el-table td {
  border-bottom-color: #eaf0f7 !important;
}

/* 表单 */
input,
textarea,
select,
.textbox,
.el-input__wrapper,
.el-textarea__inner {
  border-radius: var(--my-radius-sm) !important;
  border-color: var(--my-line-strong) !important;
  background: #fff !important;
  color: var(--my-ink) !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.textbox:focus-within,
.el-input__wrapper.is-focus {
  border-color: var(--my-primary) !important;
  box-shadow: 0 0 0 3px rgba(55,109,245,.13) !important;
  outline: none !important;
}

/* 题目标签页、菜单 */
.section__tab-header {
  gap: 5px;
  border-bottom-color: var(--my-line) !important;
}

.section__tab-header-item {
  border-radius: 8px 8px 0 0 !important;
  color: var(--my-ink-muted) !important;
}

.section__tab-header-item.tab--active {
  color: var(--my-primary) !important;
  background: var(--my-surface-tint) !important;
  box-shadow: inset 0 -2px 0 var(--my-primary);
}

/* 页脚 */
.footer {
  margin-top: 18px !important;
  background: var(--my-navy) !important;
  border-top: 0 !important;
  color: rgba(255,255,255,.68) !important;
}

.footer a,
.footer__category__item,
.footer__extra-link-item {
  color: rgba(255,255,255,.80) !important;
}

.footer a:hover {
  color: #9ff3e8 !important;
}

/* 弹窗 */
.dialog,
.dialog--signin {
  border: 1px solid var(--my-line) !important;
  border-radius: var(--my-radius-lg) !important;
  box-shadow: 0 24px 70px rgba(17,37,66,.24) !important;
}

/* 暗色模式 */
html.theme--dark {
  --my-bg: #0d1728;
  --my-bg-deep: #111f34;
  --my-surface: #15243a;
  --my-surface-soft: #1b2c45;
  --my-surface-tint: #1c355b;
  --my-ink: #edf4ff;
  --my-ink-soft: #bac9dd;
  --my-ink-muted: #8498b4;
  --my-line: #263a56;
  --my-line-strong: #365171;
}

html.theme--dark body {
  background: linear-gradient(145deg, #0d1728 0%, #14253e 100%) !important;
}

html.theme--dark .section,
html.theme--dark .button,
html.theme--dark .ui.button,
html.theme--dark input,
html.theme--dark textarea,
html.theme--dark select,
html.theme--dark .textbox,
html.theme--dark .el-input__wrapper,
html.theme--dark .el-textarea__inner {
  background: var(--my-surface) !important;
  color: var(--my-ink) !important;
}

html.theme--dark .section__header,
html.theme--dark thead th,
html.theme--dark .ui.table thead th,
html.theme--dark .el-table th {
  background: var(--my-surface-soft) !important;
  color: var(--my-ink-soft) !important;
}

/* 响应式 */
@media (max-width: 760px) {
  .main {
    padding-top: 14px;
    padding-bottom: 10px;
  }

  .section {
    border-radius: 12px !important;
    box-shadow: 0 7px 20px rgba(31,53,87,.08) !important;
  }

  .section__body {
    padding: 14px !important;
  }

  html.page--homepage .main .large-9 > .section:first-child {
    border-radius: 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* v3.1：桌面导航改为全宽，Logo 与右侧账户区贴近视口边缘。
 * 主体 Banner 仍使用居中内容宽度，移动端继续沿用 Hydro 菜单。 */
@media (min-width: 761px) {
  /* v3.2：登录卡片避开固定导航的覆盖区。移动端仍由原有 bottom 规则定位。 */
  html.page--homepage .my-acgo-login {
    top: calc(50% + 22px) !important;
  }
}

/* 导航沿用 Hydro 的 600px 原生断点，不能和 Banner 的 760px 断点混用。 */
@media (min-width: 601px) {
  .nav > .row,
  .nav--shadow > .row {
    width: 100% !important;
    max-width: none !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    box-sizing: border-box !important;
  }

  .nav > .row > .columns,
  .nav--shadow > .row > .columns {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* v3.3：统一桌面导航基准，消除导航与 Banner 之间的黑色错层。 */
@media (min-width: 601px) {
  .nav.slideout-menu {
    height: 64px !important;
    min-height: 64px !important;
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .nav--shadow {
    height: 64px !important;
    min-height: 64px !important;
    background: rgba(5, 10, 22, .58) !important;
    border-bottom: 1px solid rgba(113, 190, 255, .20) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .20) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
  }

  .nav--placeholder {
    height: 64px !important;
    min-height: 64px !important;
  }

  /* 注册恢复为普通导航文字，不再使用胶囊按钮。 */
  .nav__list--secondary .nav__item--round {
    min-height: 64px !important;
    line-height: 61px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 17px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(232, 242, 255, .78) !important;
  }

  .nav__list--secondary .nav__item--round:hover {
    background: rgba(31, 170, 255, .12) !important;
    border-bottom-color: #31c5ff !important;
    color: #fff !important;
  }
}

/* v3.4：公共布局校准。
 * mytheme_global.page.ts 会测量当前实际可见的固定导航高度，
 * 让所有非首页页面从导航下方开始；首页 Banner 继续覆盖导航。 */
:root {
  --mytheme-nav-overlay-height: 0px;
  --mytheme-nav-offset: 0px;
  --mytheme-content-gap: 28px;
}

@media (min-width: 601px) {
  /* 主题脚本首帧测量前，先给固定桌面导航保留 64px，避免内容从 28px 跳到 92px。 */
  html:has(.nav--shadow),
  html:has(.nav.slideout-menu) {
    --mytheme-nav-overlay-height: 64px;
    --mytheme-nav-offset: 64px;
    --mytheme-content-gap: 28px;
  }

  html:not(.page--homepage) #panel > .main {
    padding-top: calc(var(--mytheme-nav-overlay-height, 0px) + var(--mytheme-content-gap, 28px)) !important;
  }

  html.page--homepage #panel > .main {
    padding-top: 0 !important;
  }

  :where(h1, h2, h3, h4, [id]) {
    scroll-margin-top: calc(var(--mytheme-nav-overlay-height, 0px) + 16px);
  }
}

@media (max-width: 600px) {
  :root {
    --mytheme-nav-overlay-height: 0px;
    --mytheme-nav-offset: 0px;
    --mytheme-content-gap: 14px;
  }

  html:not(.page--homepage) #panel > .main {
    padding-top: 14px !important;
  }

  :where(h1, h2, h3, h4, [id]) {
    scroll-margin-top: calc(var(--mytheme-nav-overlay-height, 0px) + 12px);
  }
}


/* MyTheme v3：首页 Banner、登录卡片和 ACGO 风格导航 */

/* 导航栏：保留 Hydro 原有菜单与响应式逻辑，只改变视觉 */
.nav--shadow {
  height: 64px !important;
  background: rgba(5, 10, 22, .82) !important;
  border-bottom: 1px solid rgba(113, 190, 255, .18) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
}

.nav:not(.slideout-menu) {
  height: 64px !important;
  background: transparent !important;
}

.nav__logo {
  height: 38px !important;
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.nav__item {
  min-height: 64px !important;
  line-height: 61px !important;
  padding: 0 17px !important;
  border-top: 0 !important;
  border-bottom: 3px solid transparent !important;
  color: rgba(232, 242, 255, .70) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.nav__item:hover,
.nav__item.nav--active {
  background: rgba(31, 170, 255, .12) !important;
  border-bottom-color: #31c5ff !important;
  color: #fff !important;
}

.nav__list--secondary .nav__item--round {
  min-height: 34px !important;
  line-height: 32px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(103, 209, 255, .55) !important;
  border-radius: 18px !important;
  background: rgba(19, 135, 212, .18) !important;
  color: #dff8ff !important;
}

.nav__list--secondary .nav__item--round:hover {
  background: #159fe9 !important;
  border-color: #48d6ff !important;
  color: #fff !important;
}

/* 首页工作区 */
html.page--homepage .main {
  max-width: none !important;
  padding-top: 0 !important;
}

html.page--homepage .main > .row {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 首页 Banner */
.my-acgo-hero {
  position: relative;
  height: clamp(360px, 21vw, 430px);
  margin: 0 auto 26px;
  overflow: hidden;
  background: #EDF6FF;
  isolation: isolate;
}

.my-acgo-hero__slides {
  position: relative;
  height: 100%;
}

.my-acgo-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 64px max(28px, calc((100vw - 1440px) / 2 + 28px)) 28px;
  background: var(--my-acgo-slide-background, #EDF6FF);
  opacity: 0;
  pointer-events: none;
  transition: opacity .45s ease;
}

.my-acgo-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}

.my-acgo-slide__picture {
  position: absolute;
  inset: 0;
  left: 50%;
  right: auto;
  display: block;
  width: min(100%, 2560px);
  transform: translateX(-50%);
  pointer-events: none;
}

.my-acgo-slide__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--my-acgo-image-position, 60% center);
}

.my-acgo-slide__copy {
  position: relative;
  max-width: min(360px, calc(35vw - 70px));
  color: #273d55;
}

.my-acgo-slide h1 {
  margin: 0 0 12px;
  color: #273d55 !important;
  font-size: clamp(40px, 4vw, 58px) !important;
  line-height: 1.15;
  letter-spacing: .04em;
  text-shadow: none;
}

.my-acgo-slide p {
  margin: 0;
  color: #53657b;
  font-size: 15px;
  line-height: 1.8;
}

.my-acgo-hero__dots {
  position: absolute;
  left: 50%;
  bottom: 9px;
  display: flex;
  gap: 2px;
  transform: translateX(-50%);
  z-index: 2;
}

.my-acgo-hero__dot {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.my-acgo-hero__dot::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(39, 61, 85, .28);
}

.my-acgo-hero__dot.is-active::before {
  width: 10px;
  height: 10px;
  background: #426681;
}

.my-acgo-hero__dot:focus-visible {
  outline: 2px solid #426681;
  outline-offset: 1px;
}

/* 轮播只保留底部圆点，避免箭头与登录卡片及边缘产生视觉干扰。 */
.my-acgo-hero__arrow,
.my-acgo-hero__arrow--prev,
.my-acgo-hero__arrow--next {
  display: none !important;
}

/* 奶油黄欢迎卡：登录和个人中心继续使用 Hydro 原入口。 */
.my-acgo-login {
  position: absolute;
  right: max(28px, calc((100vw - 1600px) / 2 + 28px));
  top: calc(50% + 22px);
  box-sizing: border-box;
  width: 240px;
  padding: 22px 18px 18px;
  border: 1px solid #f2e8c4;
  border-radius: 18px;
  background: #fffdf2;
  box-shadow: 0 8px 22px rgba(87,80,40,.10);
  color: #30343b;
  transform: translateY(-50%);
  z-index: 1;
}

.my-acgo-login__avatar {
  display: grid;
  width: 64px;
  height: 64px;
  margin: 0 auto 12px;
  place-items: center;
  border-radius: 50%;
  background: #fff0b7;
}

.my-acgo-login__avatar img {
  display: block;
  width: 57px;
  height: 52px;
  object-fit: contain;
}

.my-acgo-login h2 {
  margin: 0 0 4px;
  overflow: hidden;
  color: #30343b !important;
  font-size: 19px !important;
  font-weight: 600;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-acgo-login p {
  margin: 0 0 16px;
  color: #70716c;
  font-size: 12px;
  text-align: center;
}

.my-acgo-login__button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  border: 0;
  border-radius: 11px;
  background: #ffd65a;
  box-shadow: none;
  color: #392e18;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: transform .15s ease, background-color .15s ease;
}

.my-acgo-login__button:hover {
  background: #ffcf43;
  transform: translateY(-1px);
}

.my-acgo-login__button:active { transform: translateY(0); }

.my-acgo-login__button:focus-visible {
  outline: 2px solid #806a24;
  outline-offset: 3px;
}

.my-acgo-login__register {
  display: block;
  margin-top: 12px;
  color: #746640 !important;
  font-size: 12px;
  text-align: center;
}

.my-acgo-login__register:hover { color: #4a3b18 !important; }

/* 首页默认欢迎说明只保留在普通内容流，不抢 Banner 的第一视觉 */
html.page--homepage .my-acgo-home-original-welcome {
  border-color: rgba(80, 153, 220, .28) !important;
  background: rgba(15, 30, 52, .82) !important;
  color: rgba(232, 244, 255, .80) !important;
}

html.page--homepage .my-acgo-home-original-welcome h1,
html.page--homepage .my-acgo-home-original-welcome h2,
html.page--homepage .my-acgo-home-original-welcome h3 {
  color: #eaf8ff !important;
}

@media (min-width: 1001px) and (max-width: 1199px) {
  .my-acgo-slide__picture img {
    object-position: var(--my-acgo-image-position-medium, 70% center);
  }
}

/* Banner uses its own breakpoint; the accepted 600px Hydro navigation stays intact. */
@media (max-width: 1000px) {
  html.page--homepage .main > .row { width: 100% !important; }
  .my-acgo-hero { height: 430px; margin-bottom: 16px; }
  .my-acgo-slide { align-items: flex-start; padding: calc(var(--mytheme-nav-overlay-height, 0px) + 18px) 22px 160px; }
  /* 900×1000 artwork fills a 387×430 canvas. The matching solid slide color
   * extends sideways on tablets without cropping the character or stretching. */
  .my-acgo-slide__picture {
    left: 50%;
    right: auto;
    width: min(100%, 387px);
    transform: translateX(-50%);
  }
  .my-acgo-slide__picture img { object-position: center; }
  .my-acgo-slide__copy { max-width: 280px; }
  .my-acgo-slide h1 { margin-bottom: 6px; font-size: 32px !important; }
  .my-acgo-slide p { font-size: 13px; line-height: 1.55; }
  html.page--homepage .my-acgo-login {
    left: 50%;
    right: auto;
    bottom: 38px;
    top: auto !important;
    width: min(440px, calc(100% - 32px));
    padding: 11px 16px;
    transform: translateX(-50%);
  }
  .my-acgo-login__avatar { display: none; }
  .my-acgo-login h2 {
    display: inline-block;
    max-width: 44%;
    margin: 0 8px 0 0;
    overflow: hidden;
    font-size: 15px !important;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
  }
  .my-acgo-login p {
    display: inline-block;
    max-width: 52%;
    margin: 0;
    overflow: hidden;
    font-size: 11px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
  }
  .my-acgo-login__button { min-height: 34px; padding: 6px 12px; margin-top: 8px; }
  .my-acgo-login__register { margin-top: 6px; line-height: 18px; }
}

@media (min-width: 601px) and (max-width: 1000px) {
  .my-acgo-slide__copy { max-width: 240px; }
  .my-acgo-slide p { font-size: 12px; }
}

/* v3.3-final：必须位于旧版导航规则之后，确保最终覆盖生效。 */
@media (min-width: 601px) {
  .nav.slideout-menu {
    height: 64px !important;
    min-height: 64px !important;
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .nav--shadow {
    height: 64px !important;
    min-height: 64px !important;
    background: rgba(5, 10, 22, .58) !important;
    border-bottom: 1px solid rgba(113, 190, 255, .20) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .20) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
  }

  .nav--placeholder {
    height: 64px !important;
    min-height: 64px !important;
  }

  .nav__list--secondary .nav__item--round {
    min-height: 64px !important;
    line-height: 61px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 17px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(232, 242, 255, .78) !important;
  }

  .nav__list--secondary .nav__item--round:hover {
    background: rgba(31, 170, 255, .12) !important;
    border-bottom-color: #31c5ff !important;
    color: #fff !important;
  }
}

/* 601–760px 仍显示桌面导航：收紧横向间距，避免菜单换行溢出 64px 顶栏。 */
@media (min-width: 601px) and (max-width: 760px) {
  html.page--homepage .my-acgo-slide {
    padding-top: calc(var(--mytheme-nav-overlay-height, 64px) + 20px);
  }

  .nav > .row,
  .nav--shadow > .row {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .nav > .row > .columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .nav__list--main,
  .nav__list--secondary {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
  }

  .nav__item,
  .nav__list--secondary .nav__item--round {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
    white-space: nowrap;
  }

  .nav__logo {
    height: 30px !important;
    max-width: 76px;
    margin-top: 17px !important;
    margin-bottom: 17px !important;
    margin-right: 8px !important;
    object-fit: contain;
  }
}

@media (max-width: 600px) {
  .nav--shadow { display: none !important; }
  .header--mobile { min-height: 56px !important; }
}