/* === Mega Menu — 阿里云风格 === */

/* 面板容器 */
.mega-panel {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 1040;
  background: #fff;
  box-shadow: 0 12px 20px -14px rgba(26, 26, 46, 0.22);
  border-top: 0;
  display: none;
  max-height: 80vh;
  overflow: hidden;
}
.mega-panel.show {
  display: block;
  animation: megaFadeIn 0.18s ease-out;
}
@keyframes megaFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 内层容器 */
.mega-inner {
  display: flex;
  max-width: none;
  margin: 0;
  padding-left: max(0px, calc((100% - 1200px) / 2));
  min-height: 420px;
  position: relative;
}

/* 关闭按钮 */
.mega-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #999;
  font-size: 18px;
  transition: all 0.15s;
  z-index: 2;
}
.mega-close:hover {
  background: #f5f5f5;
  color: #333;
}

/* ---- 左侧 Sidebar ---- */
.mega-sidebar {
  width: 240px;
  flex-shrink: 0;
  border-right: 0;
  padding: 24px 0 20px;
  background: #fafbfc;
  display: flex;
  flex-direction: column;
}

/* 标题行（可点击跳转） */
.mega-sidebar-head {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
  padding: 0 24px 18px;
  border-bottom: 0;
  margin-bottom: 8px;
  text-decoration: none;
  transition: color 0.15s;
}
.mega-sidebar-head:hover {
  color: var(--color-primary, #6d28d9);
}
.mega-sidebar-head .head-arrow {
  font-size: 15px;
  color: #bbb;
  transition: transform 0.15s, color 0.15s;
}
.mega-sidebar-head:hover .head-arrow {
  color: var(--color-primary, #6d28d9);
  transform: translateX(3px);
}

/* 分组列表 */
.mega-sidebar-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}
.mega-sidebar-item {
  display: flex;
  align-items: center;
  padding: 11px 24px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
  transition: all 0.15s;
  border-left: 0;
}
.mega-sidebar-item:hover,
.mega-sidebar-item.active {
  background: color-mix(in srgb, var(--color-primary, #6d28d9) 8%, white);
  color: var(--color-primary, #6d28d9);
  border-left-color: transparent;
}
.mega-sidebar-item i.whaty {
  margin-right: 10px;
  font-size: 18px;
  width: 20px;
  text-align: center;
}
.mega-sidebar-item .mega-arrow {
  margin-left: auto;
  font-size: 12px;
  color: #ccc;
  transition: color 0.15s;
}
.mega-sidebar-item.active .mega-arrow,
.mega-sidebar-item:hover .mega-arrow {
  color: var(--color-primary, #6d28d9);
}

/* sidebar 底部描述区 */
.mega-sidebar-desc {
  padding: 14px 24px 0;
  border-top: 0;
  margin-top: 8px;
  min-height: 56px;
}
.mega-sidebar-desc p {
  font-size: 12px;
  line-height: 1.7;
  color: #999;
  margin: 0;
}

/* ---- 右侧内容区 ---- */
.mega-content {
  flex: 1;
  min-width: 0;
  overscroll-behavior-y: contain;
  padding: 10px max(0px, calc((100vw - 1200px) / 2 - 8px)) 16px 24px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(109,40,217,.35) transparent;
}
.mega-content::-webkit-scrollbar { width: 6px; }
.mega-content::-webkit-scrollbar-track { background: transparent; }
.mega-content::-webkit-scrollbar-thumb { background: rgba(109,40,217,.35); border-radius: 8px; }
.mega-sidebar-head { font-size: 17px; }
.mega-link-title { font-size: 16px; }
.mega-sidebar-item { font-size: 15px; }
.mega-link-card:hover, .mega-sub-item:hover { background: color-mix(in srgb, var(--color-primary, #6d28d9) 8%, white); }
.mega-sub-title { border-bottom: 0; margin-bottom: 14px; padding-bottom: 0; }
.mega-sub-panel { padding-left: 0; }
.mega-sub-group { margin-bottom: 20px; }
.mega-tab-pane {
  display: none;
}
.mega-tab-pane.active {
  display: block;
}

/* 链接网格 — 2列 */
.mega-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}

/* 链接卡片 — 双行（标题+描述） */
.mega-link-card {
  display: block;
  padding: 14px 16px;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  transition: all 0.15s;
}
.mega-link-card:hover {
  background: #f5f3ff;
}
.mega-link-card:hover .mega-link-title {
  color: var(--color-primary, #6d28d9);
}
.mega-link-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #1a1a2e;
  margin-bottom: 3px;
  transition: color 0.15s;
}
.mega-link-desc {
  font-size: 12px;
  line-height: 1.5;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 隐藏旧版 dropdown */
.nav-cell[data-trigger^="mega-"] .dropdown {
  display: none !important;
}

/* ---- 三级子面板（link hover 展开） ---- */
.mega-link-wrap {
  position: relative;
}
.mega-link-expand {
  margin-left: 6px;
  font-size: 13px;
  color: #bbb;
  transition: color 0.15s, transform 0.15s;
}
.mega-link-wrap.has-sub:hover .mega-link-expand {
  color: var(--color-primary, #6d28d9);
  transform: translateX(2px);
}
.mega-link-wrap.has-sub .mega-link-card {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

/* 子面板 */
/* Sub-panel: overlay on top of mega-content right half */
.mega-sub-panel {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  padding: 20px 24px;
  z-index: 20;
  gap: 14px;
}

/* Make has-sub wrapper position relative for sub-panel anchor */
.mega-link-wrap.has-sub {
  position: static;
}

/* Use the grid container as positioning context */
.mega-grid {
  position: relative;
}

/* JS controls .mega-sub-panel.show instead of CSS :hover */
.mega-sub-panel.show {
  display: flex;
  flex-direction: column;
}

/* 子分组 */
.mega-sub-group {
  margin-bottom: 4px;
}
.mega-sub-title {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a2e;
  padding-bottom: 8px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f0f0f0;
}
.mega-sub-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}
.mega-sub-item {
  display: block;
  padding: 8px 10px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.15s;
}
.mega-sub-item:hover {
  background: #f5f3ff;
}
.mega-sub-name {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 1.5;
}
.mega-sub-item:hover .mega-sub-name {
  color: var(--color-primary, #6d28d9);
}
.mega-sub-desc {
  font-size: 12px;
  color: #aaa;
  line-height: 1.4;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* 三级内容直接融入卡片，减少悬浮层级 */
.mega-sub-panel { position: static; display: block; padding: 8px 16px 14px; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.mega-sub-panel.show { display: block; }
.mega-sub-items { grid-template-columns: repeat(3, 1fr); }
/* AI 解决方案分组紧凑布局 */
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-grid { grid-template-columns: repeat(3, 1fr); }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub { grid-column: 1 / -1; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-sub-items { grid-template-columns: repeat(3, 1fr); }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub:has(> a[href="/ai-service"]) .mega-sub-title { display: none; }

.mega-sidebar { overflow: hidden; }

.mega-close { top: 8px; right: 8px; }
header.mega-open { background:#fff; border-bottom:1px solid rgba(0,0,0,.04); box-shadow:0 2px 10px rgba(0,0,0,.06); }


.mega-inner { max-height:80vh; min-height:0; height:auto; }
.mega-content { min-height:0; }
.mega-close { top:8px; right:8px; }
.mega-link-card:hover,.mega-sub-item:hover { background:#f1ebff; }


header.mega-open{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.04)} header.mega-open .nav-logo-light{display:none} header.mega-open .nav-logo-dark{display:block} .mega-link-card:hover,.mega-sub-item:hover{background:#fff1f0}.mega-content{scrollbar-color:#d8d8d8 transparent}.mega-content::-webkit-scrollbar{width:6px}.mega-content::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:8px}.mega-content::-webkit-scrollbar-button{display:none}.mega-link-title{font-size:16px}.mega-sub-title{border:0;margin-top:16px;margin-bottom:6px;padding:0}.mega-sub-group{margin-bottom:18px}.mega-sub-panel{padding-left:0}

.mega-content { max-height:80vh; box-sizing:border-box; } .mega-sub-panel { padding-left:16px; } .mega-sub-item { padding-left:0; }
/* navigation polish */
header.mega-open { background-color:#fff !important; box-shadow:none !important; border-bottom:1px solid #f0f0f0 !important; }
.mega-link-card:hover,.mega-sub-item:hover { background:transparent !important; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub { padding-bottom:4px; margin-bottom:8px; border-bottom:1px solid #f0f0f0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-link-title { background:transparent; color:#1a1a2e; border-radius:0; padding:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-link-title .mega-link-expand { font-weight:400; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-sub-title { display:table; background:#fff1f0; color:var(--color-primary,#e62129); border-radius:6px; padding:4px 8px; margin-top:0; margin-bottom:4px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap:not(.has-sub) { border-bottom:1px solid #f0f0f0; }

/* Compact section headers; category badges belong to the child groups. */
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .has-sub > .mega-link-card { padding-bottom:4px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .has-sub > .mega-sub-panel { padding:0 16px 4px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-group { margin:10px 0 0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-group:first-child { margin-top:4px; }
.mega-sub-title-note { font-weight:400; }
/* AI category heading refinement */
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-sub-title { background:transparent; color:#555; border-radius:0; padding:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-sub-title::first-letter { color:#555; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-sub-title-note { color:#555; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-grid { row-gap:24px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-items { row-gap:14px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-prefix { color:var(--color-primary,#e62129); }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-note { color:#555; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-grid { column-gap:24px; row-gap:10px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-items { column-gap:24px; row-gap:8px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-items { row-gap:2px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title { color:#555 !important; font-weight:700; border-left:3px solid var(--color-primary,#e62129); padding-left:8px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-prefix,
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-note { color:#555 !important; font-weight:700; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-items { row-gap:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title { color:#1a1a2e !important; font-weight:700; border-left:3px solid var(--color-primary,#e62129); padding:3px 12px; background:linear-gradient(90deg, rgba(230,33,41,.12), rgba(230,33,41,0)); line-height:1.5; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-prefix,
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-note { color:#1a1a2e !important; font-weight:700; }
/* category title visual treatment */
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title {
  position:relative !important; display:block !important; width:100% !important;
  box-sizing:border-box !important; border-left:4px solid #e62129 !important;
  padding:5px 14px !important; margin:8px 0 4px !important;
  color:#1a1a2e !important; background:linear-gradient(90deg,rgba(230,33,41,.14) 0%,rgba(230,33,41,.06) 42%,rgba(230,33,41,0) 100%) !important;
}
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-prefix,
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title-note { color:#1a1a2e !important; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-title {
  display:inline-block !important; width:max-content !important; border-left:2px solid #e62129 !important;
  padding:2px 8px !important; margin:6px 0 3px !important;
  background:linear-gradient(90deg,rgba(230,33,41,.07),rgba(230,33,41,0)) !important;
}
/* align AI section headers */
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-grid > .mega-link-wrap:last-child { border-bottom:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-grid { row-gap:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap,
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub { padding-top:18px; padding-bottom:18px; margin-bottom:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-grid > .mega-link-wrap:first-child { padding-top:12px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap > .mega-link-card { padding-top:0; padding-bottom:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .has-sub > .mega-sub-panel { padding:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-items { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-item { padding:6px 16px; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub .mega-sub-title { margin-left:16px !important; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-sub-group:last-child .mega-sub-item { padding-bottom:0; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub > .mega-link-card .mega-link-title { display:flex; align-items:center; line-height:1.5; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub > .mega-link-card .mega-link-expand { font-size:18px; line-height:1; }
.mega-tab-pane[data-mega-pane="产品与解决方案-6"] .mega-link-wrap.has-sub:has(> a[href="/ai-service"]) .mega-sub-title { display:none !important; }