/* edu-zone 专区基础：tokens + 导航；业务样式由 pagePreset 按需加载 */

[data-edu-zone="1"] {
  --ez-blue: #347cff;
  --ez-blue-deep: #0b397c;
  --ez-navy: #092552;
  --ez-text: #17263c;
  --ez-muted: #66758a;
  --ez-line: #dce5f0;
  --ez-soft: #f4f7fb;
  --ez-success: #12a150;
  --ez-warning: #e98b19;
  --ez-container: 1480px;
  --ez-font: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  /* 吸顶偏移：官网 Header 80 + 专区导航 58；embed 由 layout 覆写为 0 */
  --ez-header-h: 80px;
  --ez-zone-nav-h: 58px;
  --ez-sticky-under-header: var(--ez-header-h);
  --ez-sticky-under-nav: calc(var(--ez-header-h) + var(--ez-zone-nav-h));
  /* 兼容迁移期原型 CSS 变量 */
  --blue: var(--ez-blue);
  --container: var(--ez-container);
  --line: var(--ez-line);
  --text: var(--ez-text);
  --muted: var(--ez-muted);
  --soft: var(--ez-soft);
  --success: var(--ez-success);
  --warning: var(--ez-warning);
  color: var(--ez-text);
  font-family: var(--ez-font);
}

/* 锚点/滚动落点避开固定头 + 专区导航 */
html {
  scroll-padding-top: calc(var(--ez-header-h, 80px) + var(--ez-zone-nav-h, 58px) + 12px);
}

[data-edu-zone="1"] .detail-section,
[data-edu-zone="1"] [id].detail-section,
[data-edu-zone="1"] .page-heading,
[data-edu-zone="1"] .surface > .surface-head {
  scroll-margin-top: calc(var(--ez-sticky-under-nav) + 12px);
}

/* —— 专区导航 —— */
.ez-zone-nav-wrap {
  position: sticky;
  z-index: 30;
  top: var(--ez-sticky-under-header);
  border-bottom: 1px solid #dce6f0;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(10px);
}

.ez-zone-nav {
  width: min(var(--ez-container), calc(100% - 48px));
  height: 58px;
  margin: auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.ez-zone-nav-public,
.ez-zone-nav-personal {
  display: flex;
  align-items: stretch;
}

.ez-zone-nav a,
.ez-zone-nav button {
  position: relative;
  padding: 0 26px;
  display: flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: none;
  color: #344761;
  font-weight: 650;
  text-decoration: none;
  cursor: pointer;
}

.ez-zone-nav a:hover,
.ez-zone-nav button:hover {
  color: var(--ez-blue);
}

.ez-zone-nav a.active {
  color: var(--ez-blue);
  font-weight: 800;
}

.ez-zone-nav a.active::after {
  position: absolute;
  right: 25px;
  bottom: 0;
  left: 25px;
  height: 3px;
  content: "";
  background: var(--ez-blue);
}

.ez-zone-nav-personal {
  position: relative;
}

.ez-zone-nav-personal::before {
  position: absolute;
  top: 17px;
  bottom: 17px;
  left: 0;
  width: 1px;
  content: "";
  background: var(--ez-line);
}

.ez-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-style: normal;
  font-weight: normal;
}

.ez-zone-nav svg,
.ez-zone-nav i[data-lucide],
.ez-zone-nav .ez-icon svg {
  width: 18px;
  height: 18px;
}

@media (max-width: 760px) {
  .ez-zone-nav {
    overflow-x: auto;
    height: 52px;
    width: calc(100% - 28px);
  }

  .ez-zone-nav a,
  .ez-zone-nav button {
    padding: 0 13px;
    font-size: 13px;
    white-space: nowrap;
  }

  .ez-zone-nav-personal::before {
    display: none;
  }
}