/* ==========================================================================
   全站核心样式表 (Custom CSS) - 清理重复版 v5.0
   [说明] 已移除所有重复代码，修正下拉菜单位置
   ========================================================================== */

/* --------------------------------------------------------------------------
   [1] 全局基础设置 (Global)
   -------------------------------------------------------------------------- */
html {
    scroll-behavior: auto !important;
}


:root {
    /* 配色方案 */
    --primary-color: rgb(202, 138, 8);
    /* 品牌金 */
    --primary-dark: rgb(166, 113, 6);
    --accent-color: #ff6600;
    --text-color: #333;
    --light-text: #fff;

    /* 字体：优先使用本地黑体 */
    --font-main: "Source Han Sans CN", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-num: "Arial", sans-serif;
}


body {
    font-family: var(--font-main);
    color: var(--text-color);
    background-color: #fff;
    padding-top: 90px;
    /* 给固定顶栏留出位置 */
    overflow-x: hidden;
}


a {
    color: var(--text-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
}

/* 请将此代码放在 CSS 文件末尾或全局样式区 */
.global-main-title,
.section-header h3,
.profile-section-title h3,
.profile-welcome h1 {
    font-size: 36px !important;
    /* 强制统一字号 */
    font-weight: 700;
    line-height: 1.2;
}

/* --------------------------------------------------------------------------
   [2] 顶部导航 (Site Header)
   -------------------------------------------------------------------------- */
.site-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    transition: all 0.3s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.navbar {
    padding: 10px 0;
    min-height: 80px;
    /* 设定高度 */
}

.navbar-brand {
    margin-right: 0;
    /* 保持原样或重置 */
    margin-left: -20px;
    /* [关键] 往左拉 10px */
    padding-left: 0;
}

.navbar-brand img {
    max-height: 58px;
    width: auto;
    /* 之前的设置保留即可 */
}

.navbar-nav .nav-item {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    /* 关键：给下拉菜单定位基准 */
}

.navbar-nav .nav-link {
    color: #444 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    position: relative;
    transition: color 0.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link {
    color: var(--primary-color) !important;
}

/* 导航下划线动画 */
.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 50%;
    background-color: var(--primary-color);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item.active .nav-link::after {
    width: 100%;
}

/* --------------------------------------------------------------------------
   [3] 右侧图标区 (Header Actions)
   -------------------------------------------------------------------------- */
.header-actions {
    display: flex;
    align-items: center;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #eee;
    height: 40px;
}

.action-item {
    color: #888;
    font-size: 16px;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none !important;
    display: flex;
    align-items: center;
}

.action-item a {
    color: #888;
    text-decoration: none;
}

.action-item:hover,
.action-item a:hover {
    color: var(--primary-color);
}

.lang-switch {
    font-family: var(--font-num);
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 4px 12px;
    border-radius: 20px;
    color: #666;
    transition: all 0.3s;
    display: inline-block;
}

.lang-switch:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.lang-switch a {
    color: #888;
    text-decoration: none;
    transition: color 0.3s;
}

.lang-switch a:hover {
    color: var(--primary-color);
}

/* =========================================
   [修复] 下拉菜单 (Dropdown Menu) - 完美交互版
   解决：鼠标移向菜单时因间隙导致消失的问题
   ========================================= */
.dropdown-menu {
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-radius: 4px;

    /* [保持] 视觉上距离导航栏 15px */
    margin-top: 15px;

    padding: 10px 0;
    border-top: 3px solid var(--primary-color);
    display: none;
    left: 0;
    transform: none;
    min-width: 160px;
    background-color: #fff;
    z-index: 1050;

    /* [新增] 关键属性：允许溢出，让透明桥梁生效 */
    overflow: visible;
}

/* [新增] 透明“桥梁”层：填补导航栏与菜单之间的空隙 */
.dropdown-menu::after {
    content: '';
    position: absolute;
    /* 向上延伸 20px，覆盖掉 margin-top 的 15px 空隙 */
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
    /* 透明不可见 */
    z-index: -1;
}

/* 小三角形箭头 */
.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    margin-left: 0;
    width: 12px;
    height: 12px;
    border: none;
    background: #fff;
    border-top: 3px solid var(--primary-color);
    border-left: 3px solid var(--primary-color);
    transform: rotate(45deg);
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.05);
    z-index: 1;
    /* 确保在透明层之上 */
}

.dropdown-item {
    padding: 10px 25px;
    font-size: 14px;
    color: #555;
    transition: all 0.2s;
    background: transparent;
    display: block;
    clear: both;
}

.dropdown-item:hover {
    background-color: #f9f9f9;
    color: var(--primary-color);
    padding-left: 30px;
    text-decoration: none;
}

/* PC端鼠标悬停显示 */
@media (min-width: 992px) {
    .navbar-nav .nav-item:hover .dropdown-menu {
        display: block !important;
        animation: fadeInUp 0.3s ease forwards;
    }

    .nav-link.dropdown-toggle::after {
        display: none;
    }
}

/* 动画：配合margin-top使用 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        margin-top: 30px;
        /* 从更低处浮上来 */
    }

    to {
        opacity: 1;
        margin-top: 15px;
        /* 最终停在 15px 处 */
    }
}

/* --------------------------------------------------------------------------
   [5] 首页轮播图 (Main Slider) - [修改] 还原为首页.html 样式参数
   -------------------------------------------------------------------------- */
.main-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* 1. 调整轮播图高度 (解决“高度低了点”的问题) */
.carousel-item {
    height: 500px !important;
    /* 强制设定为 500px 大气高度 */
    background-color: transparent !important;

}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1 !important;
    filter: none !important;
}

.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    /* 如果有渐变也一并清除 */
    background-image: none !important;
    z-index: 1;
}

.carousel-caption {
    z-index: 10;
    /* [修改] 取消垂直居中，改为距离底部 30%，靠左对齐 */
    top: auto;
    transform: none;
    bottom: 30%;
    left: 10%;
    right: 10%;
    text-align: left;
}

.carousel-caption h2 {
    font-size: 42px;
    /* [修改] 字号调整 */
    font-weight: 700;
    color: #fff !important;
    /* 关键：增加多重投影，模拟文字边缘的深度感，而不影响整图亮度 */
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 15px;
    opacity: 0;
    transform: translateY(20px);
    /* 增加进入动画 */
    transition: all 0.8s ease-out;
}

.carousel-caption p {
    font-size: 18px;
    font-weight: 300;
    color: #fff !important;
    margin-bottom: 25px;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8) !important;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out 0.2s;
    /* 延迟 0.2s */
}

.btn-banner {
    display: inline-block;
    padding: 10px 30px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    text-decoration: none;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease, opacity 0.8s ease-out 0.4s, transform 0.8s ease-out 0.4s;
}

.btn-banner:hover {
    background-color: #a67106;
    /* 深金色 */
    color: #fff;
    text-decoration: none;
}

/* 激活状态下的动画触发 */
.carousel-item.active .carousel-caption h2,
.carousel-item.active .carousel-caption p,
.carousel-item.active .btn-banner {
    opacity: 1;
    transform: translateY(0);
}

/* 左右切换按钮 */


/* 2. 轮播图指示器 (解决“没有切换线条”及“被遮挡”问题) */
.carousel-indicators {
    bottom: 30px !important;
    /* 【关键】向上提 90px，避开底部的白色数据条 */
    margin-bottom: 0;
}

.carousel-indicators li {
    width: 40px;
    /* 线条宽度 */
    height: 4px;
    /* 线条高度 */
    background-color: rgba(255, 255, 255, 0.6);
    /* 半透明白色 */
    border-radius: 2px;
    /* 圆角 */
    margin: 0 5px;
    /* 间距 */
    border: none;
    /* 去除默认边框 */
    opacity: 1;
    /* 修复 Bootstrap 默认透明度问题 */
    transition: all 0.3s;
}

/* 激活状态 (当前显示的幻灯片对应的线条) */
.carousel-indicators .active {
    background-color: var(--primary-color);
    /* 品牌金 */
    width: 50px;
    /* 激活时稍微变长，增加动感 */
}


/* --------------------------------------------------------------------------
   [6] 股价/动态条 (Ticker) - 修正版
   -------------------------------------------------------------------------- */
.stock-ticker-area {
    background-color: #fcfcfc;
    /* 还原：浅灰实心背景 */
    border-bottom: 1px solid #eee;
    /* 还原：底部边框 */
    padding: 20px 0;
    /* 还原：内边距 */
    position: relative;
    z-index: 20;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    /* 还原：极淡阴影 */
    margin-top: 0;
    /* 【关键】取消负边距，让它不悬浮 */
    backdrop-filter: none;
    /* 【关键】取消毛玻璃 */
}

.stock-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* 确保左右对齐 */
}

.stock-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-right: 20px;
    margin-right: 20px;
    /* 【关键】下面这行就是那根金色竖条 */
    border-right: 2px solid var(--primary-color);
    line-height: 1.2;
    display: block;
    /* 防止 collapsed */
}

.stock-item {
    margin-right: 40px;
    display: flex;
    align-items: baseline;
}

.stock-item .label {
    font-size: 14px;
    color: #666;
    margin-right: 10px;
}

.stock-item .value {
    /* 【修复】字体调整为 20px，如果还大可以改为 18px */
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
    /* 确保是金色 */
    font-family: Arial, sans-serif;
}

.trend.up {
    color: #d00;
    background: #ffeaea;
    padding: 2px 5px;
    border-radius: 2px;
    font-size: 12px;
    margin-left: 5px;
}

/* 【修复】纯净的按钮样式，不依赖 Bootstrap */
.stock-btn {
    display: inline-flex;
    align-items: center;
    padding: 6px 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    background: transparent;
    transition: all 0.3s ease;
    text-decoration: none;
}

.stock-btn i {
    margin-left: 8px;
    /* 图标间距 */
}

.stock-btn:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
    /* 悬停变白 */
    text-decoration: none;
}




/* ==========================================================================
   [7] 新闻中心 (News Center) - 高级配色版
   ========================================================================== */

/* --- 1. 区域容器与 Tab 导航 (大字体、金下划线) --- */
/* --- 新闻列表页：沉浸式 Banner 补丁 --- */

.jg-news-hero-v2 {
    position: relative;
    height: 500px;
    /* 列表页高度，可根据需求调大至 600px */
    background-color: #1a1a1a !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

/* 复用详情页的 object-fit 逻辑，彻底防变形 */
.jg-news-hero-v2 .hero-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1 !important;
    /* 核心：由 0.6 改为 1，恢复原始亮度 */
    z-index: 1;
}

.jg-news-hero-v2 .hero-overlay-v2 {
    position: absolute;
    inset: 0;
    /* 核心：将原来的深色渐变改为与 caselist 一致的极淡遮罩 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.3) 100%) !important;
    z-index: 2;
}

.jg-news-hero-v2 .jg-news-hero-content {
    position: relative;
    z-index: 10;
}

.jg-news-hero-v2 .jg-news-hero-title {
    font-size: 46px !important;
    font-weight: 900 !important;
    color: #fff;
    /* 增加深色文字投影，防止图片太亮看不清白字 */
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important;
    letter-spacing: -1px;
}

/* 移动端适配 */
@media (max-width: 991px) {
    .jg-news-hero-v2 {
        height: 300px;
    }

    .jg-news-hero-v2 .jg-news-hero-title {
        font-size: 30px !important;
    }
}

/* --- 优化分类切换后的定位位置 --- */

#news-nav-point {
    /* 这个数值 = 导航栏高度(90px) + 你想露出的 Banner 长度(比如 100px) */
    /* 调大这个数值，Banner 露出的就越多 */
    scroll-margin-top: 100px !important;
}

.section-news {
    padding: 80px 0;
    background-color: #fff;
}

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
    /* 【修改】减小：让横线离下面图片近一点 */
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    /* 【修改】加大：让文字离横线远一点 */
}

.news-tabs {
    display: flex;
    gap: 50px;
    margin-left: 0;

    /* [修改] 增加底部灰色长横线 */
    border-bottom: 1px solid #e5e5e5;

    /* [修改] 增加文字到底部横线的距离 */
    padding-bottom: 15px;

    /* [修改] 增加横线到下方内容的距离 */
    margin-bottom: 5px;

    width: 100%;
    /* 确保横线拉通 */
}

.news-tab-item {
    font-size: 20px;
    font-weight: 700;
    color: #555;
    /* [修改] 改为深灰色，更清晰 */
    padding-bottom: 15px;
    /* [修改] 配合长横线的位置 */
    margin-bottom: -1px;
    /* [新增] 让选中状态的下划线盖住灰线 */
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    background: transparent;
    border: none;
    text-decoration: none !important;
}

/* 选中或悬停状态 */
.news-tab-item:hover,
.news-tab-item.active {
    color: var(--primary-color);
    /* 变金色 */
}

/* 选中时的底部短横线 */
/* 选中时的底部短横线 - 修正版 */
.news-tab-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;

    /* [修改] 让线跟文字一样宽 */
    left: 0;
    width: 100%;
    transform: none;
    /* 取消偏移 */

    height: 4px;
    background: var(--primary-color);
    border-radius: 2px;
}

/* --- [新增] 查看更多按钮样式 --- */
.btn-outline-primary-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 25px;
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    color: var(--primary-color);
    font-size: 14px;
    transition: all 0.3s;
    background: transparent;
    text-decoration: none !important;
}

.btn-outline-primary-custom:hover {
    background: var(--primary-color);
    color: #fff;
}

.btn-outline-primary-custom i {
    margin-left: 5px;
}

/* --- 2. 左侧大图卡片 (悬停放大、视频图标) --- */
.news-feature-card {
    display: block;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    height: 100%;
    text-decoration: none !important;
}

.news-img-wrapper {
    position: relative;
    height: 280px;
    /* 图片高度 */
    overflow: hidden;
}

.news-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* 鼠标悬停图片放大 */
.news-feature-card:hover .news-img-wrapper img {
    transform: scale(1.05);
}

.news-feature-content {
    display: block;
    padding: 25px;
    background: #fff;
}

.news-feature-content .title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
    transition: color 0.3s;
}

/* 悬停时标题变金 */
.news-feature-card:hover .title {
    color: var(--primary-color);
}

.news-feature-content .desc {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 15px;
}

.read-more {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 600;
}

/* 视频播放遮罩 (仅在金谷印象显示) */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.3s;
    z-index: 5;
}

.video-overlay:hover {
    background: rgba(0, 0, 0, 0.1);
}

.video-overlay i {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
    /* 图标视觉修正 */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s;
}

.video-overlay:hover i {
    transform: scale(1.1);
}


/* --- 3. 右侧列表项 (基础结构) --- */
.news-list-item {
    display: flex;
    align-items: center;
    /* 垂直居中 */
    padding: 20px 0;
    border-bottom: 1px dashed #eee;
    transition: all 0.3s;
    text-decoration: none !important;
    background: transparent;
}

.news-list-item:hover {
    background-color: #fbfbfb;
    /* 悬停微弱背景 */
    transform: translateX(5px);
}

.news-info {
    flex: 1;
}

.news-info .title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    transition: color 0.3s;
}

.news-info .desc {
    font-size: 13px;
    color: #999;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 【修改】改为 2 行，容纳更多文字 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 38px;
    /* 【新增】固定高度，防止排版错乱 */
    line-height: 1.5;
    /* 【新增】行高 */
}


/* --- 4. 日期方块 (方形、大数字) --- */
.news-date-box {
    width: 70px;
    /* 方块宽度 */
    height: 70px;
    /* 方块高度 */
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    flex-shrink: 0;
    transition: all 0.3s;
}

/* 左上角悬浮日期 (大图上的) */
.feature-date-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.95);
    padding: 8px 15px;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.feature-date-tag .day {
    font-size: 24px;
    font-weight: 700;
    display: block;
    line-height: 1;
    color: var(--primary-color);
}

.feature-date-tag .ym {
    font-size: 12px;
    color: #666;
}


/* 日期数字 (日) */
.news-date-box .day {
    font-size: 26px;
    /* 【重点】数字加大 */
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    font-family: Arial, sans-serif;
    color: #555;
}

/* 日期年份 (年月) */
.news-date-box .ym {
    font-size: 13px;
    color: #999;
}


/* --- 5. 三色主题配色 (金/红/蓝) --- */

/* [主题1] 金谷新闻 (Gold) */
.theme-color-1 .news-date-box {
    background: #ffffff;
    border-color: #eaddc5;
}

.theme-color-1 .news-date-box .day {
    color: var(--primary-color);
}

/* 悬停效果 */
.theme-color-1 .news-list-item:hover .title {
    color: var(--primary-color);
}

.theme-color-1 .news-list-item:hover .news-date-box {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/* [主题2] 文化阵地 (Red) */
.theme-color-2 .news-date-box {
    background: #ffffff;
    border-color: #ffcdd2;
}

.theme-color-2 .news-date-box .day {
    color: #d32f2f;
}

/* 悬停效果 */
.theme-color-2 .news-list-item:hover .title {
    color: #d32f2f;
}

.theme-color-2 .news-list-item:hover .news-date-box {
    background: #d32f2f;
    border-color: #d32f2f;
}

/* [主题3] 金谷印象 (Blue) */
.theme-color-3 .news-date-box {
    background: #ffffff;
    border-color: #bbdefb;
}

.theme-color-3 .news-date-box .day {
    color: #1976d2;
}

/* 悬停效果 */
.theme-color-3 .news-list-item:hover .title {
    color: #1976d2;
}

.theme-color-3 .news-list-item:hover .news-date-box {
    background: #1976d2;
    border-color: #1976d2;
}

/* [通用悬停] 日期文字变白 */
.news-list-item:hover .news-date-box .day,
.news-list-item:hover .news-date-box .ym {
    color: #fff !important;
}

/* ==========================================================================
   [8] 公司简介 (Company Profile) - 移植修复版
   ========================================================================== */
.profile-stats-bg {
    background-color: var(--primary-color);
    color: #fff;
    padding-top: 60px;
    padding-bottom: 120px;
    position: relative;
    /* 确保背景在下 */
}

.profile-welcome h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.profile-welcome p {
    font-size: 14px;
    letter-spacing: 3px;
    opacity: 0.9;
    font-weight: 300;
}

.profile-stat-group {
    display: flex;
    gap: 40px;
    justify-content: flex-end;
}

.p-stat-item .num {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    font-family: Arial, sans-serif;
}

.p-stat-item .unit {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
}

.p-stat-item .desc {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 5px;
    display: block;
}

/* 核心卡片样式 */
.profile-main-card {
    background-color: #fff;
    margin-top: -80px;
    /* 【关键】负边距实现叠层效果 */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
}

.profile-img-col {
    position: relative;
    height: 500px;
    /* [修改此处] 设定一个你觉得合适的固定高度，例如 520px */
    min-height: 400px;
    padding: 0;
    overflow: hidden;
    /* 确保图片超出部分被切掉 */
}

.profile-img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-img-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    /* [修改] 减小内边距，让文字更靠边角，更紧凑 */
    padding: 30px;
    /* 依然保留渐变，防止背景太亮看不清文字 */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

/* --- 修改主标题 (加大、纯白) --- */
.profile-img-text h2 {
    /* [修改] 从 40px 改为 24px，精致小巧 */
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 8px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* --- 修改副标题 (变金、清晰) --- */
.profile-img-text p {
    font-size: 16px;
    /* 稍大一点 */
    color: var(--primary-color);
    /* 改为金色，增加质感 */
    letter-spacing: 3px;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    /* 加一点阴影 */
    opacity: 0.9;
}

/* --- 修改底线 (左对齐、变粗) --- */
.profile-img-text .line {
    /* [修改] 变短变细 */
    width: 110px;
    height: 4px;
    background-color: var(--primary-color);
    margin-top: 8px;
    border-radius: 2px;
}

.profile-text-col {
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.profile-section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.profile-section-title .bar {
    width: 8px;
    height: 24px;
    background-color: var(--primary-color);
    margin-right: 15px;
}

.profile-section-title h3 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.profile-intro {
    font-size: 16px;
    color: #666;
    line-height: 2;
    text-align: left;
    text-indent: 2em;
    margin-bottom: 40px;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.profile-icons-grid {
    display: flex;
    justify-content: center;
    /* 居中排列 */
    flex-wrap: wrap;
    padding: 0 10px 30px;
    gap: 10px;
    /* 图标之间的间距 */
}

.p-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 18%;
    /* 稍微小于20%，防止挤换行 */
    min-width: 80px;
    /* 最小宽度，防止手机上太挤 */
    color: #666;
    font-size: 13px;
    margin-top: 20px;
    text-decoration: none !important;
}

.p-icon-circle {
    width: 50px;
    height: 50px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    transition: all 0.3s;
    overflow: hidden;
    /* 关键：超出圆形的部分切掉 */
    color: #333;
}

/* [新增] 专门控制图标的大小和过渡 */
.p-icon-circle i {
    font-size: 20px;
    transition: all 0.3s;
    color: #333;
    /* 默认颜色 */
}

.p-icon-img {
    width: 24px;
    /* 控制图标显示的宽度 */
    height: 24px;
    /* 控制图标显示的高度 */
    object-fit: contain;
    /* 保持图片比例，不拉伸 */
    filter: grayscale(100%);
    /* (可选) 默认灰色，悬停变色 */
    transition: all 0.3s;
}

/* 3. 悬停状态：整体变金，图标变白 */
.p-icon-item:hover .p-icon-circle {
    background: var(--primary-color);
    /* [确认] 背景变金 */
    transform: translateY(-5px);
    /* [确认] 上浮效果 */
    box-shadow: 0 5px 15px rgba(202, 138, 8, 0.3);
    /* [新增] 增加一点金色阴影 */
}

/* [新增] 悬停时，强制图标变白 */
.p-icon-item:hover .p-icon-circle i {
    color: #ffffff !important;
}

/* [新增] 悬停时，文字变金 */
.p-icon-item:hover span {
    color: var(--primary-color);
}

.p-icon-item:hover .p-icon-img {
    filter: none;
    /* 悬停恢复原色 */
    filter: brightness(0) invert(1);
    /* 或者：悬停变白 (如果图标是黑色的) */
}

/* 简介区域 - 移动端适配 */
@media (max-width: 768px) {
    .profile-stats-bg {
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .profile-welcome {
        text-align: center;
        margin-bottom: 30px;
    }

    .profile-stat-group {
        justify-content: center;
        gap: 20px;
    }

    .profile-img-col {
        min-height: 250px;
    }

    .profile-img-text h2 {
        font-size: 28px;
    }

    .profile-text-col {
        padding: 30px 20px;
    }

    .profile-icons-grid {
        gap: 15px;
    }
}

/* ==========================================================================
   [9] 全球布局 (Global) - 高级设计版
   ========================================================================== */
.section-global {
    padding: 0 0 100px 0;
    background-color: #fff;
    position: relative;
    /* 增加微弱的网格背景 */
    background-image:
        linear-gradient(rgba(200, 200, 200, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(200, 200, 200, 0.1) 1px, transparent 1px);
    background-size: 40px 40px;
    overflow: hidden;
}

.global-slogan {
    position: relative;
    z-index: 2;
    font-size: 13px;
    /* 改小字体 */
    color: #888;
    /* 改为灰色 */
    letter-spacing: 3px;
    /* 加宽字间距 */
    font-weight: 400;
    text-transform: uppercase;

    /* 布局调整 */
    margin-top: 25px;
    /* [关键] 拉大与标题的距离 */
    padding-left: 25px;
    /* 稍微缩进，与标题文字对齐 */
}

.map-point.active {
    transform: none !important;
    /* ✅ 关键：强制容器不缩放 */
    background-color: transparent;
    z-index: 100;
    /* 确保在最上层 */
}

/* --- 1. 标题重设计 (水印叠加风格) --- */
.global-title-box {
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    padding-top: 10px;
    display: block;
    padding-left: 15px;
    /* 左侧留一点空间 */
}

/* 背景大英文水印 */
.global-en-title {
    position: absolute;
    top: 50%;
    left: 15px;
    /* 跟随左侧间距 */
    transform: translateY(-80%);
    /* 仅垂直偏移 */
    font-size: 60px;
    font-weight: 900;
    color: #f5f5f5;
    text-transform: uppercase;
    letter-spacing: 4px;
    z-index: 1;
    font-family: Arial, sans-serif;
    user-select: none;
    pointer-events: none;
}

/* 前景中文标题 */
.global-main-title {
    position: relative;
    font-size: 32px !important;
    font-weight: 700;
    color: #333;
    margin: 0;
    z-index: 2;
    letter-spacing: 2px;

    /* [新增] 左侧金线 */
    border-left: 5px solid var(--primary-color);
    padding-left: 20px;
    /* 文字与线的距离 */
    line-height: 1.1;
}

/* 中文标题下的小金线 */
.global-main-title::after {
    display: none;
}


/* --- 2. 左侧列表样式 (双列布局) --- */
.global-clean-list {
    padding-right: 0;
    /* 移除右边距，利用新布局宽度 */
}

.global-list-group {
    margin-bottom: 50px;
    /* 增加组间距 */
}

.global-group-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.global-group-icon {
    color: var(--primary-color);
    font-size: 24px;
    margin-right: 12px;
}

.global-group-title {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

/* 【关键】双列布局样式 */
.global-items {
    list-style: none;
    padding: 0;
    margin: 0;

    /* 启用多列布局 */
    column-count: 2;
    column-gap: 30px;
    /* 列间距 */
}

.global-item {
    font-size: 15px;
    color: #666;
    margin-bottom: 12px;
    /* 增加行间距 */
    padding-left: 15px;
    position: relative;
    transition: all 0.3s;
    cursor: default;
    break-inside: avoid;
    /* 防止文字被打断 */
}

/* 列表项前的小方块点 */
.global-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #ddd;
    border-radius: 50%;
    transition: all 0.3s;
}

.global-item:hover {
    color: var(--primary-color);
    transform: translateX(5px);
}

.global-item:hover::before {
    background-color: var(--primary-color);
}


/* --- 3. 地图区域样式 (全显 + 虚化) --- */
.global-map-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    /* 高度适中 */
    margin-top: 0;
}

.global-map-bg {
    width: 100%;
    height: 100%;
    /* 【修改】确保地图全显，不裁剪 */
    object-fit: contain;
    object-position: center;

    /* 【修改】透明度与虚化效果 */
    opacity: 0.15;
    /* 更淡一点 */
    filter: blur(1px) grayscale(100%);
    /* 1px模糊 + 黑白 */
}

/* 动态红点 */
/* [修改] 地图点基准容器 (不动) */
.map-point {
    position: absolute;
    width: 14px;
    height: 14px;
    background: transparent;
    /* 移除背景 */
    cursor: pointer;
    z-index: 10;
    transform: none !important;
    /* [关键] 禁止容器缩放 */
}

/* 2. 红点本体 (伪元素，负责放大动画) */
.map-point::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 0 0 rgba(202, 138, 8, 0.5);
    z-index: 1;
}

/* 3. 激活状态：只放大红点，不影响提示框 */
.map-point.active::before,
.map-point:hover::before {
    transform: translate(-50%, -50%) scale(2);
    /* 红点放大2倍 */
    background-color: #d90000;
    /* 变红 */
    box-shadow: 0 0 20px rgba(217, 0, 0, 0.6);
}


/* 4. 提示框 (重置字体，防止继承) */
.map-tooltip {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 20;
    border: 1px solid #eee;

    /* [关键] 强制固定字号，不再忽大忽小 */
    font-size: 14px;
    line-height: 1.4;
}

/* [修改] 提示框标题字号 */
.map-tooltip h5 {
    font-size: 16px;
    /* 原来是 15px */
    font-weight: 700;
    color: var(--primary-color);
    margin: 0 0 5px 0;
}

/* [修改] 提示框内容字号 */
.map-tooltip p {
    font-size: 13px;
    /* 保持小巧 */
    color: #666;
    margin: 0;
}

/* 激活时显示提示框 */
.map-point:hover .map-tooltip,
.map-point.active .map-tooltip {
    opacity: 1;
    visibility: visible;
    bottom: 45px;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }

    100% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0;
    }
}



/* 移动端适配 */
@media (max-width: 991px) {
    .global-title-box {
        margin-bottom: 40px;
    }

    .global-en-title {
        font-size: 40px;
    }

    .global-items {
        column-count: 2;
    }

    /* 手机上也保持双列 */
    .global-map-wrapper {
        height: 300px;
        margin-top: 30px;
    }
}

/* ==========================================================================
   [10] 快捷通道 (Shortcuts) - 首页.html 复刻版
   ========================================================================== */
.section-shortcuts {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.shortcut-card {
    position: relative;
    display: block;
    height: 280px;
    /* 固定高度，确保整齐 */
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none !important;
    margin-bottom: 30px;
    /* 增加底部间距，防止手机端太挤 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.shortcut-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* 遮罩层：默认半透明黑，悬停变色 */
.shortcut-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.3s ease;

    /* 弹性布局：内容绝对居中 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 20px;
    text-align: center;
}

/* 图标：默认显示 */
.shortcut-icon {
    font-size: 32px;
    margin-bottom: 15px;
    transform: translateY(0);
    transition: transform 0.3s ease;
}

/* 标题：默认显示 */
.shortcut-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #fff;
    transform: translateY(0);
    transition: transform 0.3s ease;
}

/* 描述(英文)：默认隐藏，悬停上浮显示 */
.shortcut-desc {
    font-size: 14px;
    opacity: 0;
    /* 默认不可见 */
    margin-bottom: 20px;
    transform: translateY(20px);
    /* 默认在下方 */
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 按钮：默认隐藏，悬停上浮显示 */
.shortcut-btn {
    padding: 8px 25px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    /* 默认不可见 */
    transform: translateY(20px);
    /* 默认在下方 */
    transition: all 0.3s ease;
    background: transparent;
}

/* --- 悬停交互特效 --- */

/* 1. 背景图放大 */
.shortcut-card:hover .shortcut-bg {
    transform: scale(1.1);
}

/* 2. 遮罩变为主色调 (90%透明度) */
.shortcut-card:hover .shortcut-overlay {
    background-color: rgba(202, 138, 8, 0.9);
}

/* 3. 图标和标题上移 */
.shortcut-card:hover .shortcut-icon,
.shortcut-card:hover .shortcut-title {
    transform: translateY(-10px);
}

/* 4. 描述和按钮浮现 */
.shortcut-card:hover .shortcut-desc,
.shortcut-card:hover .shortcut-btn {
    opacity: 1;
    transform: translateY(0);
}

/* 5. 按钮自身悬停变白 */
.shortcut-btn:hover {
    background-color: #fff;
    color: var(--primary-color);
}

/* ==========================================================================
   [11] 底部 (Footer) - 纯黑高级版 (5列布局适配)
   ========================================================================== */
.site-footer {
    background-color: #000000;
    /* 纯黑背景 */
    color: #999;
    /* 默认文字灰色 */
    padding-top: 80px;
    font-size: 14px;
    border-top: 1px solid #1a1a1a;
    /* 极淡的顶部分割线 */
}

.footer-top {
    padding-bottom: 50px;
}

/* --- 1. Logo 区域 --- */
.footer-logo img {
    height: 50px;
    /* 限制高度 */
    width: auto;
    margin-bottom: 25px;

    filter: none;
    opacity: 1;
}

.footer-logo img:hover {
    opacity: 1;
}

/* 联系方式列表 */
.footer-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-info-list li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    color: #888;
    line-height: 1.6;
}

.footer-info-icon {
    color: #666;
    /* 图标深灰 */
    margin-right: 12px;
    font-size: 16px;
    margin-top: 4px;
    width: 16px;
    text-align: center;
}

/* --- 2. 导航列样式 --- */
.footer-title {
    color: #fff;
    /* 标题白色 */
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;

    display: inline-block;
}

/* 标题下的小短线 */
.footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    /* 品牌色 */
}

.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav-list li {
    margin-bottom: 12px;
}

.footer-nav-list a {
    color: #777;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
}

.footer-nav-list a:hover {
    color: var(--primary-color);
    /* 悬停变白 */
    transform: translateX(5px);
    /* 右移特效 */
    padding-left: 0;
    /* 重置可能存在的内边距 */
}

/* --- 3. 二维码区域 --- */
.footer-qrcode-box {
    text-align: left;
    /* 默认左对齐 */
}

.footer-qrcode-img {
    background-color: #fff;
    padding: 8px;
    border-radius: 2px;
    width: 110px;
    height: 110px;
    margin-bottom: 12px;
}

.footer-qrcode-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-qrcode-text {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 1.5;
}

/* --- 4. 底部版权条 --- */
.footer-bottom {
    background-color: #000;
    padding: 25px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    /* 微弱的分割线 */
    font-size: 12px;
    color: #555;
}

.footer-bottom a {
    color: #555;
    text-decoration: none;
    margin-left: 10px;
    transition: color 0.3s;
}

.footer-bottom a:hover {
    color: #999;
}

/* 移动端适配 */
@media (max-width: 991px) {
    .site-footer {
        text-align: center;
        /* 手机端居中 */
    }

    .footer-title::after {
        left: 50%;
        /* 标题短线居中 */
        transform: translateX(-50%);
    }

    .footer-info-list li {
        justify-content: center;
    }

    .footer-qrcode-box {
        display: inline-block;
        /* 二维码居中 */
        margin-top: 30px;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .text-md-right {
        margin-top: 10px;
    }
}

/* --------------------------------------------------------------------------
   [12] 响应式适配 (Mobile)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    body {
        padding-top: 80px;
    }

    .carousel-item {
        height: 400px;
    }

    .section-news,
    .section-profile,
    .section-shortcuts {
        padding: 60px 0;
    }
}

@media (max-width: 768px) {
    .carousel-item {
        height: 280px;
    }

    .carousel-caption h2 {
        font-size: 24px;
    }

    .stock-ticker-area {
        display: none;
    }

    .profile-main-card {
        margin-top: 0;
    }

    .profile-icons-grid {
        flex-wrap: wrap;
    }

    .p-icon-item {
        width: 50%;
    }

    .footer-title::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .site-footer {
        text-align: center;
    }
}

/* ==========================================================================
   [内页] 走进金谷 (About Us) - 高级定制版
   ========================================================================== */

/* --- 1. 内页 Banner (复用现有逻辑，稍作优化) --- */
.inner-banner {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #fff !important;
    background-size: cover !important;
}

/* 黑色遮罩，确保文字清晰 */
.inner-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: none !important;
    background: transparent !important;
    display: none !important;
}

.inner-banner-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.inner-banner-title {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 5px;
    margin-bottom: 10px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.inner-banner-subtitle {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 8px;
    text-transform: uppercase;
    color: #fff !important;
    /* 解释：同样的阴影保护逻辑，防止文字在浅色区域消失 */
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.9) !important;

}

/* --- 2. 子导航条 (悬浮吸顶风格) --- */
.sub-nav-bar {
    background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: sticky;
    /* [关键] 简单的吸顶效果 */
    top: 80px;
    /* 配合 header 的高度 */
    z-index: 900;
}

.sub-nav-list {
    display: flex;
    justify-content: center;
}

.sub-nav-item {
    padding: 20px 40px;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
}

.sub-nav-item:hover,
.sub-nav-item.active {
    color: var(--primary-color);
    text-decoration: none;
}

/* 选中时的金色底条 */
.sub-nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    /* 线条长度 */
    height: 3px;
    background-color: var(--primary-color);
}


/* --- 3. 集团介绍板块 (借鉴天安 - 大气图文版) --- */
.about-intro-section {
    padding: 40px 0 20px 0;
    background-color: #fff;
}

.intro-header-stack {
    margin-bottom: 35px;
}

.intro-header-top {
    margin-top: -20px;
    /* 进一步向上微调 */
    margin-bottom: 30px;
}

.intro-company-full {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 5px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.intro-title-line-gold {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color);
    margin-top: 10px;
}

/* 左侧图片/视频容器 */
.intro-visual-box {
    position: relative;
    height: 450px;
    /* 设定高度 */
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.intro-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}

.intro-visual-box:hover .intro-img {
    transform: scale(1.05);
}

/* 视频播放按钮装饰 (可选) */
.intro-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    padding-left: 5px;
    /* 视觉校正 */
}

.intro-play-btn:hover {
    background: var(--primary-color);
    color: #fff;
    transform: translate(-50%, -50%) scale(1.1);
}

/* 右侧文本区域 */
.intro-text-box {
    padding-left: 40px;
    /* 与左侧图片的间距 */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.intro-header {
    margin-bottom: 50px;
    position: relative;
}

.intro-en-title {
    font-size: 14px;
    font-weight: 700;
    color: #ccc;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.intro-cn-title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    /* 假设原有效果是深色 */
    margin-bottom: 0;
}

.intro-company-wrap {
    margin-top: 15px;
    /* 这里控制与“集团介绍”的距离 */
}

.intro-company-name {
    font-size: 28px;
    /* 比36px稍小 */
    color: var(--primary-color);
    /* 金色 */
    font-weight: 600;
    line-height: 1.2;
}

.intro-company-line {
    width: 80px;
    height: 3px;
    background-color: var(--primary-color);
    margin-top: 10px;
}

.intro-cn-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /* 居中定位 */
    width: 60px;
    height: 4px;
    background-color: var(--primary-color);
}

.intro-content-body {
    font-size: 16px;
    line-height: 2.2;
    /* 宽松的行高 */
    color: #555;
    text-align: justify;
    /* 两端对齐 */
    margin-bottom: 60px;
}

.intro-content-body p {
    margin-bottom: 25px;
    text-indent: 2em;
    /* 首行缩进2字符，更符合中文阅读习惯 */
}

.intro-main-title-box {
    border-left: 6px solid var(--primary-color);
    /* 金色竖线加粗一点点 */
    padding-left: 20px;
}

.intro-en-title-v2 {
    font-size: 14px;
    color: #333;
    /* 英文用金色，起到点睛作用 */
    letter-spacing: 3px;
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.intro-cn-title-v1 {
    font-size: 38px;
    font-weight: 700;
    color: #4a4a4a;
    /* 改为深色，打破全是金色的沉闷 */
    margin: 0;
    line-height: 1.2;
}

.intro-company-auto-box {
    display: inline-block;
    /* 关键：使宽度等于文字长度 */
    margin-bottom: 15px;
}

.intro-company-name-v2 {
    font-size: 28px;
    color: var(--primary-color);
    /* 保持金色 */
    font-weight: 600;
}

.intro-company-underline-equal {
    height: 1px;
    background-color: var(--primary-color);
    width: 100%;
    /* 自动填满父容器，即与文字等长 */
    margin-top: 10x;
}

.intro-left-flex-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-right: 30px;
}

.intro-description-text {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 30px;
    text-align: justify;
}

.intro-right-img-box {
    height: 100%;
    /* 设定最小高度防止内容过少时图片太小 */
}

.intro-right-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 自动填充，与左侧等高 */
    border-radius: 4px;
}

.btn-strategy-clean {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none !important;
    border-bottom: none !important;
    /* 彻底去掉横线 */
    padding: 0;
}

.btn-strategy-clean:hover {
    color: #1a2b48;
    /* 悬停颜色与主标题呼应 */
}

.intro-desc {
    font-size: 16px;
    color: #666;
    line-height: 2;
    margin-bottom: 40px;
    text-align: justify;
    /* 两端对齐更整齐 */
}

/* 核心数据条 (天安风格 - 重点突出) */
.intro-stats-row {
    display: flex;
    justify-content: center;
    border-top: 1px dashed #eee;
    border-bottom: 1px dashed #eee;
    padding: 40px 0;
}

.intro-stat-item {
    padding: 0 60px;
    /* 左右留宽 */
    text-align: center;
    border-right: 1px solid #eee;
}

.intro-stat-item:last-child {
    border-right: none;
}

.intro-stat-num {
    font-size: 42px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    font-family: Arial, sans-serif;
    margin-bottom: 10px;
}

.intro-stat-num small {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-left: 2px;
}

.intro-stat-label {
    font-size: 14px;
    color: #999;
}

/* 移动端适配 */
@media (max-width: 768px) {

    /* 1. 标题字号调小，防止换行太难看 */
    .intro-cn-title {
        font-size: 28px;
    }

    /* 2. 数据条改为竖排或多行显示 */
    .intro-stats-row {
        flex-wrap: wrap;
        /* 允许换行 */
        padding: 20px 0;
    }

    /* 3. 数据项调整：去掉右边框，宽度改为100%或50% */
    .intro-stat-item {
        width: 100%;
        /* 手机上一行显示一个，清晰大气 */
        border-right: none;
        /* 去掉分割线 */
        margin-bottom: 30px;
        /* 增加垂直间距 */
        padding: 0;
    }

    /* 最后一个项去掉底部间距 */
    .intro-stat-item:last-child {
        margin-bottom: 0;
    }

    /* 4. 数字稍微调小 */
    .intro-stat-num {
        font-size: 32px;
    }
}

.intro-header-simple {
    margin-bottom: 30px;
    border-left: 4px solid var(--primary-color);
    /* 左侧金线装饰 */
    padding-left: 20px;
}

.intro-header-simple .intro-cn-title {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    padding: 0;
}

.intro-header-simple .intro-cn-title::after {
    display: none;
    /* 去掉之前的居中下划线 */
}

.intro-content-simple {
    font-size: 16px;
    line-height: 2;
    color: #666;
    margin-bottom: 30px;
    text-align: justify;
}

.intro-content-simple p {
    margin-bottom: 15px;
}

.intro-img-right {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.intro-img-right img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s;
}

.intro-img-right:hover img {
    transform: scale(1.03);
    /* 悬停微放大 */
}

.btn-intro-more {
    display: inline-block;
    padding: 8px 25px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 30px;
    font-size: 14px;
    transition: all 0.3s;
}

.btn-intro-more:hover {
    background-color: var(--primary-color);
    color: #fff;
    text-decoration: none;
}

.intro-stats-4-col {
    border-top: 1px solid #eee;
    padding-top: 40px;
    margin-top: 50px;
}

.stat-item-box {
    text-align: center;
    border-right: 1px solid #eee;
    padding: 10px 0;
    /* 压缩内边距 */
}

/* 每行第4个（最后一个）去掉右边框 */
.stat-item-box:last-child {
    border-right: none;
}

/* 手机端第2个也去掉右边框（因为一行显示2个） */
@media (max-width: 768px) {
    .stat-item-box:nth-child(2n) {
        border-right: none;
    }
}

.stat-num {
    font-size: 36px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1.1;
    margin-bottom: 2px;
    font-family: var(--font-num);
}

.stat-num small {
    font-size: 14px;
    color: #888;
    margin-left: 3px;
    font-weight: 400;
}

.stat-label {
    font-size: 13px;
    color: #888;
    font-weight: 500;
    letter-spacing: 1px;
}

.stat-icon {
    font-size: 30px;
    /* 图标大小 */
    color: var(--primary-color);
    /* 品牌金色 */
    margin-bottom: 15px;
    /* [关键] 缩小与下方数字的间距 */
    display: block;
}

/* --- 发展战略全重构 (钛金灰定制版) --- */

/* 1. 区域基础 */
.about-strategy-section {
    padding: 40px 0 80px;
    background-color: #fcfcfc;
}

/* 2. 统一标题：钛金灰 #4a4a4a */
.strat-main-title-box {
    border-left: 6px solid var(--primary-color);
    padding-left: 20px;
}

.strat-cn-title {
    font-size: 38px;
    font-weight: 700;
    color: #4a4a4a;
    /* 指定钛金灰 */
    margin: 0;
}

.strat-en-title {
    font-size: 14px;
    color: #4a4a4a;
    /* 指定钛金灰 */
    letter-spacing: 3px;
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

/* 3. 小标题装饰 */
.strat-sub-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.gold-dot {
    width: 25px;
    height: 4px;
    background: var(--primary-color);
    margin-right: 15px;
}

.strat-sub-title {
    font-size: 24px;
    font-weight: 700;
    color: #4a4a4a;
}

/* 4. 四柱卡片样式 (宗旨、使命、愿景、价值观) */
.strat-card-v3 {
    background: #fff;
    padding: 35px 20px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    text-align: left;
    height: 100%;
    transition: all 0.3s;
    position: relative;
}

.strat-card-v3:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
    border-color: var(--primary-color);
    transform: translateY(-5px);
}

.strat-card-icon {
    font-size: 32px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.strat-card-name {
    font-size: 20px;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 12px;
}

.strat-card-info {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    margin: 0;
}

/* 5. 战略双擎大盒 (目标、定位) */
.strat-box-v2 {
    height: 320px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.strat-v2-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    /* 默认淡白背景 */
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.4s;
}

.strat-box-v2:hover .strat-v2-inner {
    background: rgba(202, 138, 8, 0.9);
    /* 悬停变为品牌金 */
}

.strat-v2-inner i {
    font-size: 42px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.strat-v2-inner h4 {
    font-size: 24px;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 15px;
}

.strat-v2-inner p {
    font-size: 16px;
    color: #666;
    margin: 0;
    transition: all 0.3s;
}

.strat-box-v2:hover .strat-v2-inner i,
.strat-box-v2:hover .strat-v2-inner h4,
.strat-box-v2:hover .strat-v2-inner p {
    color: #fff;
    /* 悬停文字图标全部变白 */
}

.gold-marker-advanced {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.marker-dot {
    width: 6px;
    height: 6px;
    background-color: var(--primary-color);
    display: inline-block;
}

.marker-line {
    width: 40px;
    height: 1px;
    background-color: var(--primary-color);
    display: inline-block;
    margin-left: 4px;
}

.strat-align-container {
    display: flex;
    align-items: stretch;
    /* 强制左右等高对齐 */
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
}

.strat-text-card-premium {
    padding: 60px 50px;
    height: 100%;
    display: flex;
    align-items: center;
    border-left: 3px solid var(--primary-color);
    /* 侧边金线装饰 */
}

.card-title-grey {
    font-size: 22px;
    font-weight: 700;
    color: #4a4a4a;
    /* 祖总指定的钛金灰颜色 */
    margin: 15px 0;
}

.strat-image-wrap-flush img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 自动裁剪填充，确保不缩放变形 */
}

.strat-sub-header-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    /* 线条与文字的间距 */
}

.marker-line-side {
    width: 60px;
    height: 1px;
    background-color: var(--primary-color);
    display: inline-block;
}

.strat-align-container-v4 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /* 确保文字格和图片格高度绝对一致 */
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}

.strat-text-card-mini {
    padding: 45px 25px;
    height: 100%;
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.strat-image-placeholder-box {
    width: 100%;
    height: 100%;
    min-height: 280px;
    /* 确保移动端也有高度 */
    overflow: hidden;
    position: relative;
}

.strat-placeholder-bg {
    background-color: #f2f2f2;
    /* 浅灰色背景占位 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.strat-placeholder-bg::after {
    content: "IMAGE PLACEHOLDER";
    font-size: 12px;
    color: #bbb;
    letter-spacing: 1px;
}

.card-bottom-bar-center {
    width: 30px;
    height: 2px;
    background-color: var(--primary-color);
    margin-top: 10px;
}

.strat-sub-header-left {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.strat-card-v3-hover {
    padding: 35px 20px;
    background: #fff;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: left;
}

.strat-card-v3-hover:hover {
    background-color: var(--primary-color);
    transform: translateY(-5px);
}

.strat-card-v3-hover:hover * {
    color: #fff !important;
}

.strat-text-card-mini-hover {
    padding: 60px 35px;
    /* 增加上下内边距 */
    height: 400px;
    /* 与图片高度严格一致 */
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* 全部左对齐 */
    transition: all 0.4s ease;
}

.strat-text-card-mini-hover:hover {
    background-color: var(--primary-color);
    /* 鼠标指向变为金色 */
}

.strat-text-card-mini-hover:hover i,
.strat-text-card-mini-hover:hover h4,
.strat-text-card-mini-hover:hover p {
    color: #fff !important;
}

.strat-full-description {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.strat-full-description p {
    font-size: 16px;
    line-height: 2;
    color: #666;
    margin-bottom: 15px;
    text-align: justify;
}

.strat-image-hover-box {
    width: 100%;
    height: 220px;
    /* 降低高度，解决“太高了”的问题 */
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.strat-image-hover-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    /* 图片放大过渡 */
}

/* 鼠标指向效果：图片放大 */
.strat-image-hover-box:hover img {
    transform: scale(1.1);
}

.strat-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(202, 138, 8, 0.4);
    /* 品牌金色透明遮罩 */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.strat-img-overlay i {
    color: #fff;
    font-size: 24px;
}

.strat-image-hover-box:hover .strat-img-overlay {
    opacity: 1;
    /* 鼠标指向时显示遮罩 */
}

.strat-description-premium p {
    font-size: 18px;
    /* 文字放大 */
    line-height: 2.2;
    /* 增大行高更易阅读 */
    color: #444;
    font-weight: 400;
}

.desc-quote-icon {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 40px;
    color: rgba(202, 138, 8, 0.1);
    /* 背景大双引号 */
}

.desc-text-content p {
    font-size: 16px;
    line-height: 2;
    color: #555;
    margin-bottom: 15px;
    text-align: justify;
}

.strat-image-tall-box {
    width: 100%;
    height: 400px;
    /* 提升高度，达到纵向长方形效果 */
    overflow: hidden;
    position: relative;
}

.strat-image-tall-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.strat-image-tall-box:hover img {
    transform: scale(1.1);
}

.card-title-row {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    /* 与下方文字拉开间距 */
}

.card-icon-large {
    font-size: 42px;
    /* 图标放大 */
    color: var(--primary-color);
    margin-right: 15px;
}

.title-text-group {
    display: flex;
    flex-direction: column;
}

.card-title-underline {
    height: 2px;
    background-color: var(--primary-color);
    width: 100%;
    /* 自动填满标题容器宽度，实现等长 */
    margin-top: 5px;
}

.card-desc-premium {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-top: 20px;
    /* 再次确保与标题有足够间距 */
}

.strat-text-card-short-hover {
    padding: 50px 30px;
    height: 320px;
    /* 卡片设定为固定高度 */
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: all 0.4s;
    border: 1px solid #f2f2f2;
}

.strat-image-tall-wrap {
    height: 370px;
    /* 比卡片高出 50px */
    width: 100%;
    overflow: hidden;
    position: relative;
    /* 配合容器底对齐，若需图片底边比卡片底边略高 10-20px，开启下方 margin */
    margin-bottom: 15px;
}

.strat-image-tall-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.strat-image-tall-wrap:hover img {
    transform: scale(1.1);
}

.card-header-flex {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    /* [修改此处] 调小标题与下方文字的间距 */
}

.card-icon-left {
    font-size: 38px;
    /* 放大图标 */
    color: var(--primary-color);
    margin-right: 15px;
}

.title-underline-group {
    display: inline-block;
}

.gold-line-equal {
    height: 2px;
    background-color: var(--primary-color);
    width: 100%;
    /* 与标题文字等长 */
    margin-top: 4px;
}

.strat-motto-frame-box {
    margin-top: 50px;
    padding: 40px;
    border: 1px solid #ddd;
    position: relative;
    background: #fff;
}

/* 金色护角装饰 */
.corner-deco {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid var(--primary-color);
}

.top-left {
    top: -1px;
    left: -1px;
    border-right: none;
    border-bottom: none;
}

.bottom-right {
    bottom: -1px;
    right: -1px;
    border-left: none;
    border-top: none;
}

.motto-content-inner {
    border-left: 6px solid var(--primary-color);
    padding-left: 30px;
}

.motto-main-text {
    font-size: 18px;
    /* 再次放大 */
    font-weight: 700;
    color: #4a4a4a;
    line-height: 1.8;
    margin-bottom: 20px;
}

.motto-sub-text {
    font-size: 18px;
    color: #666;
    line-height: 2;
}

.card-desc-premium.font-lg {
    font-size: 20px;
    /* 放大字号 */
    font-weight: 500;
    line-height: 1.6;
    color: #555;
    margin-top: 25px;
    /* 与标题拉开间距 */
}

.strat-equal-height-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}

.strat-interactive-card,
.strat-interactive-img {
    height: 300px;
    /* [修改此处] 调小数值可以让这一行变窄 */
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    position: relative;
}

.strat-interactive-card {
    height: 300px;
    padding: 40px 30px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #f2f2f2;
    transition: all 0.4s ease-in-out;
}

/* 交互：鼠标指向变金色 */
.strat-interactive-card:hover {
    background-color: var(--primary-color);
}

.strat-interactive-card:hover * {
    color: #fff !important;
    /* 内部所有文字图标变白 */
}

.card-desc-premium-lg {
    font-size: 20px;
    /* 略微下调一点，防止在短卡片里太挤 */
    font-weight: 500;
    line-height: 1.4;
    color: #555;
    margin-top: 10px;
}

.strat-interactive-img {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.strat-interactive-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.strat-interactive-img:hover img {
    transform: scale(1.15);
    /* 图片微放大 */
}

.img-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0) !important;
    /* 默认微暗 */
    transition: background 0.4s;
}

.strat-interactive-img:hover .img-hover-overlay {
    background: rgba(202, 138, 8, 0.3);
    /* 悬停变品牌金遮罩 */
}

.about-history-section {
    padding: 40px 0 60px;
    /* 压缩上下间距 */
    background-color: #fff;
    background-image: radial-gradient(#eee 1px, transparent 1px);
    background-size: 35px 35px;
    overflow: hidden;
}

.history-main-title-box {
    border-left: 6px solid var(--primary-color);
    padding-left: 20px;
}

.history-cn-title {
    font-size: 38px;
    font-weight: 700;
    color: #4a4a4a;
    /* 钛金灰 */
    margin: 0;
}

.history-en-title {
    font-size: 14px;
    color: #4a4a4a;
    /* 钛金灰 */
    letter-spacing: 3px;
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.history-timeline-container {
    position: relative;
    padding: 60px 0;
}

/* 中间金色竖线（模拟S型） */
.timeline-svg-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #eee, var(--primary-color), #eee);
    transform: translateX(-50%);
}

.history-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
    width: 100%;
    position: relative;
}

.history-content {
    width: 45%;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 8px;
    transition: all 0.3s;
}

.history-item:hover .history-content {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.item-left {
    flex-direction: row;
}

.item-right {
    flex-direction: row-reverse;
}

.history-year {
    font-size: 32px;
    font-weight: 800;
    color: #4a4a4a;
    /* 钛金灰 */
    font-family: var(--font-num);
    margin-bottom: 10px;
}

.history-node-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}

.history-node-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.history-dot {
    width: 16px;
    height: 16px;
    background: var(--primary-color);
    border: 4px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    box-shadow: 0 0 0 4px rgba(202, 138, 8, 0.1);
}

.history-goal-2025-card {
    background: var(--primary-color);
    color: #fff;
    padding: 60px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 20px 40px rgba(202, 138, 8, 0.2);
}

.goal-tag {
    font-size: 14px;
    letter-spacing: 4px;
    opacity: 0.8;
    margin-bottom: 15px;
}

.history-goal-2025-card h3 {
    font-size: 56px;
    font-weight: 800;
}

.history-goal-2025-card h3 small {
    font-size: 24px;
    display: block;
    font-weight: 400;
}


.history-timeline-wrapper {
    position: relative;
    max-width: 1000px;
    /* 进一步收窄，使左右文字卡片更紧凑 */
    margin: 60px auto;
    padding: 20px 0;
}

/* 中心竖线，宽度限制在容器中央 */
.timeline-center-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #eee 0%, var(--primary-color) 20%, var(--primary-color) 80%, #eee 100%);
    transform: translateX(-50%);
}

.history-node {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    /* 间距缩小一点，更紧凑 */
    position: relative;
}

/* 卡片容器 */
.node-content {
    width: 45%;
    /* 卡片宽度占容器 45% */
    padding: 35px;
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.history-node:hover .node-content {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transform: translateY(-5px);
    border-color: var(--primary-color);
}

.node-left {
    flex-direction: row;
    text-align: left;
}

.node-right {
    flex-direction: row-reverse;
    text-align: left;
}

/* 年份字体：钛金灰 #4a4a4a */
.node-year {
    font-size: 36px;
    font-weight: 800;
    color: #4a4a4a;
    font-family: var(--font-num);
    line-height: 1;
    margin-bottom: 15px;
}

.node-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}

.node-desc {
    font-size: 16px;
    /* 内容文字放大 */
    color: #777;
    line-height: 1.8;
    transition: all 0.4s ease;
}

.history-node:hover .node-desc {
    color: #555;
    /* 悬停时颜色加深，增强阅读聚焦 */
}

.node-dot {
    width: 12px;
    height: 12px;
    background: var(--primary-color);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 0 4px #fff, 0 0 0 8px rgba(202, 138, 8, 0.1);
    z-index: 5;
}

.history-2025-goal-box {
    background: var(--primary-color);
    color: #fff;
    padding: 60px 40px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 20px 40px rgba(202, 138, 8, 0.2);
}

.goal-label {
    font-size: 13px;
    letter-spacing: 5px;
    margin-bottom: 20px;
    opacity: 0.8;
}

.history-2025-goal-box h3 {
    font-size: 42px;
    font-weight: 700;
}

.history-2025-goal-box h3 small {
    font-size: 20px;
    display: block;
    margin-top: 10px;
    font-weight: 400;
}

.goal-main-title {
    font-size: 56px;
    font-weight: 800;
    margin-top: 15px;
}


.node-content-lift {
    width: 45%;
    padding: 45px;
    background: #fdfdfd;
    border: 1px solid #f0f0f0;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.history-node:hover .node-year-dynamic {
    color: var(--primary-color);
    /* 悬停变为金色 */
}


/* 整体唤醒效果 */
.history-node:hover .node-content-lift {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    border-color: var(--primary-color);
}

.node-year-dynamic {
    font-size: 52px;
    /* 显著放大年份 */
    font-weight: 800;
    color: #4a4a4a;
    /* 统一钛金灰 */
    font-family: var(--font-num);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 10px;
    display: inline-block;
}

.node-left:hover .node-year-dynamic {
    transform: translateX(-20px) scale(1.05);
}

.node-right:hover .node-year-dynamic {
    transform: translateX(20px) scale(1.05);
}



.history-goal-card-gold {
    background: var(--primary-color);
    color: #fff;
    padding: 60px;
    text-align: center;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(202, 138, 8, 0.2);
}

.history-goal-card-gold h3 {
    font-size: 48px;
    font-weight: 800;
    margin: 0;
}

.history-goal-card-gold h3 small {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0;
}


.node-title-box {
    position: relative;
    margin-bottom: 15px;
}

.node-title {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    transition: all 0.4s ease;
}

/* 标题联动交互 */
.history-node:hover .node-title {
    color: var(--primary-color);
    transform: translateX(10px);
    /* 标题向右平滑微移 */
}

.title-active-line {
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    margin-top: 5px;
    transition: width 0.4s ease 0.1s;
    /* 延迟0.1秒生长，增加节奏感 */
}

.history-node:hover .title-active-line {
    width: 40px;
    /* 悬停时生长出装饰线 */
}

/* 轴左侧节点：年份悬停向右移 25px */
.node-left:hover .node-year-dynamic {
    transform: translateX(25px);
    color: var(--primary-color);
}

/* 轴右侧节点：年份悬停向左移 25px */
.node-right:hover .node-year-dynamic {
    transform: translateX(-25px);
    color: var(--primary-color);
}

.node-title-box {
    position: relative;
    display: inline-block;
    /* 核心：限制金线宽度等于文字宽度 */
    margin-bottom: 20px;
}

.node-title {
    font-size: 26px;
    /* 关键字显著放大 */
    font-weight: 700;
    color: #333;
    transition: all 0.4s ease;
}

.history-node:hover .node-title {
    color: var(--primary-color);
}

.title-active-line {
    width: 0;
    height: 3px;
    background-color: var(--primary-color);
    margin-top: 8px;
    transition: width 0.4s ease;
}

.history-node:hover .title-active-line {
    width: 100%;
    /* 横线延伸至与关键字一样宽 */
}

.history-vertical-timeline {
    position: relative;
    padding: 20px 0;
    width: 100%;
}

.timeline-v-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #eee;
    transform: translateX(-50%);
}

.history-v-node {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
    /* 大幅压缩节点垂直间距，提升信息密度 */
    position: relative;
}

.v-node-content {
    width: 45%;
    padding: 22px 28px;
    background: #fdfdfd;
    border: 1px solid #f0f0f0;
    transition: border-color 0.3s ease;
    /* 仅保留边框过渡，移除所有 transform */
    position: relative;
    border-radius: 2px;
}

.v-node-left {
    justify-content: flex-start;
}

.v-node-right {
    justify-content: flex-end;
}

.v-node-left .v-title-line {
    float: left;
}

.v-node-right .v-title-line {
    float: right;
}

.history-v-node:hover .v-title-line {
    width: 100%;
    /* 指向时长满 */
}

/* 鼠标指向卡片效果 */
.history-v-node:hover .v-node-content {
    border-color: var(--primary-color);
    background: #fff;
    transform: none;
    /* 强制确保没有任何位移 */
    box-shadow: none;
    /* 移除阴影，保持平面稳重感 */
}

.v-year-box {
    font-family: var(--font-num);
    font-weight: 800;
    color: #4a4a4a;
    font-size: 26px;
    /* 锁定字号，禁止缩放 */
    transition: all 0.3s ease;
    margin-bottom: 8px;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 4px;
    background: transparent;
    line-height: 1.2;
}

/* 方案 5 效果：年份变金并产生浅金底色 */
.history-v-node:hover .v-year-box {
    color: var(--primary-color);
    background: rgba(202, 138, 8, 0.08);
    /* 仅唤醒底色，不产生任何位移 */
    transform: none;
    /* 强制确保没有任何位移 */
}

/* [核心修改] 左侧年份交互：向右偏移 */
.v-node-left .v-year-box {
    text-align: left;
}

/* 左侧年份向右位移 */
.v-node-left:hover .v-year-box {
    transform: none;
    /* 彻底去掉 12px 的位移 */
    color: var(--primary-color);
}

/* 右侧年份向左位移 */
.v-node-right .v-year-box {
    display: table;
    /* 关键：使胶囊背景宽度随文字内容自动收缩 */
    margin-left: auto;
    /* 关键：将收缩后的胶囊推向右侧对齐 */
    text-align: right;
}

.v-node-right:hover .v-year-box {
    transform: none;
    /* 彻底去掉 -12px 的位移 */
    color: var(--primary-color);
}

.v-title-group {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

.v-node-right .v-title-group {
    text-align: right;
}

/* 右侧标题对齐 */

.v-node-title {
    font-size: 18px;
    /* 锁定字号 */
    font-weight: 700;
    color: #333;
    transition: color 0.3s ease;
    margin: 0;
}

.history-v-node:hover .v-node-title {
    color: var(--primary-color);
    transform: none;
    /* 强制确保没有任何位移 */
}

.v-node-desc {
    font-size: 14px;
    color: #888;
    line-height: 1.6;
    margin: 0;
    text-align: justify;
    transition: none;
    /* 彻底移除过渡效果 */
}

.history-v-node:hover .v-node-desc {
    color: #888;
    /* 颜色不改变 */
    font-size: 14px;
    /* 字号不改变 */
    transform: none;
    /* 绝不位移 */
}


/* 动态金线 */
.v-title-line {
    width: 0;
    height: 2px;
    background: var(--primary-color);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 5px;
}

/* 标题微位移 */
.v-node-left:hover .v-node-title {
    transform: none;
    /* 彻底去掉 5px 的位移 */
    color: var(--primary-color);
}

.v-node-right:hover .v-node-title {
    transform: none;
    /* 彻底去掉 -5px 的位移 */
    color: var(--primary-color);
}

.v-node-left .v-title-line {
    float: left;
}

.v-node-right .v-title-line {
    float: right;
}

/* --- 2025 战略目标卡片增强版 --- */
.history-2025-gold-card {
    background: var(--primary-color);
    color: #fff;
    padding: 30px 40px;
    /* 压缩高度 */
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 10px 30px rgba(202, 138, 8, 0.15);
}

/* 悬停微动效 */
.history-2025-gold-card:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 60px rgba(202, 138, 8, 0.35);
}

.goal-tag {
    font-size: 13px;
    letter-spacing: 5px;
    margin-bottom: 25px;
    opacity: 0.85;
    font-weight: 300;
}

.history-2025-gold-card h3 {
    font-size: 38px;
    font-weight: 800;
    margin: 0;
}

.history-2025-gold-card h3 small {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin: 5px 0;
}

.goal-highlight {
    font-size: 46px;
    /* 协调的压轴字号 */
    font-weight: 900;
    margin-top: 10px;
    letter-spacing: 2px;
}



/* 背景大装饰图标 */
.goal-deco-icon {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 120px;
    opacity: 0.1;
    transform: rotate(-15deg);
}

/* =========================================
   [内页] 企业文化 (Corporate Culture)
   ========================================= */

.about-culture-section {
    padding: 40px 0;
    /* [调整杆] 调整板块上下间距 */
    background-color: #fff;
}

/* 1. 标题样式：钛金灰 + 金色竖线 */
.culture-main-title-box {
    border-left: 6px solid var(--primary-color);
    padding-left: 20px;
}

.culture-cn-title {
    font-size: 38px;
    font-weight: 700;
    color: #4a4a4a;
    /* 钛金灰 */
}

.culture-en-title {
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 5px;
}

/* 2. 核心理念区块 (大图文) */
.culture-core-box {
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
}

.culture-core-img {
    height: 450px;
    overflow: hidden;
}

.culture-core-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.culture-core-text {
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.culture-sub-header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.gold-vertical-bar {
    width: 4px;
    height: 24px;
    background: var(--primary-color);
    margin-right: 15px;
}

.culture-list-premium {
    list-style: none;
    padding: 0;
    margin: 0;
}

.culture-list-premium li {
    font-size: 16px;
    /* [调整杆] 核心理念正文字号 */
    color: #555;
    margin-bottom: 15px;
    line-height: 1.8;
}

.culture-list-premium .label {
    color: var(--primary-color);
    font-weight: 700;
}

/* 3. 经营理念网格 (四列卡片) */
.culture-grid-card {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #eee;
    text-align: center;
    transition: all 0.4s ease;
    height: 100%;
    position: relative;
}

.culture-grid-card:hover {
    transform: translateY(-10px);
    /* 悬停升起 [类似历史板块方案3] */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
    border-color: var(--primary-color);
}

.card-top-icon {
    font-size: 32px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.culture-grid-card h5 {
    font-size: 20px;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 15px;
}

.culture-grid-card p {
    font-size: 14px;
    color: #777;
    line-height: 1.8;
}

.card-hover-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--primary-color);
    transition: width 0.4s ease, left 0.4s ease;
}

.culture-grid-card:hover .card-hover-line {
    width: 100%;
    left: 0;
}

/* 4. 行为准则 (底部条) */
.culture-rule-strip {
    background: #f9f9f9;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    border-left: 4px solid #eee;
    transition: all 0.3s;
}

.culture-rule-strip:hover {
    border-left-color: var(--primary-color);
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.rule-icon {
    font-size: 24px;
    color: var(--primary-color);
    margin-right: 20px;
}

.rule-label {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.rule-text {
    font-size: 16px;
    color: #4a4a4a;
}

/* =========================================
   [内页] 产业/产品列表页 
   ========================================= */

/* 1. 顶部产业分类导航 */
.chanye-nav-item {
    padding: 10px 30px;
    margin: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
    text-decoration: none !important;
}

.chanye-nav-item:hover,
.chanye-nav-item.active {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* 2. 横向列表容器 */
.chanye_list_wrap ul {
    list-style: none;
    padding: 0;
}

.chanye-list-item {
    margin-bottom: 20px;
    /* 间距由 40 缩小至 20 */
    border: 1px solid #f0f0f0;
}

/* 零位移交互：仅变色，不产生缩放或位移 */
.chanye-list-item:hover {
    border-color: var(--primary-color);
}

.chanye-pic {
    height: 180px !important;
    /* 高度大幅压缩，确保一屏看到更多 */
}

.chanye-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chanye-content {
    padding: 20px 30px !important;
    /* 内边距减半 */
}

.chanye-title a {
    font-size: 20px !important;
    /* 标题字号适度下调 */
}

.chanye-list-item:hover .chanye-title a {
    color: var(--primary-color);
}

.title-gold-line {
    width: 40px;
    height: 3px;
    background: var(--primary-color);
    margin-top: 10px;
    margin-bottom: 20px;
}

.title-gold-line-mini {
    width: 30px;
    height: 2px;
    background: var(--primary-color);
    margin: 8px 0 12px;
}

.chanye-note {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    -webkit-line-clamp: 2;
    /* 限制描述为 2 行 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 详情按钮 (复刻西矿红改为金谷金) */
.btn-chanye-detail {
    display: inline-block;
    padding: 8px 35px;
    background-color: var(--primary-color);
    color: #fff !important;
    font-size: 14px;
    border-radius: 2px;
    transition: background 0.3s;
    text-decoration: none !important;
}

.btn-chanye-detail-sm {
    padding: 5px 20px !important;
    /* 按钮小型化 */
    background-color: var(--primary-color);
    color: #fff !important;
    font-size: 13px;
    border-radius: 2px;
}

.btn-chanye-detail:hover {
    background-color: var(--primary-dark);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .chanye-pic {
        height: 200px;
    }

    .chanye-content {
        padding: 20px;
    }

    .chanye-title a {
        font-size: 20px;
    }
}

/* =========================================
   [搜索模块] 品牌定制化适配
   ========================================= */

.chanye-search-wrap {
    padding: 20px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fbfbfb;
    /* 浅灰色底块，区分搜索区域 */
}

/* 输入框样式定制 */
.search-input-custom {
    width: 350px !important;
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 2px;
    /* 保持硬朗线条 */
    padding-left: 15px;
    font-size: 14px;
    transition: all 0.3s;
}

/* 输入框聚焦时变金边 */
.search-input-custom:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(202, 138, 8, 0.1);
    outline: none;
}

/* 搜索按钮定制 (替换原有的 btn-info) */
.btn-search-gold {
    height: 42px;
    padding: 0 30px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff !important;
    border-radius: 2px;
    font-weight: 500;
    transition: all 0.3s;
}

.btn-search-gold:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    box-shadow: 0 2px 8px rgba(202, 138, 8, 0.3);
}

/* 移动端搜索框自动缩放 */
@media (max-width: 768px) {
    .search-input-custom {
        width: 100% !important;
    }
}

/* =========================================
   [2] 页码系统重新设计 (风格复刻)
   ========================================= */
.pboot-page-box {
    text-align: center;
    margin: 50px 0;
}

.pboot-page-box a,
.pboot-page-box span {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 3px;
    border: 1px solid #eee;
    color: #4a4a4a;
    /* 钛金灰 */
    font-size: 14px;
    transition: all 0.3s;
    text-decoration: none !important;
    border-radius: 2px;
}

/* 隐藏首页、尾页等文字，改用简洁风格或保留但美化 */
.pboot-page-box a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

/* 当前页高亮：品牌金背景 */
.pboot-page-box .active,
.pboot-page-box span.active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

/* 针对截图中的上一页/下一页文字进行美化 */
.pboot-page-box a.pn {
    background-color: #f9f9f9;
}


/* 1. 产业列表页 Hero 区域 - 增加唯一前缀 jg- 以防冲突 */
/* 1. 顶部 Hero 区 */
.jg-tech-hero {
    height: 500px !important;
    /* 统一高度 500px */
    background-color: #4a4a4a;
    padding: 90px 0 130px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.jg-tech-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#ca8a08 0.8px, transparent 0.8px);
    background-size: 24px 24px;
    opacity: 0.15;
}

.jg-tech-hero-content {
    position: relative;
    z-index: 5;
}

.jg-tech-hero-tag {
    color: #ca8a08;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}

.jg-tech-hero-title {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 0;
}

/* 2. 核心板块导航 (新增) */
.jg-tech-subnav-wrap {
    margin-top: -30px;
    position: relative;
    z-index: 15;
}

.jg-tech-subnav {
    background: #fff;
    display: inline-flex;
    padding: 8px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #f0f0f0;
}

.jg-tech-subnav-item {
    padding: 10px 35px;
    font-size: 15px;
    font-weight: 700;
    color: #666;
    border-radius: 40px;
    transition: all 0.3s;
    text-decoration: none !important;
}

.jg-tech-subnav-item:hover {
    color: #ca8a08;
}

.jg-tech-subnav-item.active {
    background: #ca8a08;
    color: #fff;
    box-shadow: 0 5px 15px rgba(202, 138, 8, 0.3);
}

/* 3. 平台展示卡片 */
.jg-tech-platform-section {
    margin-top: 60px;
}

.jg-tech-platform-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.jg-tech-platform-icon {
    width: 110px;
    height: 110px;
    background: #4a4a4a;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    text-align: center;
    font-size: 18px;
    padding: 15px;
    line-height: 1.2;
    flex-shrink: 0;
}

.jg-tech-platform-info h3 {
    font-size: 24px;
    font-weight: 800;
    color: #333;
    margin-bottom: 12px;
}

.jg-tech-platform-info p {
    color: #888;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
}

/* 4. 成员企业矩阵 (还原预览效果) */
.jg-tech-member-section {
    padding: 80px 0;
}

.jg-tech-card {
    background: #fff;
    border-radius: 16px;
    padding: 35px;
    height: 100%;
    border: 1px solid #f2f2f2;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    display: flex;
    flex-direction: column;
}

.jg-tech-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
    border-color: #ca8a0820;
}

.jg-tech-card-icon {
    width: 54px;
    height: 54px;
    background: rgba(202, 138, 8, 0.05);
    color: #ca8a08;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 25px;
    transition: all 0.3s;
}

.jg-tech-card:hover .jg-tech-card-icon {
    background: #ca8a08;
    color: #fff;
}

.jg-tech-card-name {
    font-size: 21px;
    font-weight: 800;
    margin-bottom: 8px;
    color: #333;
}

.jg-tech-card-loc {
    font-size: 12px;
    color: #bbb;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.jg-tech-card-desc {
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    margin-bottom: 30px;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.jg-tech-card-btn {
    padding: 12px;
    background: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 10px;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s;
    text-decoration: none !important;
}

.jg-tech-card:hover .jg-tech-card-btn {
    background: #ca8a08;
    color: #fff;
    border-color: #ca8a08;
}

@media (max-width: 768px) {
    .jg-tech-platform-card {
        flex-direction: column;
        text-align: center;
        padding: 30px;
    }

    .jg-tech-subnav {
        display: flex;
        flex-wrap: wrap;
        border-radius: 20px;
    }

    .jg-tech-subnav-item {
        padding: 8px 15px;
        font-size: 13px;
    }

    .jg-tech-hero-title {
        font-size: 30px;
    }
}


/* 产品详情页css效果 */

/* 1. 面包屑与背景 */
.jg-det-breadcrumb {
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    font-size: 13px;
    color: #999;
}

.jg-det-breadcrumb a {
    color: #666;
}

.jg-det-breadcrumb span.current {
    color: var(--primary-color, #ca8a08);
    font-weight: 700;
}

/* 2. 侧边栏导航 */
.jg-det-aside {
    position: sticky;
    top: 110px;
    /* 适配主站 90px 顶栏 */
}

.jg-det-side-box {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.jg-det-side-header {
    background: #4a4a4a;
    color: #fff;
    padding: 15px 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jg-det-side-header i {
    color: var(--primary-color);
}

.jg-det-side-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jg-det-side-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #f9f9f9;
    font-size: 14px;
    color: #666;
    transition: 0.3s;
}

.jg-det-side-list li a:hover {
    background: #fdfdfd;
    color: var(--primary-color);
}

.jg-det-side-list li.active a {
    background: #f9f9f9;
    color: var(--primary-color);
    font-weight: 700;
    border-left: 4px solid var(--primary-color);
}

/* 3. 右侧主内容区域 */
.jg-det-main-title-box {
    margin-bottom: 40px;
}

.jg-det-main-title {
    font-size: 32px;
    font-weight: 900;
    color: #333;
    border-left: 6px solid var(--primary-color);
    padding-left: 20px;
    line-height: 1.2;
}

.jg-det-main-subtitle {
    font-size: 14px;
    color: #aaa;
    letter-spacing: 2px;
    margin-top: 10px;
    text-transform: uppercase;
    padding-left: 26px;
}

/* 企业头图 */
.jg-det-hero-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    background: #f0f0f0;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* 详情文本渲染区 */
.jg-det-content {
    font-size: 16px;
    line-height: 2;
    color: #555;
    text-align: justify;
}

.jg-det-content p {
    margin-bottom: 25px;
}

.jg-det-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 20px 0;
}

/* 4. 实力数据卡片 */
.jg-det-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 10px;
    /* <--- 调整这个数值，数值越小，间距越近 */
}



.jg-det-stat-card {
    padding: 30px;
    background: #fcfcfc;
    border: 1px solid #eee;
    position: relative;
}

.jg-det-stat-card.gold-top {
    border-top: 4px solid var(--primary-color);
}

.jg-det-stat-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jg-det-stat-card h4 i {
    color: var(--primary-color);
}

.jg-det-data-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.jg-det-data-row span:first-child {
    color: #999;
}

.jg-det-data-row span:last-child {
    font-weight: 700;
    color: #333;
}

.jg-det-honor-list {
    list-style: none;
    padding: 0;
    font-size: 13px;
    color: #777;
}

.jg-det-honor-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.jg-det-honor-list li::before {
    content: '●';
    color: var(--primary-color);
    font-size: 10px;
    margin-top: 2px;
}

/* 5. 底部图集 */
.jg-det-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.jg-det-gallery-item {
    aspect-ratio: 4/3;
    background: #f5f5f5;
    overflow: hidden;
}

.jg-det-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.jg-det-gallery-item:hover img {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .jg-det-stats-grid {
        grid-template-columns: 1fr;
    }

    .jg-det-hero-img {
        height: 250px;
    }

    .jg-det-main-title {
        font-size: 24px;
    }
}

/* 1. 新闻中心列表页面css效果 */

/* 1. 顶部 Hero 区 */
.jg-news-hero {
    background-color: #4a4a4a;
    padding: 80px 0 100px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.jg-news-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#ca8a08 0.8px, transparent 0.8px);
    background-size: 24px 24px;
    opacity: 0.15;
}

.jg-news-hero-content {
    position: relative;
    z-index: 5;
}

.jg-news-hero-tag {
    color: #ca8a08;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.jg-news-hero-title {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 0;
    letter-spacing: -1px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    /* 更自然的阴影，不生硬 */
}

/* 2. 分类导航 */
.jg-news-nav-wrap {
    margin-top: -30px;
    position: sticky;
    /* 改为 sticky */
    top: 90px;
    /* 距离顶部90px时固定 */
    z-index: 1020;
    /* 提高层级 */
    text-align: center;
    background: transparent;
    transition: all 0.3s ease;
    padding: 0;
}

/* 添加吸顶后的样式 */
.jg-news-nav-wrap.is-stuck {
    background: transparent !important;
    /* 彻底移除外层白条背景 */
    box-shadow: none !important;
    /* 移除外层阴影 */
    padding: 15px 0;
    margin-top: 0 !important;
}

/* 2. 内部胶囊盒子：这是实现“吸顶后依然是胶囊”的关键 */
.jg-news-nav-wrap.is-stuck .jg-news-nav-box {
    background: #ffffff !important;
    /* 只给胶囊本身上色 */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    /* 给胶囊增加立体阴影 */
    border: 1px solid #f0f0f0;
    /* 增加精细边框 */
    border-radius: 50px;
    /* 强制保持圆角胶囊状 */
    display: inline-flex;
    /* 确保它不会撑满全宽 */
}

/* 3. 优化文字在白色背景下的清晰度 */
.jg-news-nav-wrap.is-stuck .jg-news-nav-item {
    color: #444;
}

.jg-news-nav-box {
    background: #fff;
    display: inline-flex;
    padding: 8px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #f0f0f0;
    flex-wrap: wrap;
    justify-content: center;
}

.jg-news-nav-item {
    padding: 10px 35px;
    /* 增大内边距 */
    font-size: 15px;
    /* 增大字号 */
    font-weight: 700;
    color: #666;
    border-radius: 40px;
    transition: all 0.3s;
    text-decoration: none !important;
}

.jg-news-nav-item:hover {
    color: #ca8a08;
}

.jg-news-nav-item.active {
    background: #ca8a08;
    color: #fff;
    box-shadow: 0 5px 15px rgba(202, 138, 8, 0.3);
}

/* 3. 新闻卡片 (移除位移交互) */
.jg-news-grid-section {
    padding: 80px 0 100px;
}

.jg-news-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    height: 100%;
    transition: border-color 0.4s ease, box-shadow 0.4s ease;
    /* 仅保留颜色和阴影平滑 */
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.jg-news-card:hover {
    /* 卡片不位移，仅产生微弱阴影增强边缘感 */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
    border-color: #ca8a0830;
}

/* 图片内部微缩放 (保留) */
.jg-news-img-box {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
}

.jg-news-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.jg-news-card:hover .jg-news-img-box img {
    transform: scale(1.08);
    /* 稍微缩小放大倍数，更细腻 */
}

.jg-news-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ca8a08;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 2px;
    z-index: 10;
}

/* 内容区域标题变金 (保留) */
.jg-news-content {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.jg-news-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 12px;
    color: #bbb;
    margin-bottom: 15px;
}

.jg-news-meta i {
    color: #ca8a08;
}

.jg-news-title {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
    color: #333;
    margin-bottom: 15px;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.jg-news-card:hover .jg-news-title {
    color: #ca8a08;
}

.jg-news-desc {
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.jg-news-more-btn {
    margin-top: auto;
    font-size: 12px;
    font-weight: 900;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}

.jg-news-card:hover .jg-news-more-btn {
    color: #ca8a08;
}

/* 4. 翻页器优化版 (重点优化) */
.jg-page-wrapper {
    margin-top: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.jg-page-wrapper a,
.jg-page-wrapper span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    margin: 0 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

/* 鼠标滑过翻页码 */
.jg-page-wrapper a:hover {
    border-color: #ca8a08;
    color: #ca8a08;
    background: #ca8a0808;
}

/* 当前激活页码 */
.jg-page-wrapper .active,
.jg-page-wrapper span.active {
    background: #ca8a08 !important;
    border-color: #ca8a08 !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(202, 138, 8, 0.25);
}

/* 禁用状态 */
.jg-page-wrapper .disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f9f9f9;
}

@media (max-width: 768px) {
    .jg-news-hero-title {
        font-size: 28px;
    }

    .jg-page-wrapper a,
    .jg-page-wrapper span {
        min-width: 36px;
        height: 36px;
        font-size: 12px;
        margin: 0 2px;
    }
}

/* 新闻页css效果 */
/* 1. 沉浸式通栏区域 */
.jg-news-det-hero {
    background-color: #4a4a4a;
    padding: 90px 0 110px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.jg-news-det-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#ca8a08 0.8px, transparent 0.8px);
    background-size: 26px 26px;
    opacity: 0.12;
}

.jg-news-det-hero-content {
    position: relative;
    z-index: 5;
}

.jg-news-det-tag {
    color: #ca8a08;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.jg-news-det-title {
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 30px;
    line-height: 1.3;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* 发布元数据 */
.jg-news-det-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    font-size: 13px;
    color: #aaa;
    font-weight: 600;
}

.jg-news-det-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.jg-news-det-meta i {
    color: #ca8a08;
}

/* 2. 辅助导航条 (面包屑 + 工具) */
.jg-news-det-toolbar {
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.jg-det-breadcrumb {
    font-size: 13px;
    color: #999;
}

.jg-det-breadcrumb a {
    color: #666;
    transition: 0.3s;
}

.jg-det-breadcrumb a:hover {
    color: #ca8a08;
}

.jg-det-breadcrumb .current {
    color: #ca8a08;
    font-weight: 700;
}

.jg-det-tools {
    text-align: right;
}

.jg-det-tools a {
    color: #999;
    font-size: 14px;
    margin-left: 20px;
    text-decoration: none !important;
    transition: 0.3s;
}

.jg-det-tools a:hover {
    color: #ca8a08;
}

/* 3. 文章主体内容区 */
.jg-news-det-main {
    padding: 40px 0 120px;
}

.jg-news-article-wrap {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
}

/* 内容排版引擎 */
.jg-news-content-body {
    font-size: 17px;
    line-height: 2.2;
    color: #444;
    text-align: justify;
}

.jg-news-content-body p {
    margin-bottom: 30px;
}

.jg-news-content-body img {
    max-width: 100%;
    height: auto !important;
    border-radius: 8px;
    margin: 20px 0 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* 引用块样式 */
.jg-news-content-body blockquote {
    border-left: 5px solid #ca8a08;
    padding: 20px 30px;
    background: #fcfcfc;
    font-style: italic;
    color: #666;
    margin: 40px 0;
}

/* 4. 底部阅读导向 (上下页卡片) */
.jg-news-det-footer {
    margin-top: 100px;
    padding-top: 50px;
    border-top: 1px solid #f0f0f0;
}

.jg-news-nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.jg-news-nav-card {
    background: #fcfcfc;
    padding: 30px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    transition: all 0.4s ease;
    text-decoration: none !important;
    display: block;
}

.jg-news-nav-card:hover {
    background: #fff;
    border-color: #ca8a0840;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.jg-news-nav-card .nav-label {
    font-size: 11px;
    font-weight: 800;
    color: #bbb;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.jg-news-nav-card:hover .nav-label {
    color: #ca8a08;
}

.jg-news-nav-card .nav-title {
    font-size: 16px;
    font-weight: 700;
    color: #4a4a4a;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 方案 A 专用：精致摘要样式 */
.jg-news-excerpt {
    font-size: 20px;
    /* 字号略大，突出重点 */
    font-weight: 500;
    color: #333;
    line-height: 1.8;
    border-left: 5px solid #ca8a08;
    /* 方案A的核心：左侧金色粗线条 */
    padding: 20px 0 20px 30px;
    /* 留出左侧和内部间距 */
    margin-bottom: 45px;
    /* 与正文拉开距离 */
    background: #f9f9f9;
    /* 极淡的底色，增加呼吸感 */
    font-style: italic;
    /* 稍微倾斜，体现社论质感 */
    text-align: justify;
}

/* 适配移动端 */
@media (max-width: 768px) {
    .jg-news-excerpt {
        font-size: 17px;
        padding-left: 20px;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .jg-news-det-hero {
        padding: 60px 0 80px;
    }

    .jg-news-det-title {
        font-size: 26px;
    }

    .jg-news-det-meta {
        flex-direction: column;
        gap: 10px;
    }

    .jg-news-nav-grid {
        grid-template-columns: 1fr;
    }

    .jg-det-tools {
        display: none;
    }
}

/* 人才战略列表页面css效果 */

/* 1. 顶部 Hero 区域 */
.jg-talent-hero {
    background-color: #4a4a4a;
    padding: 80px 0 100px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    height: 500px !important;
    /* 统一高度 500px */
}

.jg-talent-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#ca8a08 0.8px, transparent 0.8px);
    background-size: 26px 26px;
    opacity: 0.15;
}

.jg-talent-hero-content {
    position: relative;
    z-index: 5;
}

.jg-talent-hero-tag {
    color: #ca8a08;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}

.jg-talent-hero-title {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 0;
}

/* 2. 页面内栏目切换导航 (胶囊式) */


.jg-talent-nav-box {
    background: #fff;
    display: inline-flex;
    padding: 8px;
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.jg-talent-nav-item {
    padding: 10px 35px;
    font-size: 15px;
    font-weight: 700;
    color: #666;
    border-radius: 40px;
    transition: all 0.3s;
    text-decoration: none !important;
}

.jg-talent-nav-item:hover {
    color: #ca8a08;
}

.jg-talent-nav-item.active {
    background: #ca8a08;
    color: #fff;
    box-shadow: 0 5px 15px rgba(202, 138, 8, 0.3);
}

/* 3. 招聘品牌概况条 (填充搜索框留下的空白) */
/* 招聘看板整体容器 */
.jg-talent-brand-bar {
    background-color: #f8f9fa;
    /* 极淡的灰，与背景区分 */
    padding: 50px 40px;
    border-radius: 4px;
    border: 1px solid #eee;
    margin: 50px 0;
    position: relative;
}

/* 左侧文案设计 */
.brand-slogan-box .slogan-tag {
    font-size: 11px;
    font-weight: 800;
    color: var(--primary-color);
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.brand-slogan-box h3 {
    font-size: 28px;
    font-weight: 900;
    color: #333;
    line-height: 1.3;
    margin: 0;
}

.brand-slogan-box .slogan-line {
    width: 45%;
    height: 3px;
    background: var(--primary-color);
    margin-top: 15px;
}

/* 中间指标网格 (核心修改点) */
.talent-stats-grid {
    display: flex;
    justify-content: space-around;
    border-left: 1px solid #ddd;
    padding-left: 30px;
}

.stat-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.stat-box i {
    font-size: 32px;
    color: #4a4a4a;
    /* 钛金灰图标 */
    opacity: 0.8;
}

.stat-box .info {
    display: flex;
    flex-direction: column;
}

.stat-box .num {
    font-size: 24px;
    font-weight: 900;
    color: var(--primary-color);
    line-height: 1;
}

.stat-box .txt {
    font-size: 12px;
    color: #999;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase;
}

/* 右侧按钮美化 */
.jg-btn-filter-v2 {
    background: #4a4a4a;
    color: #fff;
    border: none;
    padding: 12px 25px;
    font-weight: 700;
    font-size: 13px;
    border-radius: 2px;
    transition: all 0.3s;
    cursor: pointer;
}

.jg-btn-filter-v2:hover {
    background: var(--primary-color);
    box-shadow: 0 5px 15px rgba(202, 138, 8, 0.3);
}

/* 响应式微调 */
@media (max-width: 991px) {
    .talent-stats-grid {
        border: none;
        padding: 30px 0;
        justify-content: flex-start;
        gap: 40px;
    }
}

/* 4. 专业职位列表项 (水平流) */
.jg-job-item {
    background: #fff;
    border: 1px solid #eee;
    padding: 30px 40px;
    margin-bottom: 20px;
    transition: all 0.4s;
    display: flex;
    align-items: center;
    border-radius: 2px;
}

.jg-job-item:hover {
    border-color: #ca8a08;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
}

.jg-job-main {
    flex: 1;
}

.jg-job-title {
    font-size: 22px;
    font-weight: 800;
    color: #333;
    margin-bottom: 10px;
    transition: 0.3s;
    display: inline-block;
}

.jg-job-item:hover .jg-job-title {
    color: #ca8a08;
}

/* 日期在右侧薪资下的样式 */
.jg-job-date-v2 {
    display: block;
    /* 换行显示 */
    font-size: 11px;
    /* 调小字体，符合预览稿精致感 */
    color: #ccc;
    /* 使用亮灰色，不抢薪资焦点 */
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 5px;
    /* 与上方薪资拉开间距 */
    letter-spacing: 1px;
}

/* 按钮样式：显示文字，指向后仅变色 */
.jg-btn-detail-text {
    background: #4a4a4a;
    /* 默认钛金灰 */
    color: #fff !important;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 700;
    transition: background 0.3s ease;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 2px;
}

/* 指向后仅产生变色效果，无旋转，无位移 */
.jg-job-item:hover .jg-btn-detail-text {
    background: var(--primary-color);
}

.jg-job-dept-tag {
    background: #f5f5f5;
    color: #888;
    font-size: 10px;
    padding: 2px 10px;
    font-weight: 700;
    margin-left: 15px;
    vertical-align: middle;
}

.jg-job-metas {
    display: flex;
    gap: 30px;
    color: #aaa;
    font-size: 13px;
    font-weight: 600;
}

.jg-job-metas span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.jg-job-metas i {
    color: #ca8a08;
}

.jg-job-right {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-left: 40px;
}

.jg-job-salary {
    font-size: 26px;
    font-weight: 900;
    color: #ca8a08;
    text-align: right;
    min-width: 120px;
}

.jg-job-salary small {
    font-size: 12px;
    font-weight: 600;
    margin-left: 4px;
}

.jg-btn-more {
    background: #4a4a4a;
    color: #fff;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    text-decoration: none !important;
}

/* 确保之前的旋转动画被彻底禁用 */
.jg-job-item:hover .jg-btn-more,
.jg-job-item:hover .jg-btn-detail-text {
    transform: none !important;
}

/* 5. 分页美化 */
.jg-pagination {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.jg-pagination a,
.jg-pagination span {
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    transition: 0.3s;
}

.jg-pagination a:hover {
    border-color: #ca8a08;
    color: #ca8a08;
    background: #ca8a0808;
}

.jg-pagination .active {
    background: #ca8a08 !important;
    border-color: #ca8a08 !important;
    color: #fff !important;
}

.jg-job-date-new {
    color: #999;
    /* 改为中灰色，比之前的亮灰色更容易阅读 */
    font-size: 13px;
    /* 与其他标签保持一致 */
    font-weight: 500;
}

.jg-job-date-new i {
    color: var(--primary-color);
    /* 图标使用品牌金 */
}



@media (max-width: 991px) {
    .jg-job-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
    }

    .jg-job-right {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
        justify-content: space-between;
        border-top: 1px solid #f5f5f5;
        padding-top: 20px;
    }

    .brand-stats {
        display: none;
    }

    .jg-talent-hero-title {
        font-size: 28px;
    }
}


/* 1. 人才招聘详情页css效果 */
/* 1. 顶部 Hero 与面包屑 */
.jg-talent-det-header {
    background-color: #4a4a4a;
    padding: 50px 0 70px;
    color: #fff;
    position: relative;
}

.jg-talent-breadcrumb {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
}

.jg-talent-breadcrumb a {
    color: rgba(255, 255, 255, 0.7);
}

.jg-talent-breadcrumb a:hover {
    color: #ca8a08;
}

/* 2. 页面内栏目切换导航 (胶囊式 - 与列表页保持一致) */





.jg-talent-nav-item {
    padding: 10px 35px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    border-radius: 40px;
    transition: all 0.3s;
    text-decoration: none !important;
}

.jg-talent-nav-item:hover {
    color: #ca8a08;
}

.jg-talent-nav-item.active {
    background: #ca8a08;
    color: #fff;
    box-shadow: 0 5px 15px rgba(202, 138, 8, 0.3);
}

/* 3. 职位核心信息区 */
.job-title-box {
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}

.job-badge {
    background: #ca8a08;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 12px;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.job-main-name {
    font-size: 38px;
    font-weight: 900;
    color: #333;
    line-height: 1.2;
    margin-bottom: 25px;
}

.job-metas {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.job-meta-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #999;
    font-weight: 600;
}

.job-meta-item i {
    color: #ca8a08;
    font-size: 18px;
}

/* 4. 左侧文章内容 */
.job-sec-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    margin-top: 50px;
}

.job-sec-header .bar {
    width: 4px;
    height: 22px;
    background: #ca8a08;
}

.job-sec-header h3 {
    font-size: 20px;
    font-weight: 800;
    color: #333;
    margin: 0;
}

.job-content-render {
    font-size: 16px;
    line-height: 2.2;
    color: #555;
    text-align: justify;
}

.job-content-render p {
    margin-bottom: 20px;
}

.job-content-render ul {
    padding-left: 20px;
    margin-bottom: 30px;
    list-style: square;
}

.job-content-render li {
    margin-bottom: 10px;
}

/* 5. 右侧投递卡片 (Sticky) */
.jg-apply-card {
    background: #4a4a4a;
    color: #fff;
    padding: 40px;
    position: sticky;
    top: 110px;
    border-top: 8px solid #ca8a08;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.apply-salary {
    font-size: 32px;
    font-weight: 900;
    color: #ca8a08;
    line-height: 1;
}

.apply-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 8px;
    display: block;
    margin-bottom: 35px;
}

.btn-apply-now {
    width: 100%;
    padding: 16px;
    background: #ca8a08;
    color: #fff;
    border: none;
    font-weight: 800;
    font-size: 16px;
    transition: 0.3s;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none !important;
}

.btn-apply-now:hover {
    background: #a67106;
    color: #fff;
    transform: translateY(-3px);
}

.hr-contact-info {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    margin-top: 25px;
}

.hr-contact-item {
    font-size: 13px;
    color: #ccc;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.hr-contact-item i {
    color: #ca8a08;
    width: 16px;
    text-align: center;
}

.apply-qr-box {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    text-align: center;
}

.apply-qr-box img {
    width: 100px;
    height: 100px;
    border: 4px solid #555;
    margin-bottom: 10px;
}

.apply-qr-box p {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
}

/* 6. 上下篇翻页 */
.job-nav-footer {
    margin-top: 80px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #999;
}

.job-nav-footer a {
    color: #666;
    font-weight: 700;
}

.job-nav-footer a:hover {
    color: #ca8a08;
}

@media (max-width: 991px) {
    .jg-apply-card {
        margin-top: 50px;
        position: relative;
        top: 0;
        padding: 30px;
    }

    .job-main-name {
        font-size: 28px;
    }
}

/* 任职要求特殊列表效果：金色方块 */
.jg-requirements-box ul {
    list-style: none;
    padding-left: 0;
}

.jg-requirements-box li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    line-height: 1.8;
    color: #555;
}

/* 核心修改点：把默认圆点换成金色方块 */
.jg-requirements-box li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #ca8a08;
    border-radius: 1px;
    /* 微圆角方块 */
}

/* 人才理念人才培养列表页css效果 */
/* 复用并优化 Hero 区域 */
.jg-case-hero {
    background-color: #4a4a4a;
    padding: 80px 0 100px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    height: 500px !important;
    /* 统一高度 500px */
}

.jg-case-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#ca8a08 0.8px, transparent 0.8px);
    background-size: 26px 26px;
    opacity: 0.12;
}

.jg-case-hero-title {
    font-size: 42px;
    font-weight: 900;
    margin: 0;
}

/* 1. 胶囊导航包裹层：实现随动并最终吸附在 90px 位置 */
/* 1. 彻底锁定吸顶位置 */
.jg-talent-nav-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    /* 对应 body 的 padding-top: 90px */
    z-index: 1020;
    /* 略低于 site-header 的 1030 */

    margin-top: -30px !important;
    /* 初始状态背景设为透明，确保不遮挡 Banner 图片边缘 */
    background: transparent;
    padding: 0;
    transition: all 0.3s ease;
}

/* 当页面滚动，JS 触发吸顶状态时，恢复背景色 */
.jg-talent-nav-wrap.is-stuck {
    background: rgba(255, 255, 255, 0.98);
    padding: 15px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    /* 吸顶后取消负边距，确保紧贴顶栏 */
    margin-top: 0 !important;
}


/* 2. 修正锚点跳转后的停留位置 */
#case-nav-point {
    /* 核心：告诉浏览器跳转到这里时，上方留出 90px 的顶栏空间 */
    scroll-margin-top: 95px !important;
}



.jg-talent-nav-item {
    padding: 10px 35px;
    font-size: 15px;
    font-weight: 700;
    color: #666;
    border-radius: 40px;
    transition: 0.3s;
    text-decoration: none !important;
}

.jg-talent-nav-item.active {
    background: #ca8a08;
    color: #fff;
}

/* 解决太空感：栏目摘要 */
.jg-list-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.jg-list-intro h4 {
    font-size: 13px;
    color: #ca8a08;
    font-weight: 800;
    letter-spacing: 5px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.jg-list-intro p {
    font-size: 16px;
    color: #888;
    line-height: 1.8;
}

/* 画报卡片设计 - 1行2个 */
.jg-journal-card {
    position: relative;
    height: 420px;
    /* 提升高度，适配 2 列布局 */
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 4px;
    cursor: pointer;
}

.jg-journal-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.jg-journal-card:hover img {
    transform: scale(1.08);
}

.jg-journal-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.jg-journal-card:hover .jg-journal-overlay {
    background-color: rgba(202, 138, 8, 0.6);
}

.jg-journal-title {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 10px;
    transition: 0.3s;
}

.jg-journal-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 页码补丁样式 */
.jg-page-container {
    margin-top: 60px;
    text-align: center;
}

.jg-page-container .page a,
.jg-page-container .page span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 0 4px;
    border: 1px solid #eee !important;
    background: #fff !important;
    color: #666 !important;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
}

.jg-page-container .page span.current {
    background: #ca8a08 !important;
    border-color: #ca8a08 !important;
    color: #fff !important;
}

.jg-page-container .page a:hover {
    border-color: #ca8a08 !important;
    color: #ca8a08 !important;
}

@media (max-width: 768px) {
    .jg-journal-card {
        height: 300px;
    }

    .jg-journal-title {
        font-size: 18px;
    }
}

/* 1. 人才理念、人才培养列表页css效果 */
/* 1. 沉浸式页头 */
.jg-case-det-hero {
    height: 480px;
    background-color: #4a4a4a;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.jg-case-det-hero img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
}

.jg-case-det-hero-content {
    position: relative;
    z-index: 5;
}

.jg-case-det-hero .title {
    font-size: 42px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 25px;
    max-width: 900px;
}

/* 2. 辅助工具条 (面包屑 + 返回) */
.jg-case-toolbar {
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    margin-bottom: 50px;
}

.jg-breadcrumb {
    font-size: 13px;
    color: #999;
}

.jg-breadcrumb a {
    color: #666;
}

/* 返回按钮样式 */
.jg-back-btn {
    text-align: right;
}

.jg-back-btn a {
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: 0.3s;
}

.jg-back-btn a i {
    color: #ca8a08;
    margin-right: 5px;
}

.jg-back-btn a:hover {
    color: #ca8a08;
}

/* 3. 文章内容排版 */
.jg-case-article-wrap {
    max-width: 800px;
    margin: 0 auto 100px;
}

.jg-case-content {
    font-size: 17px;
    line-height: 2.2;
    color: #444;
    text-align: justify;
}

.jg-case-content blockquote {
    border-left: 5px solid #ca8a08;
    padding: 25px 40px;
    background: #f9f9f9;
    font-size: 19px;
    font-weight: 700;
    color: #333;
    margin: 40px 0;
    font-style: normal;
}

.jg-case-content img {
    max-width: 100%;
    border-radius: 4px;
    margin: 30px 0;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

/* 4. 底部上下篇 */
.jg-case-footer {
    padding-top: 40px;
    border-top: 1px solid #eee;
    margin-top: 60px;
    font-size: 14px;
}

.jg-case-footer a {
    color: #4a4a4a;
    font-weight: 700;
    text-decoration: none;
}

.jg-case-footer a:hover {
    color: #ca8a08;
}

@media (max-width: 768px) {
    .jg-case-det-hero {
        height: 320px;
    }

    .jg-case-det-hero .title {
        font-size: 24px;
    }

    .jg-back-btn {
        display: none;
    }
}

/* 联系我们css页面效果 */

/* 1. 沉浸式页头区域 */
.jg-contact-hero {
    position: relative;
    height: 500px;
    background-color: #4a4a4a;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.jg-contact-hero-bg {
    position: absolute;
    inset: 0;
    /* 建议后台上传一张大气的大厅或办公楼实拍图 */
    background: url('{pboot:sitetplpath}/images/contact_bg.jpg') center/cover no-repeat;
    opacity: 0.4;
    z-index: 1;
}

.jg-contact-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
    z-index: 2;
}

.jg-contact-hero-content {
    position: relative;
    z-index: 10;
    max-width: 800px;
    padding: 0 20px;
}

.jg-contact-tag {
    color: #ca8a08;
    font-weight: 800;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 20px;
    display: block;
}

.jg-contact-hero-content h1 {
    font-size: 56px;
    font-weight: 900;
    margin-bottom: 25px;
    line-height: 1.2;
}

.jg-contact-hero-content p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
}

/* 2. 面包屑辅助条 */
.jg-contact-breadcrumb {
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    font-size: 13px;
    color: #999;
}

.jg-contact-breadcrumb a {
    color: #666;
}

.jg-contact-breadcrumb a:hover {
    color: #ca8a08;
}

/* 3. 核心联系矩阵 */
.jg-contact-main {
    padding: 60px 0;
}

.jg-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin-bottom: 60px;
}

.jg-contact-item {
    text-align: center;
}

.jg-contact-icon {
    font-size: 42px;
    color: #ca8a08;
    margin-bottom: 15px;
    opacity: 0.6;
}

.jg-contact-item h4 {
    font-size: 20px;
    font-weight: 800;
    color: #333;
    margin-bottom: 8px;
}

.jg-contact-item p {
    font-size: 15px;
    color: #777;
    line-height: 1.8;
    margin: 0;
}

.jg-contact-val {
    font-size: 24px;
    font-weight: 900;
    color: #4a4a4a;
    font-family: Arial, sans-serif;
    margin-top: 5px;
    display: block;
}

/* 4. 底部功能板块 */
.jg-contact-footer-box {
    border-top: 1px solid #eee;
    padding-top: 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

/* 微信/社交卡片 */
.jg-social-card {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 40px;
    background: #fff;
    border: 1px solid #f0f0f0;
}

.jg-social-qr {
    width: 120px;
    height: 120px;
    padding: 8px;
    border: 1px solid #eee;
    flex-shrink: 0;
}

.jg-social-qr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jg-social-info h5 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #333;
}

.jg-social-info p {
    font-size: 13px;
    color: #999;
    line-height: 1.6;
    margin-bottom: 15px;
}

.jg-social-tags {
    display: flex;
    gap: 8px;
}

.jg-social-tags span {
    font-size: 10px;
    font-weight: 800;
    padding: 2px 10px;
    background: #f5f5f5;
    color: #bbb;
    text-transform: uppercase;
    border-radius: 20px;
}

/* 办公时间卡片 */
.jg-time-card {
    background: #4a4a4a;
    color: #fff;
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.jg-time-card::after {
    content: '\f017';
    /* Clock icon */
    font-family: FontAwesome;
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 120px;
    opacity: 0.05;
    transform: rotate(-15deg);
}

.jg-time-card i {
    color: #ca8a08;
    font-size: 32px;
    margin-bottom: 15px;
}

.jg-time-card h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.jg-time-card .label {
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.jg-time-card .val {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}

@media (max-width: 991px) {
    .jg-contact-hero {
        height: 400px;
    }

    .jg-contact-hero-content h1 {
        font-size: 36px;
    }

    .jg-contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .jg-contact-footer-box {
        grid-template-columns: 1fr;
    }

    .jg-social-card {
        flex-direction: column;
        text-align: center;
    }
}

/* --- 集团介绍：社论绕排修复补丁 --- */

/* 1. 确保父容器是块级，允许内部元素浮动 */
.magazine-layout-wrapper {
    display: block !important;
    width: 100%;
    clear: both;
}

/* 2. 这里的类名必须与 HTML 中的 magazine-float-image-box 一致 */
.magazine-float-image-box {
    float: right;
    /* 强制右浮动 */
    width: 45%;
    /* 占位宽度 */
    height: 500px;
    /* 固定高度，防止图片被拉伸 */
    margin-left: 35px;
    /* 文字与图片的间距 */
    margin-bottom: 15px;
    /* 文字绕到下方时的间距 */
    margin-top: 5px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.magazine-float-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 保持比例 */
}

/* 3. 文字内容排版 */
.magazine-text-content .intro-description-text {
    font-size: 18px;
    /* 按照您之前的要求调大字号 */
    line-height: 2.2;
    /* 舒适的行高 */
    color: #555;
    text-align: left;
    /* 左对齐 */
}

.magazine-text-content .intro-description-text p {
    text-indent: 2em;
    /* 首行缩进两个字符 */
    margin-bottom: 20px;
}

/* 4. 移动端适配：手机上图片回到正上方 */
@media (max-width: 991px) {
    .magazine-float-image-box {
        float: none;
        width: 100%;
        height: 280px;
        margin-left: 0;
        margin-bottom: 30px;
    }
}

/* 调小“集团介绍”标题与下方正文的距离 */
#intro .row.mb-5 {
    margin-bottom: 20px !important;
    /* 原来是 3rem (48px)，现在减半 */
}

/* 5. 解决父容器塌陷 */
.magazine-layout-wrapper::after {
    content: "";
    display: table;
    clear: both;
}


/* --- 新闻详情页：沉浸式优化补丁 --- */

/* 1. 解决图片变形与文字识别度 */
.jg-news-det-hero-v2 {
    position: relative;
    height: 500px;
    /* 设定固定高度，增加大气感 */
    background-color: #1a1a1a !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

}

.hero-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 关键：确保图片自动裁剪填充，绝不变形 */
    opacity: 0.95;
    /* 稍微压暗背景，让标题更突出 */
    z-index: 1;
}

.hero-overlay-v2 {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%) !important;
}

.jg-news-det-hero-content {
    position: relative;
    z-index: 10;
    text-align: center;
}

.jg-news-det-title-v2 {
    font-size: 46px !important;
    font-weight: 900 !important;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 35px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    /* 更自然的阴影，不生硬 */
    /* 文字阴影：增强识别度 */
    letter-spacing: -1px;
}

/* 磨砂玻璃元数据区 */
.jg-news-det-meta-glass {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 10px 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    /* 磨砂玻璃效果 */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 95%;
}

.meta-divider {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.3);
}

.jg-news-det-meta-glass i {
    color: var(--primary-color);
}

/* 2. 缩减间距 (解决空白过大) */
.jg-news-det-main {
    padding: 50px 0 80px !important;
    /* 原来间距太大，现在调小 */
}

.jg-news-det-toolbar {
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

/* 3. 金色摘要样式 */
.jg-news-summary-box {
    font-size: 19px;
    color: #444;
    line-height: 1.8;
    background: #f9f9f9;
    border-left: 6px solid var(--primary-color);
    padding: 30px 40px;
    margin-bottom: 50px;
    font-style: italic;
    border-radius: 0 4px 4px 0;
}

/* 4. 移动端适配 */
@media (max-width: 991px) {
    .jg-news-det-hero-v2 {
        height: 350px;
    }

    .jg-news-det-title-v2 {
        font-size: 28px !important;
    }

    .jg-news-det-meta-glass {
        flex-direction: column;
        gap: 10px;
        padding: 15px;
        border-radius: 15px;
    }

    .jg-news-det-meta-glass span {
        display: flex;
        align-items: center;
        gap: 8px;
        /* 图标与文字的间距 */
        flex-shrink: 0;
        /* 核心：禁止被压缩，确保“admin”不会变“admi” */
    }

    .meta-divider {
        width: 1px;
        height: 14px;
        background: rgba(255, 255, 255, 0.3);
        flex-shrink: 0;
    }
}


/* --- 联系我们：实境感 Banner 核心修改点 --- */

.jg-contact-hero-v3 {
    position: relative;
    height: 500px;
    /* 1. 强制高度限制为 500px */
    background-color: #ffffff;
    /* 确保背景底色为白，画面更通透 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.hero-full-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    /* 核心修正：强制占满宽度 */
    height: 100% !important;
    /* 核心修正：强制占满高度 */
    object-fit: cover;
    /* 关键：确保图片自动裁剪填充，绝不变形 */
    object-position: top;
    /* 核心修正：改用顶部对齐，防止图片上方的图形被裁掉 */
    opacity: 1 !important;
    /* 彻底消除雾感：还原 100% 亮度 */
    z-index: 1;
}

.hero-light-mask {
    position: absolute;
    inset: 0;
    /* 极淡遮罩：稍微加强底部的权重，用于衬托纯白标题 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.35) 100%);
    z-index: 2;
}

.jg-contact-hero-content {
    position: relative;
    z-index: 10;
    color: #ffffff !important;
    max-width: 800px;
}

.jg-contact-hero-content h1 {
    font-size: 60px !important;
    font-weight: 900 !important;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #ffffff !important;
    /* 强化投影：确保在浅色背景上文字依然清晰亮白 */
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.3);
}

.jg-contact-hero-content p {
    font-size: 19px;
    font-weight: 700;
    /* 加粗字重，让白色显得更白、更实 */
    color: #ffffff !important;
    /* 强制纯白 */
    line-height: 1.6;
    /* 加强投影边缘感，解决视觉上“不够亮”的问题 */
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.9);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .jg-contact-hero-v3 {
        height: 320px;
    }

    .jg-contact-hero-content h1 {
        font-size: 32px !important;
    }

    .jg-contact-hero-content p {
        font-size: 15px;
    }
}


/* --- 人才理念/培养详情页：实境感 Banner 修改点 --- */

.jg-case-det-hero-v3 {
    position: relative;
    height: 500px;
    /* 强制高度 500px */
    background-color: #ffffff;
    /* 底色改白，确保通透 */
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中 */
    overflow: hidden;
    text-align: center;
}

/* 复用 Contact 页面的核心图片处理逻辑 */
.jg-case-det-hero-v3 .hero-full-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    /* 自动裁剪填充，不变形 */
    object-position: top;
    /* 优先保留图片上方图形 */
    opacity: 1 !important;
    /* 彻底消除雾感 */
    z-index: 1;
}

.jg-case-det-hero-v3 .hero-light-mask {
    position: absolute;
    inset: 0;
    /* 极淡遮罩，仅底部稍微压暗以承托文字 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 2;
}

.jg-case-det-hero-content {
    position: relative;
    z-index: 10;
    width: 100%;
}

.jg-case-det-hero-content .title {
    font-size: 56px !important;
    /* 强化标题字号 */
    font-weight: 900 !important;
    /* 极粗字重 */
    color: #ffffff !important;
    /* 纯白 */
    margin: 0;
    padding: 0 20px;
    letter-spacing: 2px;
    /* 核心文字投影：保护文字在亮色背景下的识别度 */
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.3);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .jg-case-det-hero-v3 {
        height: 320px;
    }

    .jg-case-det-hero-content .title {
        font-size: 30px !important;
    }
}

/* --- 人才详情页：实境感 Banner 核心修改 (包含小字效果) --- */

.jg-case-det-hero-v3 {
    position: relative;
    height: 500px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    /* 改为纵向排列，使标题和小字上下堆叠 */
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.jg-case-det-hero-v3 .hero-full-img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: top;
    opacity: 1 !important;
    z-index: 1;
}

.jg-case-det-hero-v3 .hero-light-mask {
    position: absolute;
    inset: 0;
    /* 稍加深渐变，以确保两行白字在亮背景下都能看清 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 2;
}

.jg-case-det-hero-content {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 900px;
    /* 限制宽度，防止文字过长铺满屏幕 */
}

/* 1. 主标题效果 */
.jg-case-det-hero-content .title {
    font-size: 56px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0;
    /* 底部留出间距给小字 */
    padding: 0 20px;
    letter-spacing: 2px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.3);
}

/* 2. 小字描述效果 (对标业务对接样式) */
.jg-case-det-hero-content .subtitle {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.6;
    margin: 0;
    padding: 0 40px;
    /* 核心阴影：确保在浅色背景下依然清晰亮白 */
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.9);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .jg-case-det-hero-v3 {
        height: 350px;
    }

    .jg-case-det-hero-content .title {
        font-size: 32px !important;
        margin-bottom: 10px;
    }

    .jg-case-det-hero-content .subtitle {
        font-size: 15px;
        padding: 0 20px;
    }
}

/* ==========================================================================
   人才列表页：Banner 样式回归 500px 版
   ========================================================================== */

/* 1. Banner 区域：恢复 500px 高度，确保全站统一感 */
.jg-case-hero-v3 {
    position: relative;
    height: 500px;
    /* 修改点：从 320px 恢复为 500px */
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

/* 核心：确保图片作为背景填满且不变形 */
.jg-case-hero-v3 .hero-full-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    /* 关键：自动裁剪填充，绝不变形 */
    object-position: top;
    /* 优先保留图片上方关键图形 */
    opacity: 1 !important;
    /* 拒绝雾蒙蒙，还原 100% 亮度 */
    z-index: 1;
}

.jg-case-hero-v3 .hero-light-mask {
    position: absolute;
    inset: 0;
    /* 极淡遮罩：仅在底部微调对比度，保护文字清晰度 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.35) 100%);
    z-index: 2;
}

.jg-case-hero-content {
    position: relative;
    z-index: 10;
}

.jg-case-hero-content .title {
    font-size: 56px !important;
    /* 字号恢复大气感 */
    font-weight: 900 !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
    letter-spacing: 2px;
    /* 强力投影：确保在亮色背景下依然清晰亮白 */
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.3);
}

.jg-case-hero-content .subtitle {
    font-size: 19px;
    /* 恢复为 19px 精致小字 */
    font-weight: 700;
    color: #ffffff !important;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.9);
    max-width: 800px;
    margin: 0 auto;
}



/* 2. 社论简介区：扁平化精简设计 (取消底色块，减少占位) */
/* --- 找到这一段进行修改 --- */
.jg-list-intro-editorial {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    /* 核心修改：大幅减小上内边距，配合上方胶囊的负边距 */
    padding-top: 15px !important;
    /* 原来可能在 30-50px，现在设为 15px */
    padding-bottom: 30px;
    /* 同时可以适当压缩内边距 */
    background-color: transparent;
    border-bottom: 1px solid #eee;
}

.jg-list-intro-editorial .en-tag {
    display: block;
    font-size: 11px;
    color: var(--primary-color);
    font-weight: 800;
    letter-spacing: 4px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.jg-list-intro-editorial .golden-motto {
    font-size: 26px !important;
    /* 字号从 32px 减至 26px */
    font-weight: 800 !important;
    color: #333;
    margin-bottom: 15px;
}

.jg-list-intro-editorial .motto-divider {
    display: inline-block;
    width: 70%;
    height: 2px;
    background-color: var(--primary-color);
    margin: 0 auto 20px;
}

.jg-list-intro-editorial .desc-text {
    font-size: 15px;
    color: #888;
    line-height: 1.8;
    margin: 0;
    font-weight: 400;
}

/* 移动端适配：进一步紧凑化 */
@media (max-width: 768px) {
    .jg-case-hero-v3 {
        height: 240px;
    }

    .jg-case-hero-content .title {
        font-size: 28px !important;
    }

    .jg-case-hero-content .subtitle {
        font-size: 13px;
        padding: 0 15px;
    }




    .jg-list-intro-editorial .golden-motto {
        font-size: 20px !important;
    }
}


/* ==========================================================================
   【v4 终极补丁】产业详情页专用 - 彻底去雾、防变形、缩间距
   ========================================================================== */

/* 1. Banner 区域防拉伸与 500px 锁定 */
.jg-v4-hero-banner {
    position: relative !important;
    height: 500px !important;

    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
    text-align: center;
}

/* 2. 核心去雾：强制还原 100% 原始亮度，对齐 Contact */
.jg-v4-img-full {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* 关键：确保不变形 */
    object-fit: cover !important;
    /* 解释：强制图片按比例裁剪填充，绝不拉伸变形 */
    opacity: 1 !important;
    /* 解释：彻底消除雾感，还原原图明亮质感 */
    z-index: 1 !important;
}

.jg-v4-hero-mask {
    position: absolute;
    inset: 0 !important;
    /* 解释：顶部透明，仅在底部 35% 处增加微弱遮罩，承托白字 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%) !important;
    z-index: 2 !important;
}

/* 3. 复刻 Contact 同款文字强投影 (解决文字虚化) */
.jg-v4-title-bold {
    position: relative !important;
    z-index: 10 !important;
    font-size: 56px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-shadow: 0 4px 25px rgba(0, 0, 0, 0.8), 0 0 50px rgba(0, 0, 0, 0.3) !important;
    letter-spacing: 2px;
}

.jg-v4-subtitle-shadow {
    position: relative !important;
    zz-index: 10 !important;
    font-size: 19px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.9) !important;
    margin-top: 15px;
}

/* 4. 精准压缩简介与卡片的间距 (针对 image_ca42c2.png) */
.jg-v4-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px !important;
    margin-top: -15px !important;
    /* 强制向上吸附，消除冗余空白 */
}

.jg-v4-stat-card {
    padding: 30px;
    background: #fcfcfc;
    border: 1px solid #eee;
}

.jg-v4-stat-card.gold-top {
    border-top: 4px solid var(--primary-color);
}

/* [修改位置: custom.css] 强制对齐原始左右布局 */

/* 1. 产能数据行：实现左右分布对齐 */
.jg-v4-data-row {
    display: flex !important;
    justify-content: space-between !important;
    /* 强制名称在左，数值在右 */
    align-items: center;
    padding: 12px 0 !important;
    border-bottom: 1px dashed #eee !important;
    /* 对齐原始虚线效果 */
}

.jg-v4-data-row .label-name {
    color: #999 !important;
    /* 标签名称颜色变淡 */
    font-size: 14px;
}

.jg-v4-data-row .data-val {
    color: #333 !important;
    /* 数据数值颜色加深 */
    font-weight: 700;
    text-align: right;
}

.jg-v4-honor-text-box {
    /* 1. 核心：保留后台输入的换行符，实现自动分行 */
    white-space: pre-line;

    /* 2. 间距：通过行高直接控制每一行（即每个li）的垂直距离 */
    line-height: 2.0 !important;
    margin-top: 5px !important;
    /* 彻底压缩标题与内容之间的顶部间距 */
    /* 3. 细节：对齐图片2的文字感 */
    font-size: 14px;
    color: #666;
    padding-left: 5px;
    padding-top: 0 !important;
    /* 确保没有内边距 */
    /* 稍微内缩，让圆点不贴边 */
}

/* 统一产业列表页的跳转偏移量 */
#tech-nav-point {
    scroll-margin-top: 100px !important;
}

#intro,
#strategy,
#history,
#culture {
    scroll-margin-top: 150px;
    /* 统一落点高度 */
}