/* 英文站补丁样式：补齐 Vue 组件 scoped 样式中静态页需要的部分（主样式见 index.css） */

/* 移动端菜单开关动画 */
.menu-toggle span { transition: all 0.3s var(--ease); }
.menu-toggle span.open:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.menu-toggle span.open:nth-child(2) { opacity: 0; }
.menu-toggle span.open:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* 移动端抽屉菜单 */
@media (max-width: 860px) {
  .nav-links {
    display: flex; position: fixed; top: 68px; left: 0; right: 0; height: calc(100dvh - 68px);
    background: rgba(237, 244, 246, 0.97); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    flex-direction: column; align-items: flex-start; padding: 28px; gap: 0; overflow-y: auto;
    transform: translateX(100%); transition: transform 0.35s var(--ease);
  }
  .nav-links.open { transform: translateX(0); }
  .nav-links a { font-size: 1.05rem; padding: 15px 0; border-bottom: 1px solid rgba(27, 79, 216, 0.08); width: 100%; }
}

/* 当前导航项高亮 */
.nav-links a.active { color: var(--c-primary); }
.nav-links a.active::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; border-radius: 1px;
  background: linear-gradient(90deg, var(--c-primary), var(--c-accent));
}
.nav-links a.lang-switch::after { display: none; }

/* 回到顶部 */
.back-to-top {
  position: fixed; right: 26px; bottom: 30px; z-index: 990;
  width: 46px; height: 46px; border-radius: 50%; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #fff; background: linear-gradient(135deg, var(--c-primary), var(--c-accent));
  box-shadow: 0 10px 26px rgba(27, 79, 216, 0.35);
  opacity: 0; transform: translateY(16px); pointer-events: none;
  transition: opacity 0.35s var(--ease), transform 0.35s var(--ease), box-shadow 0.3s;
}
.back-to-top.show { opacity: 1; transform: translateY(0); pointer-events: auto; }
.back-to-top:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(27, 79, 216, 0.45); }
@media (max-width: 768px) {
  .back-to-top { right: 16px; bottom: 20px; width: 42px; height: 42px; }
}