/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 07 2026 | 15:12:57 */
/* by LY Partners for AHA */ 

/*左上角菜单*/

/* ========== 默认（手机/平板）：彻底隐藏自定义 Off Canvas 的一切 ========== */
.aha-offcanvas-trigger,
.aha-offcanvas-panel,
.aha-offcanvas-overlay {
    display: none !important;
}

/* ========== 桌面端（屏幕宽度 ≥ 922px）显示并定义动效 ========== */
@media (min-width: 922px) {

    /* 显示触发按钮 */
    .aha-offcanvas-trigger {
        display: inline-block !important;
        text-decoration: none;
    }
    .aha-offcanvas-trigger .aha-menu-icon {
        font-size: 28px;
        cursor: pointer;
        color: #333;
    }

    /* 遮罩层 */
    .aha-offcanvas-overlay {
        display: block !important;
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }
    .aha-offcanvas-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    /* 侧滑面板本体 —— 从左侧滑入，宽度半屏 */
	.aha-offcanvas-panel {
		display: block !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 50vw;
		max-width: 50vw;
		height: 100%;
		background: rgba(26, 26, 26, 0.6);   /* 可以直接改成 0.6，后面 Widget 里也会设 */
		box-shadow: 5px 0 15px rgba(0,0,0,0.4);
		z-index: 10000;
		transform: translateX(-100%);
		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		overflow-y: auto;
	}

    .aha-offcanvas-panel.active {
        transform: translateX(0);     /* 滑入屏幕 */
    }

    /* 关闭按钮 */
	.aha-offcanvas-close {
    	position: absolute;
    	top: 15px; right: 20px;
    	font-size: 32px;
    	line-height: 1;
    	cursor: pointer;
    	color: #333;
    	transition: color 0.2s;
	}
	.aha-offcanvas-close:hover {
    	color: #007c89;
	}

    /* 菜单内部样式微调（保持不变） */
    .aha-offcanvas-panel .widget_nav_menu ul {
        list-style: none;
        margin: 0; padding: 0;
    }
    .aha-offcanvas-panel .widget_nav_menu li {
        margin: 0; padding: 8px 0;
        border-bottom: 1px solid #eee;
    }
    .aha-offcanvas-panel .widget_nav_menu a {
        text-decoration: none;
        font-size: 18px;
        color: #333;
        display: block;
        transition: color 0.2s, padding-left 0.2s;
    }
    .aha-offcanvas-panel .widget_nav_menu a:hover {
        color: #007c89;
        padding-left: 8px;
    }
	
	/* 面板内所有链接或文本默认为白色（如果小工具里没有单独设置） */
	.aha-offcanvas-panel, 
	.aha-offcanvas-panel a,
	.aha-offcanvas-panel p,
	.aha-offcanvas-panel span {
    	color: #ddd;
	}

    /* 可选：隐藏 Astra 原生的桌面水平菜单（如果想完全用侧滑替代） */
    .ast-primary-header-bar .main-header-menu {
        display: none !important;
    }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    function isDesktop() {
        return window.matchMedia('(min-width: 922px)').matches;
    }
    
    var trigger = document.querySelector('.aha-offcanvas-trigger');
    var panel = document.getElementById('aha-offcanvas-panel');
    var overlay = document.getElementById('aha-offcanvas-overlay');
    var close = document.getElementById('aha-offcanvas-close');

    if (trigger && panel && overlay && close) {
        trigger.addEventListener('click', function(e) {
            e.preventDefault();
            if (!isDesktop()) return;
            panel.classList.add('active');
            overlay.classList.add('active');
        });

        function closeMenu() {
            panel.classList.remove('active');
            overlay.classList.remove('active');
        }

        close.addEventListener('click', closeMenu);
        overlay.addEventListener('click', closeMenu);
    }

    // 窗口缩放时自动关闭菜单
    window.addEventListener('resize', function() {
        if (!isDesktop() && panel && panel.classList.contains('active')) {
            panel.classList.remove('active');
            overlay.classList.remove('active');
        }
    });
});
/* 首页的impact area区域div的翻转 */
/* 卡片容器 */
.expand-card {
  width: 280px;
  margin: 20px auto;
  background: linear-gradient(135deg, #fff, #fff);
  color: #fff;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* 初始高度固定，但内部列表 overflow hidden */
  overflow: hidden;
  max-height: 100px; /* 仅显示标题的高度 */
  transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.3s ease,
              box-shadow 0.3s ease;
}

/* 悬停时展开高度 */
.expand-card:hover {
  max-height: 400px; /* 足够显示标题+列表 */
  transform: scale(1.02);
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* 标题保持 */
.expand-card h2 {
  margin: 0 0 10px 0;
  font-size: 26px;
}

/* 列表初始隐藏（高度0，透明度0） */
.hidden-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none; /* 防止悬停时干扰 */
}

/* 悬停时显示列表 */
.expand-card:hover .hidden-list {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.hidden-list li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.hidden-list li:last-child {
  border-bottom: none;
}

/* 首页impact area 卡片容器 */
.expand-card {
  background: 
    linear-gradient(rgba(28, 32, 33, 0.8), rgba(28, 32, 33, 0.8)),
    var(--bg-url);
  background-size: cover;
  background-position: center;
  background-blend-mode: normal;
  
  color: #fff;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  overflow: hidden;
  max-height: 180px;
  transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.3s ease,
              box-shadow 0.3s ease;
}

.expand-card:hover {
  max-height: none;
  transform: scale(1.02);
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* 标题样式（h4 保持原有边距） */
.expand-card h4 {
  margin: 50px 20px;
  padding: 0 10px;
  font-size: 26px;
  /* 不再设置颜色，由链接继承或单独控制 */
}

/* ★ 新增：标题链接样式 */
.expand-card h4 a.card-title-link {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
}

.expand-card h4 a.card-title-link:hover {
  color: #6fa84d;
  text-decoration: none;
}

/* 隐藏的内容区域 */
.hidden-list {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  pointer-events: none;
  display: block;
  margin-bottom: 30px;
}

.expand-card:hover .hidden-list {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.hr-wrapper {
  margin: 0 10px;
}

.expand-card hr {
  border: none;
  height: 1px;
  background-color: transparent;
  margin: 0;
  transition: background-color 0.3s ease;
}

.expand-card:hover hr {
  background-color: #fffbf5;
}

.expand-card ul {
  list-style: none;
  padding: 0;
  margin: 20px 10px;
  text-align: center;
}

.expand-card ul li {
  padding: 8px 0;
  margin-bottom: 10px;
}
.expand-card ul li:last-child {
  margin-bottom: 0;
}

.expand-card ul li a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.expand-card ul li a:hover {
  color: #6fa84d;
}
/* 修改左侧secondary菜单的文字hover颜色 */
.lyp-submenu-parent > a:hover {
    color: #6fa84d !important;  /* 可更换为你喜欢的颜色 */
    /* 保持无下划线（如果默认有下划线，取消） */
    text-decoration: none !important;
}
/* 修改子菜单背景色 */
.lyp-submenu-parent .sub-menu {
    background-color: rgba(0, 0, 0) !important;
    background-image: none !important;   /* 移除可能存在的背景图片或渐变 */
}
/* 修改子菜单项文字颜色（可选） 
.lyp-submenu-parent .sub-menu a {
    color: #333333;
}*/
/* 修改子菜单项悬停背景色（可选） */
.lyp-submenu-parent .sub-menu li:hover {
    background-color: #6fa84d;
}

/* 修改子菜单项悬停背景色（可选） */
#mega-menu-primary {
    background-color:#6fa84d!important;
}

/* summit 页面表格css */
/* 表格容器 */
.custom-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

/* 表格主体 */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
}

/* 表头样式 */
.custom-table thead th {
    background-color: #0073aa;
    color: #ffffff;
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #cccccc;
}

/* 表格单元格 */
.custom-table td {
    padding: 12px 15px;
    border: 1px solid #cccccc;
    text-align: left;
    vertical-align: top;  /* 内容顶部对齐 */
}

/* 列宽设置：第一列 20%，第二列 80% */
.custom-table th:first-child,
.custom-table td:first-child {
    width: 20%;
}

.custom-table th:last-child,
.custom-table td:last-child {
    width: 80%;
}

/* ★ 优化列表样式，使其在表格中紧凑美观 */
.custom-table td ul {
    margin: 0;                /* 移除默认上下边距 */
    padding-left: 20px;       /* 保留适当的缩进 */
    list-style-type: disc;    /* 实心圆点 */
}

/* 可选：调整列表项间距 */
.custom-table td ul li {
    margin-bottom: 4px;       /* 列表项之间增加一点间距 */
}

.custom-table td ul li:last-child {
    margin-bottom: 0;         /* 最后一项无下边距 */
}

/* 可选：表格行悬停高亮 */
.custom-table tbody tr:hover {
    background-color: #f5f5f5;
}