@charset "utf-8";
/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');




    * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif;
        }

        :root {
            --primary-color: #1a1a2e;
            --secondary-color: #16213e;
            --accent-color: #0f3460;
            --text-color: #e6e6e6;
            --highlight: #e94560;
        }

        body {
            background-color: #ffffff;
            color: #333;
            line-height: 1.6;
        }




		
		     .active > a {
            /* 按钮基本样式 */
            padding: 16px 32px;
           
            color: #ffffff!important;
            background-color: #26272a;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
            
            /* 创建渐变边框效果 */
            background-clip: padding-box;
        }
        
        /* 使用伪元素创建渐变边框 */
        .active > a::before {
            content: '';
            position: absolute;
            top: -1px; /* 修改为2px边框 */
            left: -1px;
            right: -1px;
            bottom: -1px;
            z-index: -1;
            background: linear-gradient(21deg, #38393b, #b9b1b1, #38393b);
            border-radius: 52px; /* 50px + 2px边框 */
            transition: all 0.3s ease;
        }
        
		






.jy-head-avatar img {
    border-radius: 50%;
    width: 56px;
}
 .jy-head-avatar .notification-dot {
    position: absolute;
    top: -5px; /* 调整位置 */
    right: -15px; /* 调整位置 */
    background-color: #EA4236;
    color: white;
    border-radius: 50%;
    padding: 2px 6px; /* 根据需要调整大小 */
       width: 24px;
    height: 24px;
    line-height: 1.2;
    text-align: center;
}


        .jy-head-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            z-index: 1002;
        }

        .jy-head-logo {
            font-size: 1.8rem;
            font-weight: 700;
            display: flex;
            align-items: center;
        }

        .jy-head-logo i {
            margin-right: 10px;
            color: var(--highlight);
        }

        /* 导航和搜索框容器 */
        .jy-head-nav-container {
            display: flex;
            align-items: center;
            gap: 0;
        }

        .jy-head-nav {
            display: flex;
            list-style: none;
            gap: 2rem;
            margin: 0;
        }

        /* 一级菜单项 */
        .jy-head-nav > li {
            position: relative;
        }

        .jy-head-nav > li > a {
            color: rgba(129, 129, 129, 1);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
            padding: 4px 20px;
            position: relative;
            display: flex;
            align-items: center;
            gap: 0.3rem;
        }

        .jy-head-nav > li > a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background-color: #ffffff;
            transition: width 0.3s;
        }

        .jy-head-nav > li:hover > a {
            color: #c7c7c7;
        }

   
        /* 二级菜单 */
        .jy-submenu {
            position: absolute;
            top: 100%;
            left: 0;
            background: var(--secondary-color);
            border-radius: 8px;
            padding: 1rem 0;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
            display: none;
            z-index: 1001;
            min-width: 200px;
              border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    transition: transform 0.6s 
cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .jy-submenu::before {
            content: '';
            position: absolute;
            top: -10px;
            left: 0;
            width: 100%;
            height: 10px;
            background: transparent;
        }

        .jy-head-nav > li:hover .jy-submenu {
            display: block;
        }

        .jy-submenu li {
            list-style: none;
        }

        .jy-submenu li a {
            color: var(--text-color);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.7rem 1.5rem;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }

        .jy-submenu li a:hover {
          
            
  background: rgb(217 217 217 / 4%);    border-left: 3px solid #D9D9D9;
           
        }

        /* 搜索框紧贴导航右侧 */
        .jy-head-search {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 30px;
            padding: 0.5rem 1rem;
            margin-left: 3rem;
            transition: all 0.3s ease;
        }

        .jy-head-search:hover {
            background: rgba(255, 255, 255, 0.15);
        }

        .jy-head-search i {
            margin-right: 0.5rem;
            color: #ffffff;
        }

        .jy-head-search input {
            background: transparent;
            border: none;
            color: white;
            outline: none;
            width: 150px;
            transition: width 0.3s ease;
        }

        .jy-head-search:focus-within {
            background: rgba(255, 255, 255, 0.2);
        }

        .jy-head-search:focus-within input {
            width: 180px;
        }

        .jy-head-search input::placeholder {
            color: #ffffff;
        }

        .jy-head-user {
            display: flex;
            align-items: center;
            gap: 1rem;
            position: relative;
            z-index: 1003;
        }

        .jy-head-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: var(--highlight);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            cursor: pointer;
            position: relative;
            z-index: 2;
        }

        /* John Doe 右侧的渐变色圆形色块 */
        .jy-head-user-name {
            position: relative;
           
        }

        /* 电脑端用户菜单切换按钮 */
        .jy-head-user-menu-toggle {
            font-size: 1.5rem;
            cursor: pointer;
            padding: 5px;
            border-radius: 4px;
            transition: background-color 0.3s;
            position: relative;
        }

        .jy-head-user-menu-toggle:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

        /* 移动端菜单切换按钮 */
        .jy-head-mobile-toggle {
            font-size: 1.5rem;
            cursor: pointer;
            display: none;
            padding: 5px;
            border-radius: 4px;
            transition: background-color 0.3s;
        }

        .jy-head-mobile-toggle:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

        /* 电脑端用户菜单 */
        .jy-head-user-menu {
            position: absolute;
            top: 100%;
            right: 0;
            background: var(--secondary-color);
            border-radius: 8px;
            padding: 1rem;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
            display: none;
            z-index: 1001;
            min-width: 180px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-top: 10px;
        }

        .jy-head-user-menu::before {
            content: '';
            position: absolute;
            top: -10px;
            left: 0;
            width: 100%;
            height: 10px;
            background: transparent;
        }

        .jy-head-user-menu.active {
            display: block;
        }

        .jy-head-user-menu ul {
            list-style: none;
        }

        .jy-head-user-menu ul li {
            padding: 0.7rem 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .jy-head-user-menu ul li:last-child {
            border-bottom: none;
        }

        .jy-head-user-menu ul li a {
            color: var(--text-color);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            transition: color 0.3s;
        }

        .jy-head-user-menu ul li a:hover {
            color: var(--highlight);
        }

        /* 渐变透亮块 */
        .jy-head-gradient {
              position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 200px;
    border-radius: 0 0 0 100%;
    z-index: 1;
    background: rgb(255 255 255);
    filter: blur(110px);
        }

        /* 移动端菜单 */
        .jy-mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--primary-color);
            z-index: 2000;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            transform: translateX(-100%);
            transition: transform 0.3s;
            padding: 2rem;
            overflow-y: auto;
        }
        
        .jy-mobile-menu.active {
            transform: translateX(0);
        }
        
        .jy-mobile-menu .jy-head-nav {
            display: flex;
            flex-direction: column;
            gap: 0;
            width: 100%;
            text-align: left;
        }

        .jy-mobile-menu .jy-head-nav > li {
            width: 100%;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .jy-mobile-menu .jy-head-nav > li > a {
            padding: 1rem 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* 移动端二级菜单 */
        .jy-mobile-menu .jy-submenu {
            position: static;
            display: none;
            background: transparent;
            box-shadow: none;
            border: none;
            padding: 0;
            margin: 0;
            width: 100%;
        }

        .jy-mobile-menu .jy-submenu.active {
            display: block;
        }

        .jy-mobile-menu .jy-submenu li a {
            padding: 0.8rem 1rem;
            border-left: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .jy-mobile-menu .jy-submenu li:last-child a {
            border-bottom: none;
        }

        .jy-mobile-menu .jy-head-search {
            display: flex;
            margin: 2rem 0;
            width: 100%;
        }
        
        .jy-close-menu {
            position: absolute;
            top: 2rem;
            right: 2rem;
            font-size: 1.8rem;
            color: white;
            cursor: pointer;
        }

        /* 移动端二级菜单切换箭头 */
        .jy-submenu-toggle {
            font-size: 0.8rem;
            transition: transform 0.3s ease;
        }

        .jy-mobile-menu .jy-head-nav > li.active .jy-submenu-toggle {
            transform: rotate(180deg);
        }



        .jy-section-title {
            text-align: center;
            color: var(--text-color);
            margin-bottom: 2rem;
            font-size: 2rem;
            flex-shrink: 0;
        }

        .jy-carousel-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
            flex: 1;
            overflow: hidden;
            align-content: center;
        }

        .jy-carousel-item {
            background: var(--secondary-color);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s, box-shadow 0.3s;
            position: relative;
            height: 100%;
            min-height: 250px;
            max-height: 350px;
        }

        .jy-carousel-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }

        .jy-carousel-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }

        .jy-carousel-item:hover .jy-carousel-img {
            transform: scale(1.05);
        }

        .jy-carousel-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
            color: white;
            padding: 1.5rem;
            transition: all 0.3s ease;
        }

        .jy-carousel-title {
            font-size: 1.3rem;
            margin-bottom: 0;
            transition: margin-bottom 0.3s ease;    font-weight: 400;
        }

        .jy-carousel-desc {
            font-size: 0.9rem;
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            line-height: 1.4;
        }

        .jy-carousel-item:hover .jy-carousel-desc {
            opacity: 0.9;
            max-height: 100px;
            margin-top: 0.5rem;
        }

        .jy-carousel-item:hover .jy-carousel-title {
            margin-bottom: 0.5rem;
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .jy-head-nav {
                gap: 1.5rem;
            }
            
            .jy-head-search {
                margin-left: 0.8rem;
            }
            
            .jy-carousel-section {
                height: 70vh;
            }
        }

        @media (max-width: 768px) {
            .jy-head {
                padding: 1rem;
            }
            
            .jy-head-nav, .jy-head-search {
                display: none;
            }
            
            .jy-head-mobile-toggle {
                display: block;
            }
            
            .jy-head-user-menu-toggle {
                display: none;
            }
            
            .jy-carousel-container {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            }
            
            .jy-carousel-section {
                height: auto;
                min-height: 500px;
                padding: 2rem 1rem;
                padding-top: 100px;
            }
            
            .jy-carousel-item {
                max-height: 300px;
            }
        }

        @media (max-width: 480px) {
            .jy-carousel-container {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            
            .jy-head-logo span {
                display: none;
            }
            
            .jy-head-user-name {
                display: none;
            }
            
            .jy-carousel-section {
                min-height: 400px;
                padding: 1.5rem 1rem;
                padding-top: 90px;
            }
            
            .jy-section-title {
                font-size: 1.5rem;
                margin-bottom: 1.5rem;
            }
            
            .jy-carousel-title {
                font-size: 1.1rem;
            }
            
            .jy-carousel-desc {
                font-size: 0.8rem;
            }
        }



















        /* 图片轮播区域 - 添加高度限制和自适应 */
        .jy-carousel-section {
			height: 100vh; /* 占据整个视口高度 */
    min-height: 720px; /* 可选：设置最小高度 */
    max-height: 1080px; /* 限制最大高度不超过1080px */
            padding: 3rem 2rem;
            padding-top: 120px;
            background: #333333;
            position: relative;
            /* 高度限制和自适应 */
            min-height: 600px; /* 最小高度 */
            max-height: 1080px; /* 最大高度 */
            background: url(/uploadfile/202510/adf0daec10dcfd2.jpg) no-repeat center center / cover;
            display: flex;
            flex-direction: column;
            justify-content: center;
            z-index: 100;
        }

        .jy-section-title {
            text-align: center;
            color: var(--text-color);
            margin-bottom: 2rem;
            font-size: 2rem;
            flex-shrink: 0; /* 防止标题被压缩 */
        }

        .jy-carousel-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
            /* 容器自适应 */
            flex: 1;
            overflow: hidden;
            align-content: center;
        }

        .jy-carousel-item {
            background: var(--secondary-color);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s, box-shadow 0.3s;
            position: relative;
            /* 图片项自适应高度 */
            height: 100%;
            min-height: 250px;
            max-height: 350px;
        }

        .jy-carousel-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }

        .jy-carousel-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }

        .jy-carousel-item:hover .jy-carousel-img {
            transform: scale(1.05);
        }

        /* 修改轮播图信息区域 - 标题默认显示，悬停显示描述 */
        .jy-carousel-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
            color: white;
            padding: 1.5rem;
            transition: all 0.3s ease;
        }

        .jy-carousel-title {
            font-size: 1.3rem;
            margin-bottom: 0;
            transition: margin-bottom 0.3s ease;
        }

        .jy-carousel-desc {
            font-size: 0.9rem;
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            line-height: 1.4;
        }

        /* 鼠标悬停时显示描述 */
        .jy-carousel-item:hover .jy-carousel-desc {
            opacity: 0.9;
            max-height: 100px;
            margin-top: 0.5rem;
        }

        .jy-carousel-item:hover .jy-carousel-title {
            margin-bottom: 0.5rem;
        }

        /* 移动端菜单 */
        .jy-mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--primary-color);
            z-index: 2000;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transform: translateX(-100%);
            transition: transform 0.3s;
        }
        
        .jy-mobile-menu.active {
            transform: translateX(0);
        }
        
        .jy-mobile-menu .jy-head-nav {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            text-align: center;
        }
        
        .jy-mobile-menu .jy-head-search {
            display: flex;
            margin: 2rem 0;
        }
        
        .jy-close-menu {
            position: absolute;
            top: 2rem;
            right: 2rem;
            font-size: 1.8rem;
            color: white;
            cursor: pointer;
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .jy-head-nav {
                gap: 1.5rem;
            }
            
            .jy-head-search {
                margin: 0 1rem;
            }
            
            .jy-carousel-section {
                height: 70vh; /* 中等屏幕调整高度 */
            }
        }

        @media (max-width: 768px) {
            .jy-head {
                padding: 1rem;
            }
            
            .jy-head-nav, .jy-head-search {
                display: none;
            }
            
            .jy-head-mobile-toggle {
                display: block;
            }
            
            .jy-head-user-menu-toggle {
                display: none;
            }
            
            .jy-carousel-container {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            }
            
            .jy-carousel-section {
                height: auto; /* 移动端使用自动高度 */
                min-height: 500px;
                padding: 2rem 1rem;
                padding-top: 100px;
            }
            
            .jy-carousel-item {
                max-height: 300px;
            }
        }

        @media (max-width: 480px) {
            .jy-carousel-container {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            
            .jy-head-logo span {
                display: none;
            }
            
            .jy-head-user-name {
                display: none;
            }
            
            .jy-carousel-section {
                min-height: 400px;
                padding: 1.5rem 1rem;
                padding-top: 90px;
            }
            
            .jy-section-title {
                font-size: 1.5rem;
                margin-bottom: 1.5rem;
            }
            
            .jy-carousel-title {
                font-size: 1.1rem;
            }
            
            .jy-carousel-desc {
                font-size: 0.8rem;
            }
        }

        /* 超小屏幕适配 */
        @media (max-width: 360px) {
            .jy-carousel-section {
                min-height: 350px;
            }
            
            .jy-carousel-item {
                min-height: 200px;
                max-height: 250px;
            }
        }

 .jy-footer {
            background-color: #F1FBFF;
            width: 100%;
            padding: 60px 15%;
        }


 .jy-footer-2 {
           background-color: #000103;
            width: 100%;
            padding: 60px 15%;overflow: hidden   ; position: relative;
        }



.jy-footer-2::after {
      content: '';
    position: absolute;
    right: 7%;
    top: 90%;
    transform: translateY(-30%);
    width: 900px;
    height: 900px;
    pointer-events: none;
    background: radial-gradient(circle, #1a2340 0%, #1a2340d9 30%);
    border-radius: 50%;
    filter: blur(100px);
    z-index: 1;
}




















        
        .jy-footer-container {
            
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
        }
        
        .jy-footer-left {
            width: 60%;
            padding-right: 40px;
        }
        
        .jy-footer-right {
            width: 40%;
            display: flex;
            justify-content: flex-end;    z-index: 2;
        }
        
        .jy-footer-logo {
            font-size: 32px;
            font-weight: 700;
            color: #333;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
        }
        
        .jy-footer-logo-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            border-radius: 8px;
            margin-right: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
        }
        
        .jy-footer-social-icons {
            display: flex;
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .jy-footer-social-icon {
            width: 40px;
            height: 40px;
            background-color: #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        .jy-footer-social-icon:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .jy-footer-copyright {
            color: #666;
            font-size: 12px;font-weight: 300;
        }


 .jy-footer-copyright-2 {
            color: #B6B6B6;
            font-size: 12px;font-weight: 400;
        }



.jy-footer-menu-links-2 {
    list-style: none;
}



        
        .jy-footer-menu-column {
            flex: 1;
            padding: 0 15px;
        }
        
        .jy-footer-menu-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #333;
            position: relative;
            
        }
        
 


    .jy-footer-menu-title-2 {
  
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #FFFFFF;
            position: relative;
            
        }
        
 




        
        .jy-footer-menu-links {
            list-style: none;
        }
        
        .jy-footer-menu-links li {
            margin-bottom: 5px;
        }
        
        .jy-footer-menu-links a {
            text-decoration: none;
            color: #666;
            font-size: 16px;
            transition: color 0.3s ease;font-weight: 400;    line-height: 36px;
        }



   
        .jy-footer-menu-links-2 a {
            text-decoration: none;
            color: #FFFFFF;
            font-size: 16px;
            transition: color 0.3s ease;font-weight: 400;    line-height: 36px;
        }




.jy-footer-copyright-1-2{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}






        
        .jy-footer-menu-links a:hover {
            color: #3498db;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .jy-footer-left, .jy-footer-right {
                width: 100%;
            }
            
            .jy-footer-left {
                padding-right: 0;
                margin-bottom: 40px;
            }
            
            .jy-footer-right {
                flex-direction: column;
            }
            
            .jy-footer-menu-column {
                margin-bottom: 30px;
            }
        }



  .jy-home-2-container {
            max-width: 1200px;
            margin: 0 auto;
            
            flex: 1;
        }

        /* 标题样式 */
        .jy-home-2-hero {
            text-align: center;
            padding: 60px 0 40px;
        }

        .jy-home-2-hero h1 {
                font-size: 36px;
    font-weight: 700;
    color: #000000;
    line-height: 1.5;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
        }

        .jy-home-2-hero h1 span {
            display: block;
            font-size: 2.2rem;
            color: var(--jy-home-2-accent-color);
            margin-top: 10px;
        }

        /* 图片展示区域 */
        .jy-home-2-experiences {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
           
        }

        .jy-home-2-experience-card {
            background: var(--jy-home-2-light-color);
            border-radius: 24px;
            overflow: hidden;
            box-shadow: var(--jy-home-2-shadow);
            transition: var(--jy-home-2-transition);
            position: relative;
            height: 380px;
        }

        .jy-home-2-experience-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
        }

        .jy-home-2-card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--jy-home-2-transition);
            /* 添加背景图片滤镜 */
            filter: brightness(0.7) contrast(1.1) saturate(1.2);
        }

        .jy-home-2-experience-card:hover .jy-home-2-card-image {
            transform: scale(1.05);
            filter: brightness(1) contrast(1.1) saturate(1.1);
        }

        /* 图片上层居中文字 */
        .jy-home-2-card-title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--jy-home-2-light-color);
            font-size: 24px;
            font-weight: 500;
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
            padding: 0 15px;
            z-index: 2;
        }

        /* 图片底部玻璃菜单 */
        .jy-home-2-card-menu {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--jy-home-2-glass-bg);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--jy-home-2-glass-border);
            border-radius: 20px;
            padding: 6px 50px;
            z-index: 3;
            white-space: nowrap;
        }

        .jy-home-2-card-menu-item {
            color: var(--jy-home-2-light-color);
            text-decoration: none;
            font-size: 16px;
            font-weight: 400;
            transition: var(--jy-home-2-transition);
            display: flex;
            align-items: center;
        }

        .jy-home-2-card-menu-item:hover {
            color: #e0e0e0;
        }

        .jy-home-2-card-menu-icon {
            margin-right: 5px;
            font-size: 0.8rem;
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .jy-home-2-experiences {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .jy-home-2-hero h1 {
                font-size: 2rem;
            }
            
            .jy-home-2-hero h1 span {
                font-size: 1.6rem;
            }
            
            .jy-home-2-experiences {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .jy-home-2-experience-card {
                height: 250px;
            }
            
            .jy-home-2-card-title {
                font-size: 1.5rem;
            }
        }

        @media (max-width: 480px) {
            .jy-home-2-hero {
                padding: 40px 0 30px;
            }
            
            .jy-home-2-hero h1 {
                font-size: 1.6rem;
            }
            
            .jy-home-2-hero h1 span {
                font-size: 1.3rem;
            }
            
            .jy-home-2-experience-card {
                height: 220px;
            }
            
            .jy-home-2-card-title {
                font-size: 1.3rem;
            }
            
            .jy-home-2-card-menu {
                padding: 6px 15px;
                font-size: 0.8rem;
            }
        }


    :root {
            --jy-home-2-primary-color: #2c3e50;
            --jy-home-2-accent-color: #3498db;
            --jy-home-2-text-color: #333;
            --jy-home-2-light-color: #fff;
            --jy-home-2-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            --jy-home-2-transition: all 0.3s ease;
            --jy-home-2-glass-bg: rgba(255, 255, 255, 0.2);
            --jy-home-2-glass-border: rgba(255, 255, 255, 0.3);
        }


.home-2 {
    background-color: #ffffff;     padding-bottom: 80px;
}

.home-3 {
    background-color: #ffffff;     padding-bottom: 80px;
}

.home-4 {
    background-color: #ffffff;     padding-bottom: 20px;
}

.home-5 {
    background-color: #ffffff;     padding-bottom: 80px;
}


.home-6 {
    background-color: #ffffff;     padding-bottom: 80px;
}
.home-9 {
    background-color: #ffffff;     padding-bottom: 80px; padding-top: 60px;
}
   .jy-home-3-body {
            background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
            color: white;
            min-height: 100vh;
            padding: 40px 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .jy-home-3-container {
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
        }
        
        .jy-home-3-title {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .jy-home-3-title h1 {
            font-size: 36px;
    font-weight: 700;
    color: #000000;
    line-height: 1.5;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
        padding-top: 50px;
        }
        
        .jy-home-3-title span {
            display: block;
            font-size: 2.2rem;
            font-weight: 300;
            margin-top: 10px;
        }
        
        .jy-home-3-experiences {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 10px;
        }
        
        .jy-home-3-experience-card {
            width: 220px;
            height: 480px;
            border-radius: 24px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
            flex-shrink: 0;
        }
        
        .jy-home-3-experience-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .jy-home-3-experience-card:hover {
            width: 480px;
          
        }
        

    .jy-home-3-experience-card:hover,
        .jy-home-3-experience-card.jy-home-3-default-active {
            width: 480px;
           
        }
        

  .jy-home-3-experience-card:hover img,
        .jy-home-3-experience-card.jy-home-3-default-active img {
            transform: scale(1.05);
        }
        
   .jy-home-3-experience-card:hover .jy-home-3-card-content,
        .jy-home-3-experience-card.jy-home-3-default-active .jy-home-3-card-content {
            transform: translateY(0);
        }

        .jy-home-3-experience-card:hover img {
            transform: scale(1.05);
        }
        
        .jy-home-3-card-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 25px;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            transform: translateY(100%);
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .jy-home-3-experience-card:hover .jy-home-3-card-content {
            transform: translateY(0);
        }
        
        .jy-home-3-card-content h3 {
            font-size: 22px;
            margin-bottom: 12px;
            font-weight: 500;    color: #ffffff;
        }
        
        .jy-home-3-card-content p {
            font-size: 14px;
           
            line-height: 1.6;   font-weight: 500;   color: #ffffff;  
        }
        
        /* 响应式设计 */
        @media (max-width: 1100px) {
            .jy-home-3-experiences {
                gap: 10px;
            }
            
            .jy-home-3-experience-card {
                width: 220px;
                height: 320px;
            }
            
            .jy-home-3-experience-card:hover {
                width: 280px;
            }
        }
        
        @media (max-width: 768px) {
            .jy-home-3-title h1 {
                font-size: 2.5rem;
            }
            
            .jy-home-3-title span {
                font-size: 1.8rem;
            }
            
            .jy-home-3-experiences {
                flex-direction: column;
                align-items: center;
            }
            
            .jy-home-3-experience-card {
                width: 100%;
                max-width: 400px;
                height: 300px;
            }
            
            .jy-home-3-experience-card:hover {
                width: 100%;
                max-width: 450px;
            }
        }



  .jy-home-4-container {
            max-width: 1200px;
            width: 100%;
            position: relative;
            padding: 20px;margin: 0 auto;
        }

.jy-home-4-container {
    max-width: 1200px;
    width: 100%;
    position: relative;
  
    background-image: url('/uploadfile/202510/ffb499facb553cd.png');
 
    background-position: center;
    background-repeat: no-repeat;
 
  margin: 0 auto;
}

        
        /* 标题区域 */
        .jy-home-4-header {
                text-align: center;
    margin-bottom: 0px;
    padding: 20px;
    position: relative;
    z-index: 10;
    padding-top: 120px;
        }
        
        .jy-home-4-main-title {
               margin-bottom: 15px;
    font-size: 36px;
    font-weight: 700;
    color: #000000;
    line-height: 1.5;
    padding-top: 40px;
        }
        
        .jy-home-4-sub-title {
            font-size: 16px;
           
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.5;    font-weight: 400;
    color: #000000;
        }
        
        /* 主内容区 */
        .jy-home-4-main-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            min-height: 500px;
        }
        
       







       .gradient-btn {
              padding: 16px 32px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    background: url(/uploadfile/202510/68136ccd326ed4e.png) center / cover no-repeat;
    border: 0;
    width: 180px;
    height: 70px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        }
        

 .gradient-btn-1 {
              padding: 22px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    background: url(/uploadfile/202510/d4a7e970dcd83ca.png) center / cover no-repeat;
    border: 0;
    width: 180px;
    height: 70px;    text-align: center;
        }

.gradient-btn-1 a {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    padding-left: 10px;
}

    

.gradient-btn a {
    font-size: 26px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    padding-left: 10px;
}




.jy-home-4-left-menu {
        transform: rotate(347deg)!important;
    top: -200px;
    left: 45px;    position: relative;
}


        
        /* 右侧菜单倾斜45度 */
        .jy-home-4-right-menu {
                    transform: rotate(11deg)!important;
    top: -150px;
    right: 50px;
    position: relative;
        }
        
  
      
        .jy-home-4-right-menu:hover {
               transform: rotate(16deg);
        }
        
        .jy-home-4-menu span {
            font-size: 22px;
            font-weight: 400;
            /* 文字不旋转，保持与菜单相同的倾斜 */
        }
        
        /* 扇形图片区域 - 进一步扩大容器宽度 */
        .jy-home-4-fan-container {
            position: relative;
            width: 1600px;
            height: 400px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: flex-end;
        }
        
        .jy-home-4-fan-item {
            position: absolute;
            width: 180px;
            height: 220px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
            transform-origin: center 350px;
            display: flex;
            flex-direction: column;
            pointer-events: none;
        }
        
        .jy-home-4-fan-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 进一步扩大图片间距 */
        .jy-home-4-fan-item:nth-child(1) {
            transform: rotate(-8deg) translateY(-180px) translateX(-400px);
        }
        
        .jy-home-4-fan-item:nth-child(2) {
            transform: rotate(-6deg) translateY(-180px) translateX(-250px);
        }
        
        .jy-home-4-fan-item:nth-child(3) {
            transform: rotate(-6deg) translateY(-180px) translateX(-100px);
        }
        
        .jy-home-4-fan-item:nth-child(4) {
            transform: rotate(0deg) translateY(-180px) translateX(0px);
        }
        
        .jy-home-4-fan-item:nth-child(5) {
            transform: rotate(6deg) translateY(-180px) translateX(100px);
        }
        
        .jy-home-4-fan-item:nth-child(6) {
            transform: rotate(6deg) translateY(-180px) translateX(250px);
        }
        
        .jy-home-4-fan-item:nth-child(7) {
            transform: rotate(8deg) translateY(-180px) translateX(400px);
        }
        
        /* 底部装饰 */
        .jy-home-4-footer {
            text-align: center;
            margin-top: 100px;
            opacity: 0.7;
            font-size: 0.9rem;
        }
        
        /* 响应式设计 */
        @media (max-width: 1800px) {
            .jy-home-4-fan-container {
                width: 1400px;
                height: 350px;
            }
            
            .jy-home-4-fan-item {
                width: 160px;
                height: 200px;
                transform-origin: center 300px;
            }
            
            .jy-home-4-fan-item:nth-child(1) {
                transform: rotate(-18deg) translateY(-160px) translateX(-350px);
            }
            
            .jy-home-4-fan-item:nth-child(2) {
                transform: rotate(-12deg) translateY(-160px) translateX(-220px);
            }
            
            .jy-home-4-fan-item:nth-child(3) {
                transform: rotate(-6deg) translateY(-160px) translateX(-90px);
            }
            
            .jy-home-4-fan-item:nth-child(4) {
                transform: rotate(0deg) translateY(-160px) translateX(0px);
            }
            
            .jy-home-4-fan-item:nth-child(5) {
                transform: rotate(6deg) translateY(-160px) translateX(90px);
            }
            
            .jy-home-4-fan-item:nth-child(6) {
                transform: rotate(6deg) translateY(-160px) translateX(220px);
            }
            
            .jy-home-4-fan-item:nth-child(7) {
                transform: rotate(8deg) translateY(-160px) translateX(350px);
            }
        }
        
        @media (max-width: 1600px) {
            .jy-home-4-fan-container {
                width: 1200px;
                height: 320px;
            }
            
            .jy-home-4-fan-item {
                width: 140px;
                height: 180px;
                transform-origin: center 280px;
            }
            
            .jy-home-4-fan-item:nth-child(1) {
                transform: rotate(-18deg) translateY(-140px) translateX(-300px);
            }
            
            .jy-home-4-fan-item:nth-child(2) {
                transform: rotate(-12deg) translateY(-140px) translateX(-180px);
            }
            
            .jy-home-4-fan-item:nth-child(3) {
                transform: rotate(-6deg) translateY(-140px) translateX(-70px);
            }
            
            .jy-home-4-fan-item:nth-child(4) {
                transform: rotate(0deg) translateY(-140px) translateX(0px);
            }
            
            .jy-home-4-fan-item:nth-child(5) {
                transform: rotate(6deg) translateY(-140px) translateX(70px);
            }
            
            .jy-home-4-fan-item:nth-child(6) {
                transform: rotate(6deg) translateY(-140px) translateX(180px);
            }
            
            .jy-home-4-fan-item:nth-child(7) {
                transform: rotate(8deg) translateY(-140px) translateX(300px);
            }
        }
        
        @media (max-width: 1400px) {
            .jy-home-4-fan-container {
                width: 1000px;
                height: 300px;
            }
            
            .jy-home-4-fan-item {
                width: 120px;
                height: 160px;
                transform-origin: center 250px;
            }
            
            .jy-home-4-fan-item:nth-child(1) {
                transform: rotate(-15deg) translateY(-130px) translateX(-250px);
            }
            
            .jy-home-4-fan-item:nth-child(2) {
                transform: rotate(-10deg) translateY(-130px) translateX(-150px);
            }
            
            .jy-home-4-fan-item:nth-child(3) {
                transform: rotate(-5deg) translateY(-130px) translateX(-60px);
            }
            
            .jy-home-4-fan-item:nth-child(4) {
                transform: rotate(0deg) translateY(-130px) translateX(0px);
            }
            
            .jy-home-4-fan-item:nth-child(5) {
                transform: rotate(5deg) translateY(-130px) translateX(60px);
            }
            
            .jy-home-4-fan-item:nth-child(6) {
                transform: rotate(6deg) translateY(-130px) translateX(150px);
            }
            
            .jy-home-4-fan-item:nth-child(7) {
                transform: rotate(8deg) translateY(-130px) translateX(250px);
            }
        }
        
        @media (max-width: 1200px) {
            .jy-home-4-fan-container {
                width: 900px;
                height: 280px;
            }
            
            .jy-home-4-fan-item {
                width: 110px;
                height: 150px;
                transform-origin: center 230px;
            }
            
            .jy-home-4-fan-item:nth-child(1) {
                transform: rotate(-12deg) translateY(-120px) translateX(-200px);
            }
            
            .jy-home-4-fan-item:nth-child(2) {
                transform: rotate(-8deg) translateY(-120px) translateX(-120px);
            }
            
            .jy-home-4-fan-item:nth-child(3) {
                transform: rotate(-4deg) translateY(-120px) translateX(-50px);
            }
            
            .jy-home-4-fan-item:nth-child(4) {
                transform: rotate(0deg) translateY(-120px) translateX(0px);
            }
            
            .jy-home-4-fan-item:nth-child(5) {
                transform: rotate(4deg) translateY(-120px) translateX(50px);
            }
            
            .jy-home-4-fan-item:nth-child(6) {
                transform: rotate(8deg) translateY(-120px) translateX(120px);
            }
            
            .jy-home-4-fan-item:nth-child(7) {
                transform: rotate(8deg) translateY(-120px) translateX(200px);
            }
        }
        
        @media (max-width: 992px) {
            .jy-home-4-main-content {
                flex-direction: column;
            }
            
            .jy-home-4-menu {
                width: 100px;
                height: 50px;
                margin: 20px 0;
            }
            
            .jy-home-4-fan-container {
                width: 100%;
                height: 250px;
                order: 2;
            }
            
            .jy-home-4-fan-item {
                width: 90px;
                height: 130px;
                transform-origin: center 200px;
            }
            
            .jy-home-4-fan-item:nth-child(1) {
                transform: rotate(-10deg) translateY(-100px) translateX(-160px);
            }
            
            .jy-home-4-fan-item:nth-child(2) {
                transform: rotate(-7deg) translateY(-100px) translateX(-100px);
            }
            
            .jy-home-4-fan-item:nth-child(3) {
                transform: rotate(-3deg) translateY(-100px) translateX(-40px);
            }
            
            .jy-home-4-fan-item:nth-child(4) {
                transform: rotate(0deg) translateY(-100px) translateX(0px);
            }
            
            .jy-home-4-fan-item:nth-child(5) {
                transform: rotate(3deg) translateY(-100px) translateX(40px);
            }
            
            .jy-home-4-fan-item:nth-child(6) {
                transform: rotate(7deg) translateY(-100px) translateX(100px);
            }
            
            .jy-home-4-fan-item:nth-child(7) {
                transform: rotate(10deg) translateY(-100px) translateX(160px);
            }
        }
        
        @media (max-width: 768px) {
            .jy-home-4-main-title {
                font-size: 2.5rem;
            }
            
            .jy-home-4-sub-title {
                font-size: 1.2rem;
            }
            
            .jy-home-4-fan-container {
                height: 220px;
            }
            
            .jy-home-4-fan-item {
                width: 80px;
                height: 120px;
                transform-origin: center 180px;
            }
            
            .jy-home-4-fan-item:nth-child(1) {
                transform: rotate(-8deg) translateY(-90px) translateX(-130px);
            }
            
            .jy-home-4-fan-item:nth-child(2) {
                transform: rotate(-5deg) translateY(-90px) translateX(-80px);
            }
            
            .jy-home-4-fan-item:nth-child(3) {
                transform: rotate(-2deg) translateY(-90px) translateX(-30px);
            }
            
            .jy-home-4-fan-item:nth-child(4) {
                transform: rotate(0deg) translateY(-90px) translateX(0px);
            }
            
            .jy-home-4-fan-item:nth-child(5) {
                transform: rotate(2deg) translateY(-90px) translateX(30px);
            }
            
            .jy-home-4-fan-item:nth-child(6) {
                transform: rotate(5deg) translateY(-90px) translateX(80px);
            }
            
            .jy-home-4-fan-item:nth-child(7) {
                transform: rotate(8deg) translateY(-90px) translateX(130px);
            }
        }
        
        @media (max-width: 576px) {
            .jy-home-4-header {
                margin-bottom: 80px;
            }
            
            .jy-home-4-main-title {
                font-size: 2rem;
            }
            
            .jy-home-4-sub-title {
                font-size: 1rem;
            }
            
            .jy-home-4-fan-container {
                height: 200px;
            }
            
            .jy-home-4-fan-item {
                width: 70px;
                height: 110px;
                transform-origin: center 160px;
            }
            
            .jy-home-4-fan-item:nth-child(1) {
                transform: rotate(-6deg) translateY(-80px) translateX(-100px);
            }
            
            .jy-home-4-fan-item:nth-child(2) {
                transform: rotate(-4deg) translateY(-80px) translateX(-60px);
            }
            
            .jy-home-4-fan-item:nth-child(3) {
                transform: rotate(-2deg) translateY(-80px) translateX(-20px);
            }
            
            .jy-home-4-fan-item:nth-child(4) {
                transform: rotate(0deg) translateY(-80px) translateX(0px);
            }
            
            .jy-home-4-fan-item:nth-child(5) {
                transform: rotate(2deg) translateY(-80px) translateX(20px);
            }
            
            .jy-home-4-fan-item:nth-child(6) {
                transform: rotate(4deg) translateY(-80px) translateX(60px);
            }
            
            .jy-home-4-fan-item:nth-child(7) {
                transform: rotate(6deg) translateY(-80px) translateX(100px);
            }
        }


  .jy-home-5-title {
                   font-size: 36px;
    font-weight: 700;
    color: #000000;
    line-height: 1.5;
    margin: 0 auto;
    width: 1400px;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 30px;
        }

        .jy-home-5-video-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
            aspect-ratio: 16/9;
         
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);    margin: 0 auto;
        }

        .jy-home-5-video-poster {
            width: 100%;
            height: 100%;
            object-fit: cover;
            cursor: pointer;    filter: blur(8.9px);
    -webkit-filter: blur(8.9px);
        }


.jy-home-7-title img {
    max-width: 789px;
}


        .jy-home-5-play-button {
                position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: rgba(240, 240, 240, 0.3);
    box-shadow: -27px 66px 29px rgba(145, 145, 145, 0.01), -15px 37px 24px rgba(145, 145, 145, 0.03), -7px 17px 18px rgba(145, 145, 145, 0.04), -2px 4px 10px rgba(145, 145, 145, 0.05);
    backdrop-filter: blur(7.5px);
        }

        .jy-home-5-play-button:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .jy-home-5-play-button::after {
            content: '';
            width: 0;
            height: 0;
            border-left: 20px solid white;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            margin-left: 4px;
        }

        .jy-home-5-video-player {
            width: 100%;
            height: 100%;
            display: none;
        }




 .jy-home-7-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .jy-home-7-title {
                text-align: center;
    margin-bottom: 80px;
    font-size: 46px;
    font-weight: bolder;
    color: #2c3e50;
    line-height: 1.5;
    margin-top: 60px;
        }
        
        .jy-home-7-description {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.6;
        }
        
        .jy-home-7-modules {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }
        
        .jy-home-7-module {
            position: relative;
            height: 230px;
            border-radius: 16px;
            overflow: hidden;
           
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            cursor: pointer;
        }
        
        .jy-home-7-module:hover {
          
            box-shadow: 0 15px 35px rgb(235 236 254);
        }
        
        .jy-home-7-module-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 0.5s ease;
        }
        
.jy-home-login-buttons-container h2{
    font-size: 36px;
    font-weight: 400;
    color: #ffffff;
}




        .jy-home-7-module:hover .jy-home-7-module-bg {
            transform: scale(1.05);
        }
        
        .jy-home-7-module-content {
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 14px;
            text-align: center;
            z-index: 2;
        }
        
        .jy-home-7-glass-btn {
        backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #000000;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s 
ease;
    margin-bottom: 25px;
    background: linear-gradient(263.57deg, rgba(255, 220, 249, 0.4) 10.17%, rgba(255, 151, 238, 0.4) 60.22%, rgba(255, 220, 249, 0.4) 103.12%);
    box-shadow: 0px 36.8581px 13.9806px rgba(255, 151, 238, 0.02), 0px 20.3355px 12.7097px rgba(255, 151, 238, 0.08), 0px 8.89677px 8.89677px rgba(255, 151, 238, 0.13), 0px 2.54194px 5.08387px rgba(255, 151, 238, 0.15);
    backdrop-filter: blur(4.5px);
    border: 2px solid #e0e8ff;
        }
        
        .jy-home-7-glass-btn:hover {
            background: rgba(255, 255, 255, 0.25);
            transform: scale(1.05);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        .jy-home-7-module-title {
            font-size: 14px;
            font-weight: 500;
          
            margin-top: 10px;    color: #242424;
        }
        
        .jy-home-7-module-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
          
            z-index: 1;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .jy-home-7-modules {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .jy-home-7-modules {
                grid-template-columns: 1fr;
            }
            
            .jy-home-7-title {
                font-size: 2rem;
            }
            
            .jy-home-7-module {
                height: 350px;
            }
        }




 .jy-home-9-body {
            background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
            background-size: 400% 400%;
            animation: jy-home-9-gradientBG 15s ease infinite;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: white;
            padding: 20px;
            overflow-x: hidden;
        }

        @keyframes jy-home-9-gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .jy-home-9-hero {
            position: relative;
            width: 100%;
            max-width: 1200px;
            height: 640px;
            border-radius: 20px;
            overflow: hidden;
              margin: 0 auto;
       
        }

        .jy-home-9-hero-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: brightness(0.8);
        }

        .jy-home-9-hero-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 20px;
        }

        .jy-home-9-buttons-container {
            display: flex;
            flex-direction: column;
            gap: 25px;
            align-items: center;
        }

        .jy-home-9-glass-button {
            padding: 18px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.2);
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            text-decoration: none;
            display: inline-block;
            width: 280px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .jy-home-9-glass-button:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
        }

        .jy-home-9-glass-button:active {
            transform: translateY(1px);
        }

        .jy-home-9-glass-button::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transform: translateX(-100%);
        }

        .jy-home-9-glass-button:hover::after {
            transform: translateX(100%);
            transition: transform 0.6s ease;
        }

        /* 登录弹窗样式 */
        .jy-home-9-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            align-items: center;
            justify-content: center;
            padding: 20px;
            animation: jy-home-9-fadeIn 0.3s ease;
        }

        @keyframes jy-home-9-fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        .jy-home-9-modal-content {
            width: 100%;
            max-width: 900px;
            height: auto;
            max-height: 90vh;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
            display: flex;
            flex-direction: row;
            animation: jy-home-9-slideUp 0.4s ease;
            /* 添加背景图片 */
            background-image: url('https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
            background-size: cover;
            background-position: center;
            background-blend-mode: overlay;
        }

        @keyframes jy-home-9-slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .jy-home-9-modal-left {
            flex: 1;
            background: linear-gradient(135deg, rgba(106, 17, 203, 0.85) 0%, rgba(37, 117, 252, 0.85) 100%);
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .jy-home-9-modal-left::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
        }

        .jy-home-9-modal-right {
            flex: 1;
            padding: 40px;
            background: rgba(255, 255, 255, 0.85);
            color: #333;
        }

        .jy-home-9-modal-title {
            font-size: 2.5rem;
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
        }

        .jy-home-9-modal-subtitle {
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;
            position: relative;
            z-index: 1;
        }

        .jy-home-9-modal-button {
            padding: 14px 30px;
            font-size: 1.1rem;
            font-weight: 600;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.2);
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            width: 200px;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .jy-home-9-modal-button:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-3px);
        }

        .jy-home-9-form-group {
            margin-bottom: 20px;
        }

        .jy-home-9-form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #555;
        }

        .jy-home-9-form-group input {
            width: 100%;
            padding: 12px 15px;
            border-radius: 8px;
            border: 1px solid #ddd;
            font-size: 1rem;
            transition: all 0.3s;
        }

        .jy-home-9-form-group input:focus {
            border-color: #6a11cb;
            box-shadow: 0 0 0 2px rgba(106, 17, 203, 0.2);
            outline: none;
        }

        .jy-home-9-form-options {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .jy-home-9-remember-me {
            display: flex;
            align-items: center;
        }

        .jy-home-9-remember-me input {
            margin-right: 8px;
        }

        .jy-home-9-forgot-password {
            color: #6a11cb;
            text-decoration: none;
            font-weight: 500;
        }


        .jy-home-9-login-button {
            width: 100%;
            padding: 14px;
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }

        .jy-home-9-login-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(106, 17, 203, 0.4);
        }

        .jy-home-9-signup-link {
            text-align: center;
            margin-top: 20px;
        }

        .jy-home-9-signup-link a {
            color: #6a11cb;
            text-decoration: none;
            font-weight: 600;
        }

        .jy-home-9-close-button {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(255, 255, 255, 0.2);
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            z-index: 1001;
        }

        .jy-home-9-close-button:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .jy-home-9-modal-content {
                flex-direction: column;
                max-height: 95vh;
                overflow-y: auto;
            }
            
            .jy-home-9-modal-left, .jy-home-9-modal-right {
                padding: 30px;
            }
            
            .jy-home-9-modal-title {
                font-size: 2rem;
            }

            .jy-home-9-glass-button {
                width: 250px;
                padding: 16px 35px;
                font-size: 1.1rem;
            }
        }

        @media (max-width: 480px) {
            .jy-home-9-glass-button {
                width: 220px;
                padding: 14px 30px;
                font-size: 1rem;
            }
            
            .jy-home-9-modal-left, .jy-home-9-modal-right {
                padding: 20px;
            }
            
            .jy-home-9-modal-title {
                font-size: 1.8rem;
            }
        }




     .jt-ex-fm-1-fixed-hero {
            position: relative;
            width: 100%;
            height: 750px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .jt-ex-fm-1-hero-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
            transition: transform 10s ease;
        }

        .jt-ex-fm-1-fixed-hero:hover .jt-ex-fm-1-hero-image {
            transform: scale(1.05);
        }

        .jt-ex-fm-1-hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
           
            z-index: 2;
        }

        .jt-ex-fm-1-hero-content {
            position: relative;
            z-index: 3;
            text-align: center;
            color: white;
            max-width: 90%;
            padding: 20px;
        }

        .jt-ex-fm-1-hero-title {
               color: #ffffff;
    font-size: 74px;
    font-weight: 700;
   
    letter-spacing: 3px;
    text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7);
    line-height: 1.1;
    animation: jt-ex-fm-1-titleGlow 3s 
ease-in-out infinite alternate;
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 0;
        }

        @keyframes jt-ex-fm-1-titleGlow {
            0% {
                text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7),
                             0 0 20px rgba(255, 255, 255, 0.1);
            }
            100% {
                text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7),
                             0 0 30px rgba(255, 255, 255, 0.3),
                             0 0 40px rgba(255, 255, 255, 0.1);
            }
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jt-ex-fm-1-hero-title {
                font-size: 4.5rem;
            }
        }

        @media (max-width: 768px) {
            .jt-ex-fm-1-hero-title {
                font-size: 3.5rem;
                letter-spacing: 2px;
            }
        }

        @media (max-width: 480px) {
            .jt-ex-fm-1-fixed-hero {
                height: 600px;
            }
            
            .jt-ex-fm-1-hero-title {
                font-size: 2.8rem;
                letter-spacing: 1px;
            }
        }

        /* 装饰元素 */
        .jt-ex-fm-1-corner-decoration {
            position: absolute;
            width: 100px;
            height: 100px;
            z-index: 2;
        }

        .jt-ex-fm-1-corner-top-left {
            top: 30px;
            left: 30px;
            border-top: 3px solid rgba(255, 255, 255, 0.5);
            border-left: 3px solid rgba(255, 255, 255, 0.5);
        }

        .jt-ex-fm-1-corner-top-right {
            top: 30px;
            right: 30px;
            border-top: 3px solid rgba(255, 255, 255, 0.5);
            border-right: 3px solid rgba(255, 255, 255, 0.5);
        }

        .jt-ex-fm-1-corner-bottom-left {
            bottom: 30px;
            left: 30px;
            border-bottom: 3px solid rgba(255, 255, 255, 0.5);
            border-left: 3px solid rgba(255, 255, 255, 0.5);
        }

        .jt-ex-fm-1-corner-bottom-right {
            bottom: 30px;
            right: 30px;
            border-bottom: 3px solid rgba(255, 255, 255, 0.5);
            border-right: 3px solid rgba(255, 255, 255, 0.5);
        }


 .jy-ex-fm-2-body {
            background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
            background-size: 400% 400%;
            animation: jy-ex-fm-2-gradientBG 15s ease infinite;
            min-height: 100vh;
            color: white;
            padding: 40px 20px;
        }

        @keyframes jy-ex-fm-2-gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .jy-ex-fm-2-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .jy-ex-fm-2-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .jy-ex-fm-2-main-title {
               margin-bottom: 30px;
    font-size: 36px;
    font-weight: 700;
    color: #000000;
    line-height: 1.5;    margin-top: 80px;
        }

    

.kyyx {
    display: flex;
    justify-content: flex-end;    margin-bottom: 28px;
}








		 
.jy-ex-fm-2-view-all-btn-container {
    position: relative;
    display: inline-block; /* 紧凑包裹图片 */
        width: 125px;
    height: 36px;
}

.jy-ex-fm-2-view-all-btn {
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    z-index: 10;
}

.jy-ex-fm-2-view-all-btn-container img {
    display: block;
    width: 125px;
    height: 36px;
    
}
	





















        .jy-ex-fm-2-gallery {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .jy-ex-fm-2-image-card {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
          
            transition: transform 0.3s ease;
            aspect-ratio: 5/3;
        }

        .jy-ex-fm-2-image-card:hover {
            transform: translateY(-10px);
        }

        .jy-ex-fm-2-image-card-link {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
        }

        .jy-ex-fm-2-image-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .jy-ex-fm-2-image-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 17px;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgb(0 0 0 / 0%);
            color: white;
            font-size: 20px;
            font-weight: 400;
            text-align: center;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
            .jy-ex-fm-2-gallery {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .jy-ex-fm-2-main-title {
                font-size: 2.8rem;
            }
        }

        @media (max-width: 768px) {
            .jy-ex-fm-2-main-title {
                font-size: 2.3rem;
            }
            
            .jy-ex-fm-2-view-all-btn {
                padding: 12px 25px;
                font-size: 1rem;
            }
        }

        @media (max-width: 576px) {
            .jy-ex-fm-2-gallery {
                grid-template-columns: 1fr;
            }
            
            .jy-ex-fm-2-main-title {
                font-size: 2rem;
            }
            
            .jy-ex-fm-2-body {
                padding: 20px 15px;
            }
        }




.jy-ex-fm-3-body {
            background: #ffffff;
          
            color: #333;
            padding: 40px 20px;
            position: relative;
              padding-bottom: 100px;
        }

        /* 模块容器 - 添加伪元素创建圆形渐变色块 */
        .jy-ex-fm-3-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

  .jy-ex-fm-3-container::after {
    content: '';
    position: absolute;
    top: 80%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 1900px;
    height: 1800px;
    background: radial-gradient(circle, #df96dd00 0%, rgb(37 117 252 / 32%) 30%, #df96dd47 60%, rgb(255 255 255) 80%);
    border-radius: 50%;
    filter: blur(130px);
    z-index: -1;
    pointer-events: none;
}

        .jy-ex-fm-3-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .jy-ex-fm-3-main-title {
            font-size: 3.5rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 20px;
        }

        .jy-ex-fm-3-view-all-container {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 30px;
        }

        .jy-ex-fm-3-view-all-btn {
             padding: 6px 28px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s 
ease;
    color: #333333;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none;
    display: inline-flex
;
    align-items: center;
    gap: 10px;
    background: linear-gradient(263.57deg, rgba(220, 228, 255, 0.4) 10.17%, rgba(151, 176, 255, 0.4) 60.22%, rgba(220, 228, 255, 0.4) 103.12%);
    box-shadow: 0px 36.8581px 13.9806px rgba(151, 176, 255, 0.02), 0px 20.3355px 12.7097px rgba(151, 176, 255, 0.08), 0px 8.89677px 8.89677px rgba(151, 176, 255, 0.13), 0px 2.54194px 5.08387px rgba(151, 176, 255, 0.15);
    backdrop-filter: blur(4.5px);
        }

        .jy-ex-fm-3-view-all-btn:hover {
            background: rgba(106, 17, 203, 0.2);
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }

        .jy-ex-fm-3-gallery-layout {
            display: grid;
            grid-template-columns: 1.2fr 1.2fr 1.2fr;
            gap: 20px;
        }

        .jy-ex-fm-3-column {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

        .jy-ex-fm-3-image-card {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            background: #fff;
        }

        .jy-ex-fm-3-image-card:hover {
            transform: translateY(-5px);
        }

        .jy-ex-fm-3-image-link {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
        }

        .jy-ex-fm-3-image-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .jy-ex-fm-3-image-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgb(0 0 0 / 0%);
            color: white;
            font-size: 16px;
            font-weight: 400;
            text-align: center;
        }

        /* 第一列样式 */
        .jy-ex-fm-3-col-1-top {
            height: 218px;
        }

        .jy-ex-fm-3-col-1-bottom {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
        }

        .jy-ex-fm-3-col-1-bottom .jy-ex-fm-3-image-card {
            height: 322px;
        }

        /* 第二列样式 */
        .jy-ex-fm-3-col-2-main {
            height: 560px;
        }

        /* 第三列样式 */
        .jy-ex-fm-3-col-3-top, .jy-ex-fm-3-col-3-bottom {
            height: 270px;
        }

        /* 右上角图片 - 最低层级 */
    .jy-ex-fm-3-corner-image {
    position: absolute;
    top: -120px;
    right: -120px;
    z-index: 1;
    opacity: .4;
}

        .jy-ex-fm-3-corner-image img {
            width: 600px;
            height: 600px;
           
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jy-ex-fm-3-gallery-layout {
                grid-template-columns: 1fr 1fr;
                gap: 20px;
            }
            
            .jy-ex-fm-3-col-2-main {
                height: 500px;
            }
            
            .jy-ex-fm-3-col-1-top {
                height: 350px;
            }
            
            .jy-ex-fm-3-col-1-bottom .jy-ex-fm-3-image-card {
                height: 200px;
            }
            
            .jy-ex-fm-3-col-3-top, .jy-ex-fm-3-col-3-bottom {
                height: 280px;
            }
            
            .jy-ex-fm-3-container::after {
                width: 600px;
                height: 600px;
            }
        }

        @media (max-width: 768px) {
            .jy-ex-fm-3-gallery-layout {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .jy-ex-fm-3-main-title {
                font-size: 2.5rem;
            }
            
            .jy-ex-fm-3-view-all-btn {
                padding: 12px 25px;
                font-size: 1rem;
            }
            
            .jy-ex-fm-3-col-1-top, .jy-ex-fm-3-col-2-main, .jy-ex-fm-3-col-3-top, .jy-ex-fm-3-col-3-bottom {
                height: 300px;
            }
            
            .jy-ex-fm-3-col-1-bottom .jy-ex-fm-3-image-card {
                height: 200px;
            }
            
            .jy-ex-fm-3-container::after {
                width: 400px;
                height: 400px;
            }
        }

        @media (max-width: 480px) {
            .jy-ex-fm-3-main-title {
                font-size: 2rem;
            }
            
            .jy-ex-fm-3-body {
                padding: 20px 15px;
            }
            
            .jy-ex-fm-3-col-1-top, .jy-ex-fm-3-col-2-main, .jy-ex-fm-3-col-3-top, .jy-ex-fm-3-col-3-bottom {
                height: 250px;
            }
            
            .jy-ex-fm-3-col-1-bottom .jy-ex-fm-3-image-card {
                height: 150px;
            }
            
            .jy-ex-fm-3-corner-image {
                width: 60px;
                height: 60px;
            }
            
            .jy-ex-fm-3-container::after {
                width: 300px;
                height: 300px;
                filter: blur(30px);
            }
        }




      .jy-ex-fm-4-body {
            background: url('/uploadfile/202510/0a411f865152e08.png');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            min-height: 90vh;
            color: #fff;
            padding: 40px 20px 120px 20px;    z-index: 2;
    position: relative;
        }

        .jy-ex-fm-4-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .jy-ex-fm-4-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .jy-ex-fm-4-main-title {
            font-size: 3.5rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 20px;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
        }

        .jy-ex-fm-4-view-all-container {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 30px;
        }

        .jy-ex-fm-4-view-all-btn {
            padding: 15px 30px;
            font-size: 1.1rem;
            font-weight: 600;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .jy-ex-fm-4-view-all-btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
        }

        .jy-ex-fm-4-gallery-layout {
            display: grid;
            grid-template-columns: 32% 64%;
            gap: 20px;
        }

        .jy-ex-fm-4-left-column {
            display: flex;
            flex-direction: column;
        }

        .jy-ex-fm-4-right-column {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .jy-ex-fm-4-image-card {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease;
            background: #fff;
        }

        .jy-ex-fm-4-image-card:hover {
            transform: translateY(-5px);
        }

        .jy-ex-fm-4-image-link {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
        }

        .jy-ex-fm-4-image-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .jy-ex-fm-4-image-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            background: rgb(0 0 0 / 0%);
            color: white;
            font-size: 20px;
            font-weight: 400;
            text-align: center;
        }

        /* 左侧竖图 */
        .jy-ex-fm-4-left-vertical {
            height: 600px;
        }

        /* 右侧上下结构 */
        .jy-ex-fm-4-right-top, .jy-ex-fm-4-right-bottom {
            display: grid;
            grid-template-columns: 56% 44%;
            gap: 25px;
            height: 287px; /* (800px - 25px gap) / 2 */
        }

        .jy-ex-fm-4-right-bottom {
            grid-template-columns: 44% 56%;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jy-ex-fm-4-gallery-layout {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .jy-ex-fm-4-left-vertical {
                height: 500px;
            }
            
            .jy-ex-fm-4-right-top, .jy-ex-fm-4-right-bottom {
                height: 300px;
            }
            
            .jy-ex-fm-4-main-title {
                font-size: 3rem;
            }
        }

        @media (max-width: 768px) {
            .jy-ex-fm-4-main-title {
                font-size: 2.5rem;
            }
            
            .jy-ex-fm-4-view-all-btn {
                padding: 12px 25px;
                font-size: 1rem;
            }
            
            .jy-ex-fm-4-right-top, .jy-ex-fm-4-right-bottom {
                grid-template-columns: 1fr;
                height: auto;
            }
            
            .jy-ex-fm-4-right-top .jy-ex-fm-4-image-card, 
            .jy-ex-fm-4-right-bottom .jy-ex-fm-4-image-card {
                height: 200px;
            }
            
            .jy-ex-fm-4-left-vertical {
                height: 400px;
            }
        }

        @media (max-width: 480px) {
            .jy-ex-fm-4-main-title {
                font-size: 2rem;
            }
            
            .jy-ex-fm-4-body {
                padding: 20px 15px;
            }
            
            .jy-ex-fm-4-left-vertical {
                height: 300px;
            }
        }



.jt-wh-1-decorative-image-1 {
    position: absolute;
    left: 200px;
    opacity: .2;
    overflow: hidden;
    bottom: -300px;
}

.jt-wh-1-decorative-image-1 img {
    width: 600px;
}


.jy-ex-fm-5-body {
            background: #ffffff;
            min-height: 70vh;
            color: #333;
            padding: 80px 0px 0px 0px;
              position: relative;
        }

        .jy-ex-fm-5-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .jy-ex-fm-5-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .jy-ex-fm-5-main-title {
            font-size: 3.5rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
        }

        .jy-ex-fm-5-view-all-container {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 30px;
        }

        .jy-ex-fm-5-view-all-btn {
            padding: 15px 30px;
            font-size: 1.1rem;
            font-weight: 600;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgba(106, 17, 203, 0.1);
            color: #6a11cb;
            border: 1px solid rgba(106, 17, 203, 0.2);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .jy-ex-fm-5-view-all-btn:hover {
            background: rgba(106, 17, 203, 0.2);
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }

        .jy-ex-fm-5-gallery-wall {
            display: flex;
            height: 480px;
            gap: 20px;
            margin-bottom: 40px;
        }

        .jy-ex-fm-5-image-item {
            position: relative;
            flex: 1;
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.5s ease;
            cursor: pointer;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .jy-ex-fm-5-image-item:hover {
            flex: 3;
        }

        .jy-ex-fm-5-image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .jy-ex-fm-5-image-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgba(0, 0, 0, 0.4);
            color: white;
            font-size: 24px;
            font-weight: 500;
            text-align: center;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }

        .jy-ex-fm-5-image-item:hover .jy-ex-fm-5-image-title {
            transform: translateY(0);
        }

        /* 左下角低层级图片 */
        .jy-ex-fm-5-corner-image {
            position: fixed;
            bottom: 20px;
            left: 20px;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            overflow: hidden;
            border: 3px solid rgba(106, 17, 203, 0.1);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            z-index: 1;
            opacity: 0.7;
            transition: all 0.3s ease;
        }

        .jy-ex-fm-5-corner-image:hover {
            opacity: 1;
            transform: scale(1.05);
        }

        .jy-ex-fm-5-corner-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jy-ex-fm-5-gallery-wall {
                height: 400px;
            }
            
            .jy-ex-fm-5-main-title {
                font-size: 3rem;
            }
        }

        @media (max-width: 768px) {
            .jy-ex-fm-5-gallery-wall {
                height: 300px;
                flex-direction: column;
                gap: 10px;
            }
            
            .jy-ex-fm-5-image-item {
                flex: 1;
            }
            
            .jy-ex-fm-5-image-item:hover {
                flex: 2;
            }
            
            .jy-ex-fm-5-main-title {
                font-size: 2.5rem;
            }
            
            .jy-ex-fm-5-view-all-btn {
                padding: 12px 25px;
                font-size: 1rem;
            }
            
            .jy-ex-fm-5-corner-image {
                width: 80px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .jy-ex-fm-5-main-title {
                font-size: 2rem;
            }
            
            .jy-ex-fm-5-body {
                padding: 20px 15px;
            }
            
            .jy-ex-fm-5-gallery-wall {
                height: 250px;
            }
            
            .jy-ex-fm-5-image-title {
                padding: 15px;
                font-size: 1rem;
            }
        }







 .jy-ex-fm-9-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
              padding: 40px 20px;
           
        
               margin: 0 auto;
    padding-bottom: 120px;
        }



.TRT{position: relative;}
        
        .TRT::after {
       content: '';
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 600px;
    border-radius: 50%;
    z-index: 0;
    background: rgba(110, 84, 243, 0.20);
    filter: blur(150px);
        }















      .jy-ex-fm-9-container::before {
    content: '';
    position: absolute;
    top: 32%;
    left: 90%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    background: linear-gradient(245deg, #5ed4ff1c, #5ed4ff69);
    border-radius: 50%;
    z-index: 0;
    filter: blur(80px);
        }


        
        .jy-ex-fm-9-title {
            color: #333;
            font-size: 36px;
            margin-bottom: 30px;
            text-align: left;
            position: relative;
            z-index: 1;    font-weight: 700;
        }
        
        .jy-ex-fm-9-list {
            display: flex;
            flex-direction: column;
            gap: 25px;
            position: relative;
            z-index: 1;
        }
        
        .jy-ex-fm-9-item {
           
            border: 1px solid rgba(255, 255, 255, 0.5);
        
			    display: flex;
    gap: 20px;
    padding: 25px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease;
    background: url(/uploadfile/202510/8bcbddef3a68f44.png);
    background-size: cover;
    background-position: center;
			
			
			
			
        }
        
        .jy-ex-fm-9-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
        }
        
        .jy-ex-fm-9-avatar {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            border: 2px solid rgba(255, 255, 255, 0.8);
            position: relative;
            z-index: 1;
        }
        
        .jy-ex-fm-9-item::before {
            content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: 190px;
    height: 150px;
    background: linear-gradient(199deg, #5ed4ff00, #9fccff80);
    border-radius: 50%;
    z-index: -1;
    filter: blur(15px);
        }
        
        .jy-ex-fm-9-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }
        
        .jy-ex-fm-9-content {
            flex: 1;
            color: #333;
        }
        
        .jy-ex-fm-9-name {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 8px;
            color: #2c3e50;
        }
        
        .jy-ex-fm-9-text {
              color: #555;
    padding-top: 22px;
        }
        
        .jy-ex-fm-9-date {
            margin-top: 10px;
            font-size: 0.85rem;
            opacity: 0.7;
            color: #777;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .jy-ex-fm-9-title {
                font-size: 2rem;
            }
            
            .jy-ex-fm-9-item {
                flex-direction: column;
                text-align: center;
            }
            
            .jy-ex-fm-9-avatar {
                align-self: center;
            }
        }
        
        @media (max-width: 480px) {
            .jy-ex-fm-9-title {
                font-size: 1.7rem;
            }
            
            .jy-ex-fm-9-item {
                padding: 20px;
            }
            
            .jy-ex-fm-9-avatar {
                width: 60px;
                height: 60px;
            }
            
            .jy-ex-fm-9-avatar::before {
                width: 80px;
                height: 80px;
            }
        }

 .jy-ex-list-1-fullscreen-section {
            height: 750px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            position: relative;
            overflow: hidden;
        }
        
        .jy-ex-list-1-fullscreen-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: -1;
        }
        

.jy-ex-list-1-main-title img{
    width: 333px;
}




        .jy-ex-list-1-fullscreen-section::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: -1;
        }



.jy-ex-list-3{position: relative }



        .jy-ex-list-3::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
           
            z-index: -1;
        }


          .jy-ex-list-3::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
           
            z-index: -1;
            background-image: url(/uploadfile/202510/774bb494153533f.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: -1;
        }


.jy-ex-list-3 {
    height: 750px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
}



        
        .jy-ex-list-1-container {
            max-width: 1200px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;padding-top: 100px;
        }



       .jy-ex-list-122-container {
               max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
        }
        


       .jy-ex-list-123-container {
                max-width: 1200px;
    width: 100%;
    display: flex
;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 40%;
        }
        


        
        .jy-ex-list-1-left-content {
            width: 40%;
            padding-right: 40px;
        }
        


   .jy-ex-list-12-left-content {
               width: 62%;
    padding-right: 0px;
    text-align: center;
        }
        






        .jy-ex-list-1-main-title {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 30px;
           
            line-height: 1.2;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        }
        
        .jy-ex-list-1-subtitle {
            font-size: 1.5rem;
            font-weight: 500;
            margin-bottom: 20px;
            color: #f0f0f0;
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }
        
        .jy-ex-list-1-description {
            font-size: 14px;
            line-height: 1.7;
            color: #e0e0e0;
            margin-bottom: 20px;
                font-weight: 400;
        }
        
        .jy-ex-list-1-right-content {
            width: 58%;
            display: flex;
            justify-content: space-between;    gap: 20px;
        }
        
        .jy-ex-list-1-image-container {
            width: 32%;
            height: 339px;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease;
            background-color: #fff;
        }
        
        .jy-ex-list-1-image-container:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
        }
        
        .jy-ex-list-1-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .jy-ex-list-1-image-container:hover img {
            transform: scale(1.05);
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jy-ex-list-1-container {
                flex-direction: column;
                text-align: center;
            }
            
            .jy-ex-list-1-left-content, .jy-ex-list-1-right-content {
                width: 100%;
                padding-right: 0;
            }
            
            .jy-ex-list-1-left-content {
                margin-bottom: 40px;
            }
            
            .jy-ex-list-1-main-title {
                font-size: 2.5rem;
            }
        }
        
        @media (max-width: 768px) {
            .jy-ex-list-1-fullscreen-section {
                height: auto;
                padding: 40px 20px;
            }
            
            .jy-ex-list-1-right-content {
                flex-direction: column;
                align-items: center;
            }
            
            .jy-ex-list-1-image-container {
                width: 100%;
                max-width: 400px;
                margin-bottom: 20px;
            }
            
            .jy-ex-list-1-main-title {
                font-size: 2rem;
            }
            
            .jy-ex-list-1-subtitle {
                font-size: 1.3rem;
            }
        }
  .jy-ex-list-2-container {
              width: 100%;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 90px;
        }
        
        .jy-ex-list-2-title {
            color: #333;
            margin-bottom: 30px;
            font-size: 28px;
            font-weight: 700;
        }
        
        .jy-ex-list-2-menu-container {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 70px;
        }
        
        .jy-ex-list-2-menu-btn {
               padding: 12px 24px;
    border: none;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    color: #000000;
    text-decoration: none;
    display: inline-block;
    background: url(/uploadfile/202510/e4735250dc1a4a3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 144px;
    height: 56px;    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        }
        
        .jy-ex-list-2-menu-btn:hover {
            transform: translateY(-3px);
          
        }
        
        .jy-ex-list-2-menu-btn:active {
            transform: translateY(1px);
        }
        
        .jy-ex-list-2-menu-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transition: left 0.5s;
        }
        
        .jy-ex-list-2-menu-btn:hover::before {
            left: 100%;
        }
        
 

   
        .jy-ex-list-2-content {
            margin-top: 30px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        
        .jy-ex-list-2-image-item {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          
            transition: transform 0.3s ease;
        }
        
        .jy-ex-list-2-image-item:hover {
            transform: translateY(-5px);
        }
        
        .jy-ex-list-2-image-link {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        .jy-ex-list-2-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        

        .jy-ex-list-2-image-title {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
           
            opacity: 0;
            transition: opacity 0.3s ease;
            
            /* 毛玻璃效果 */
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
        }
        
        .jy-ex-list-2-image-item:hover .jy-ex-list-2-image-title {
            opacity: 1;
        }
        
        .jy-ex-list-2-active {
            background: rgba(167, 119, 227, 0.7);
        }
        
        .jy-ex-list-2-message {
            grid-column: 1 / -1;
            padding: 40px;
            text-align: center;
            color: #333;
        }


 /* 全屏模块样式 */
        .jy-ls-fullscreen-module {
            position: relative;
            height: 750px;
          
            background-size: cover;
            overflow: hidden;
            display: flex;
            align-items: center;
        }
        
        /* 标题区域容器 - 1400px宽度居左 */
        .jy-ls-title-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            width: 100%;
        }
        
        /* 标题区域样式 - 居左显示 */
        .jy-ls-title-section {
            max-width: 830px;
            position: relative;
            z-index: 3;
            text-align: left;
        }
        
        .jy-ls-main-title {
            font-size: 74px;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.1;color: #ffffff;
           
        }

.fm2 img {
    width: 280px;    margin-left: -37px;
}



        
        .jy-ls-subtitle {
            font-size: 40px;
            font-weight: 400;
            margin-bottom: 25px;
            color: #6A8DFF;
        }
        
        .jy-ls-description {
               font-size: 20px;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #ffffff;
    font-weight: 400;
        }
        
        .jy-ls-divider {
            height: 3px;
            width: 100px;
            background: #ffa500;
            margin: 30px 0;
        }
        
        /* 渐变色彩块 */
        .jy-ls-color-blocks {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        .jy-ls-color-block {
            position: absolute;
            border-radius: 50%;
            opacity: 0.1;
            filter: blur(40px);
        }
        
        .jy-ls-block-1 {
            width: 300px;
            height: 300px;
            background: linear-gradient(45deg, #ff6b6b, #ffa500);
            top: 10%;
            right: 15%;
        }
        
        .jy-ls-block-2 {
            width: 400px;
            height: 400px;
            background: linear-gradient(45deg, #4ecdc4, #44a08d);
            bottom: 10%;
            left: 10%;
        }
        
        .jy-ls-block-3 {
            width: 250px;
            height: 250px;
            background: linear-gradient(45deg, #a166ab, #5073b8);
            top: 40%;
            right: 25%;
        }
        
        /* 选项卡容器样式 - 独立于全屏模块 */
        .jy-ls-tabs-section {
            background: #080808;
            padding: 140px 0 40px 0;
            position: relative;
            z-index: 10;
        }
        
        .jy-ls-tabs-container {
            text-align: center;
            margin: 0 auto;
            max-width: 1200px;
            padding: 0 20px;
        }
        
        .jy-ls-tabs {
               display: inline-flex
;
    position: relative;
    overflow: hidden;
    background: linear-gradient(263.57deg, rgba(220, 228, 255, 0.4) 10.17%, rgba(151, 176, 255, 0.4) 60.22%, rgba(220, 228, 255, 0.4) 103.12%);
    opacity: 0.89;
    box-shadow: 0px 36.8581px 13.9806px rgba(151, 176, 255, 0.02), 0px 20.3355px 12.7097px rgba(151, 176, 255, 0.08), 0px 8.89677px 8.89677px rgba(151, 176, 255, 0.13), 0px 2.54194px 5.08387px rgba(151, 176, 255, 0.15);
    backdrop-filter: blur(4.5px);
    border-radius: 100px;
        }
        
        .jy-ls-tab {
            padding: 3.2px 56px;
            cursor: pointer;
            font-weight: 400;
            font-size: 32px;
            border-radius: 6px;
            transition: all 0.3s ease;
            position: relative;
            z-index: 2;    color: #ffffff;
        }
        
        .jy-ls-tab-slider {
             position: absolute;
    top: 0px;
    left: 0px;
    height: calc(100% - 0px);
    width: calc(50% - 0px);
    transition: transform 0.4s ;
cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: 1;
   
    background: url(/uploadfile/202510/9c28ef03444f76a.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 219px;
    height: 58px;
        }
        
        /* 内容区域样式 */
        .jy-ls-content-section {
            background: #080808;
            padding: 60px 20px;
            position: relative;
            z-index: 5;
            overflow: hidden;
        }


.jy-ls-corner-image img {
    width: 700px;
    
}


        
        /* 左上角图片 - 现在在内容区域显示 */
        .jy-ls-corner-image {
            position: absolute;
            top: -80px;
            left: -50px;
            width: 300px;
            height: 300px;
          opacity: .3;
            z-index: -1;
        }
        
        /* 内容区域渐变色块 - 随机形状 */
        .jy-ls-content-blocks {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        .jy-ls-content-block {
            position: absolute;
            opacity: 0.08;
            filter: blur(40px);
            animation: jy-ls-float 15s infinite ease-in-out;
        }
        
        /* 随机形状的渐变色块 */
        .jy-ls-cblock-1 {
            width: 200px;
            height: 300px;
            background: linear-gradient(45deg, #ff6b6b, #ffa500);
            top: 10%;
            right: 5%;
            border-radius: 60% 40% 30% 70%;
            animation-delay: 0s;
        }
        
        .jy-ls-cblock-2 {
            width: 350px;
            height: 250px;
            background: linear-gradient(45deg, #4ecdc4, #44a08d);
            bottom: 15%;
            left: 5%;
            border-radius: 40% 60% 70% 30%;
            animation-delay: 3s;
        }
        
        .jy-ls-cblock-3 {
            width: 280px;
            height: 280px;
            background: linear-gradient(45deg, #a166ab, #5073b8);
            top: 40%;
            left: 20%;
            border-radius: 50% 20% 80% 40%;
            animation-delay: 6s;
        }
        
        .jy-ls-cblock-4 {
            width: 320px;
            height: 180px;
            background: linear-gradient(45deg, #ffe259, #ffa751);
            bottom: 5%;
            right: 20%;
            border-radius: 30% 70% 50% 50%;
            animation-delay: 9s;
        }
        
        .jy-ls-cblock-5 {
            width: 150px;
            height: 350px;
            background: linear-gradient(45deg, #7b4397, #dc2430);
            top: 20%;
            left: 60%;
            border-radius: 80% 20% 40% 60%;
            animation-delay: 12s;
        }
        
        .jy-ls-cblock-6 {
            width: 400px;
            height: 150px;
            background: linear-gradient(45deg, #00c6ff, #0072ff);
            top: 70%;
            left: 40%;
            border-radius: 20% 80% 60% 40%;
            animation-delay: 15s;
        }
        
        .jy-ls-cblock-7 {
            width: 220px;
            height: 220px;
            background: linear-gradient(45deg, #f46b45, #eea849);
            top: 15%;
            right: 25%;
            border-radius: 70% 30% 50% 50%;
            animation-delay: 18s;
        }
        
        .jy-ls-content-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            z-index: 2;
        }
        
        .jy-ls-tab-content {
            display: none;
            animation: jy-ls-fadeIn 0.5s ease;
        }
        
        .jy-ls-tab-content.jy-ls-active {
            display: block;
        }
        
        /* 内容标题和描述 - 居左显示 */
        .jy-ls-content-title {
            font-size: 40px;
            margin-bottom: 10px;
            color: #ffa500;    font-weight: 400;text-align: left;
        }
        
        .jy-ls-content-description {
            font-size: 20px;
            line-height: 1.7;
            margin-bottom: 10px;
            text-align: left;
              color: #DF96DD;
            max-width: 100%;font-weight: 600;
        }
        
        /* 图片网格样式 */
        .jy-ls-image-grid {
            display: flex;
            gap: 23px;
            margin-top: 40px;
        }
        
        .jy-ls-image-item {
            flex: 1;
            text-align: center;
            position: relative;
            z-index: 2;
        }
        
        .jy-ls-image-placeholder {
            height: 217px;
            border-radius: 10px;
            margin-bottom: 15px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease;
            background-size: cover;
            background-position: center;
        }
        
        .jy-ls-image-placeholder:hover {
            transform: translateY(-5px);
        }
        
        .jy-ls-image-title {
            font-weight: 400;
            font-size: 14px;color: #ffffff;    opacity: .9;
        }
        
        /* 动画效果 */
        @keyframes jy-ls-fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes jy-ls-float {
            0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
            33% { transform: translateY(-15px) rotate(3deg) scale(1.05); }
            66% { transform: translateY(10px) rotate(-2deg) scale(0.95); }
        }
        
        /* 响应式设计 */
        @media (max-width: 1400px) {
            .jy-ls-title-container {
                max-width: 1200px;
            }
        }
        
        @media (max-width: 1024px) {
            .jy-ls-title-container {
                max-width: 1000px;
            }
            
            .jy-ls-main-title {
                font-size: 3rem;
            }
            
            .jy-ls-image-grid {
                flex-direction: column;
            }
        }
        
        @media (max-width: 768px) {
            .jy-ls-fullscreen-module {
                height: auto;
                min-height: 750px;
            }
            
            .jy-ls-title-container {
                max-width: 100%;
                padding: 0 30px;
            }
            
            .jy-ls-main-title {
                font-size: 2.5rem;
            }
            
            .jy-ls-subtitle {
                font-size: 1.5rem;
            }
            
            .jy-ls-corner-image {
                width: 200px;
                height: 200px;
                top: -50px;
                left: -30px;
            }
            
            .jy-ls-tabs {
                flex-direction: column;
                width: 100%;
            }
            
            .jy-ls-tab-slider {
                width: calc(100% - 10px);
                height: calc(50% - 5px);
                transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
            }
            
            .jy-ls-content-block {
                opacity: 0.05;
                filter: blur(30px);
            }
        }


 /* 全屏背景部分 */
        .jt-wh-1-fullscreen-bg {
            height: 750px;
            background-image: url('/uploadfile/202510/03467a25b4b3ebb.jpg');
            background-size: cover;
            background-position: center;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
        }
        
        .jt-wh-1-title {
            font-size: 74px;
            margin-bottom: 1.5rem;
            font-weight: 700;
        }
        
        .jt-wh-1-subtitle {
               font-size: 20px;
    max-width: 800px;
    line-height: 1.6;
    font-weight: 400;
        }
        
        /* 内容模块部分 */
        .jt-wh-1-content-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 100px 0px;
            position: relative;
        }
        
        .jt-wh-1-content-bg {
              background-image: url(/uploadfile/202511/b1fb77c736eb198.png);
    background-size: cover;
    background-position: center;
    height: 600px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }
        
        .jt-wh-1-content-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
           
            z-index: 1;
        }
        


    
        .jt-wh-22-content-bg {
            background-image: url('/uploadfile/202511/0c1e5a4ea2fe829.png');
            background-size: cover;
            background-position: center;
            height: 600px;
            border-radius: 12px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }
        
        .jt-wh-22-content-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.2);
            z-index: 1;
        }
        





        .jt-wh-1-glass-card {
               position: absolute;
    top: 220px;
    left: 30px;
    padding: 0px 40px 40px 40px;
    z-index: 2;
        }
        

.ys1 {
    color: #6A8DFF;
}

.ys2 {
    color: #FF97EE;
}


        .jt-wh-1-card-header {
            display: flex;
            flex-direction: column;
           
            margin-bottom: 25px;
            
        }
        
        .jt-wh-1-earth-icon {
            width: 60px;
            height: 60px;
            margin-bottom: 55px;
           background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 40px;
        }
        
        .jt-wh-1-card-title {
            color: white;
            font-size: 36px;
            font-weight: 700;
            line-height: 1.3;
        }
        
        .jt-wh-1-card-description {
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.7;
            font-size: 16px;    font-weight: 400;
        }
        
        .jt-wh-1-decorative-image {
                position: absolute;
    top: 100px;
    right: -400px;
    z-index: -1;
    opacity: .2;
    overflow: hidden;
        }
        

.jt-wh-1-decorative-image img {
    width: 600px;
}



        /* 响应式调整 */
        @media (max-width: 1400px) {
            .jt-wh-1-decorative-image {
                right: -50px;
                width: 200px;
                height: 200px;
            }
        }
        
        @media (max-width: 1200px) {
            .jt-wh-1-glass-card {
                width: 400px;
                left: 40px;
            }
            
            .jt-wh-1-decorative-image {
                right: -30px;
                width: 180px;
                height: 180px;
            }
        }
        
        @media (max-width: 768px) {
            .jt-wh-1-title {
                font-size: 2.5rem;
            }
            
            .jt-wh-1-subtitle {
                font-size: 1.2rem;
                padding: 0 20px;
            }
            
            .jt-wh-1-glass-card {
                position: relative;
                top: 0;
                left: 0;
                width: 90%;
                margin: 40px auto;
            }
            
            .jt-wh-1-content-bg {
                height: auto;
                padding-bottom: 40px;
            }
            
            .jt-wh-1-decorative-image {
                display: none;
            }
        }










 .jy-ex-fm-8-body {
            background: #ffffff;
          
            color: #333;
            padding: 40px 20px;
           
        }

        /* 背景渐变圆块 */
        .jy-ex-fm-8-body::before {
             content: '';
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgb(106 17 203 / 37%) 0%, rgba(37, 117, 252, 0.08) 30%, rgba(253, 187, 45, 0.05) 60%, rgba(255, 255, 255, 0) 80%);
    border-radius: 50%;
    filter: blur(100px);
    z-index: 0;
    pointer-events: none;
        }

        .jy-ex-fm-8-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .jy-ex-fm-8-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .jy-ex-fm-8-main-title {
            font-size: 3.5rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
        }

        .jy-ex-fm-8-view-all-container {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 10px;
        }

        .jy-ex-fm-8-view-all-btn {
            padding: 15px 30px;
            font-size: 1.1rem;
            font-weight: 600;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgba(106, 17, 203, 0.1);
            color: #6a11cb;
            border: 1px solid rgba(106, 17, 203, 0.2);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .jy-ex-fm-8-view-all-btn:hover {
            background: rgba(106, 17, 203, 0.2);
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }

        .jy-ex-fm-8-carousel-3d {
            position: relative;
            height: 500px;
            perspective: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }

        .jy-ex-fm-8-carousel-track {
            position: absolute;
            top: 50%;
            left: 50%;
            transform-style: preserve-3d;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 400px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .jy-ex-fm-8-carousel-item {
            position: absolute;
            width: 470px;
            height: 480px;
            border-radius: 16px;
            overflow: hidden;
          
            transition: all 0.5s ease;
            cursor: pointer;
            transform-origin: center center;
        }

        .jy-ex-fm-8-carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .jy-ex-fm-8-carousel-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 25px;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgb(165 165 165 / 0%);
            color: white;
            transform: translateY(0);
            transition: all 0.3s ease;
        }

        .jy-ex-fm-8-carousel-title {
            font-size: 22px;
            font-weight: 400;
            margin-bottom: 8px;
        }

        .jy-ex-fm-8-carousel-desc {
            font-size: 0.9rem;
            opacity: 0.9;
            line-height: 1.4;
        }

        /* 3D梯形排列 - 无倾斜 */
        .jy-ex-fm-8-carousel-item:nth-child(1) {
            transform: translateX(-400px) scale(0.8);
            opacity: 0.7;
            z-index: 1;
        }

        .jy-ex-fm-8-carousel-item:nth-child(2) {
            transform: translateX(-200px) scale(0.9);
            opacity: 0.8;
            z-index: 2;
        }

        .jy-ex-fm-8-carousel-item:nth-child(3) {
            transform: translateX(0) scale(1);
            opacity: 1;
            z-index: 3;
        }

        .jy-ex-fm-8-carousel-item:nth-child(4) {
            transform: translateX(200px) scale(0.9);
            opacity: 0.8;
            z-index: 2;
        }

        .jy-ex-fm-8-carousel-item:nth-child(5) {
            transform: translateX(400px) scale(0.8);
            opacity: 0.7;
            z-index: 1;
        }

        /* 移除悬停效果 */
        /* .jy-ex-fm-8-carousel-item:hover {
            transform: scale(1.05) !important;
            z-index: 10;
            opacity: 1 !important;
        } */

        /* 自动轮播指示器 */
        .jy-ex-fm-8-carousel-indicators {
            position: absolute;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }

        .jy-ex-fm-8-indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(106, 17, 203, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .jy-ex-fm-8-indicator.jy-ex-fm-8-active {
            background: #6a11cb;
            transform: scale(1.2);
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jy-ex-fm-8-carousel-3d {
                height: 450px;
            }
            
            .jy-ex-fm-8-carousel-track {
                height: 350px;
            }
            
            .jy-ex-fm-8-carousel-item {
                width: 250px;
                height: 350px;
            }
            
            .jy-ex-fm-8-carousel-item:nth-child(1) { transform: translateX(-320px) scale(0.8); }
            .jy-ex-fm-8-carousel-item:nth-child(2) { transform: translateX(-160px) scale(0.9); }
            .jy-ex-fm-8-carousel-item:nth-child(4) { transform: translateX(160px) scale(0.9); }
            .jy-ex-fm-8-carousel-item:nth-child(5) { transform: translateX(320px) scale(0.8); }
            
            .jy-ex-fm-8-main-title {
                font-size: 3rem;
            }
        }

        @media (max-width: 768px) {
            .jy-ex-fm-8-carousel-3d {
                height: 400px;
            }
            
            .jy-ex-fm-8-carousel-track {
                height: 300px;
            }
            
            .jy-ex-fm-8-carousel-item {
                width: 200px;
                height: 300px;
            }
            
            .jy-ex-fm-8-carousel-item:nth-child(1) { transform: translateX(-240px) scale(0.7); }
            .jy-ex-fm-8-carousel-item:nth-child(2) { transform: translateX(-120px) scale(0.8); }
            .jy-ex-fm-8-carousel-item:nth-child(4) { transform: translateX(120px) scale(0.8); }
            .jy-ex-fm-8-carousel-item:nth-child(5) { transform: translateX(240px) scale(0.7); }
            
            .jy-ex-fm-8-main-title {
                font-size: 2.5rem;
            }
            
            .jy-ex-fm-8-view-all-btn {
                padding: 12px 25px;
                font-size: 1rem;
            }
            
            .jy-ex-fm-8-carousel-content {
                padding: 15px;
            }
            
            .jy-ex-fm-8-carousel-title {
                font-size: 1.1rem;
            }
            
            .jy-ex-fm-8-carousel-desc {
                font-size: 0.8rem;
            }
        }

        @media (max-width: 480px) {
            .jy-ex-fm-8-main-title {
                font-size: 2rem;
            }
            
            .jy-ex-fm-8-body {
                padding: 20px 15px;
            }
            
            .jy-ex-fm-8-carousel-3d {
                height: 350px;
            }
            
            .jy-ex-fm-8-carousel-track {
                height: 250px;
            }
            
            .jy-ex-fm-8-carousel-item {
                width: 160px;
                height: 250px;
            }
            
            .jy-ex-fm-8-carousel-item:nth-child(1) { transform: translateX(-180px) scale(0.6); opacity: 0.6; }
            .jy-ex-fm-8-carousel-item:nth-child(2) { transform: translateX(-90px) scale(0.7); opacity: 0.7; }
            .jy-ex-fm-8-carousel-item:nth-child(4) { transform: translateX(90px) scale(0.7); opacity: 0.7; }
            .jy-ex-fm-8-carousel-item:nth-child(5) { transform: translateX(180px) scale(0.6); opacity: 0.6; }
            
            .jy-ex-fm-8-carousel-content {
                padding: 10px;
            }
            
            .jy-ex-fm-8-carousel-title {
                font-size: 1rem;
                margin-bottom: 4px;
            }
            
            .jy-ex-fm-8-carousel-desc {
                font-size: 0.7rem;
            }
        }

        .jt-xgh-hdp-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;    margin-top: 160px;
        }
        
        .jt-xgh-hdp-header {
            text-align: center;
            margin-bottom: 40px;
        }
        
        .jt-xgh-hdp-title {
            font-size: 36px;
            font-weight: 700;
            color: #000000;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
            line-height: 1.2;
        }
        
        .jt-xgh-hdp-view-all-container {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 30px;
        }
        
        .jt-xgh-hdp-view-all-btn {
            padding: 15px 30px;
            font-size: 1.1rem;
            font-weight: 600;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            background: rgba(106, 17, 203, 0.1);
            color: #6a11cb;
            border: 1px solid rgba(106, 17, 203, 0.2);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }
        
        .jt-xgh-hdp-view-all-btn:hover {
            background: rgba(106, 17, 203, 0.2);
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }
        
        .jt-xgh-hdp-wrapper {
            position: relative;
            height: 588px;
            perspective: 1200px;
            margin: 0 auto;
            overflow: hidden;
            cursor: grab;
        }
        
        .jt-xgh-hdp-wrapper:active {
            cursor: grabbing;
        }
        
        .jt-xgh-hdp-track {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 400px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .jt-xgh-hdp-item {
            position: absolute;
            width: 470px;
            height: 480px;
            border-radius: 16px;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
            transform-origin: center center;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
        }
        
        .jt-xgh-hdp-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .jt-xgh-hdp-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 25px;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        }
        
        .jt-xgh-hdp-item-title {
            font-size: 22px;
            font-weight: 400;
            margin-bottom: 8px;
        }
        
        .jt-xgh-hdp-item-desc {
            font-size: 0.9rem;
            opacity: 0.9;
            line-height: 1.4;
        }
        
        .jt-xgh-hdp-indicators {
            position: absolute;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }
        
        .jt-xgh-hdp-indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(106, 17, 203, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .jt-xgh-hdp-indicator.jt-xgh-hdp-active {
            background: #6a11cb;
            transform: scale(1.2);
        }
        
        .jt-xgh-hdp-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            z-index: 10;
        }
        
        .jt-xgh-hdp-nav-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            font-size: 20px;
            font-weight: bold;
            color: #6a11cb;
        }
        
        .jt-xgh-hdp-nav-btn:hover {
            background: rgba(106, 17, 203, 0.2);
            transform: scale(1.1);
        }
        
        .jt-xgh-hdp-instructions {
            text-align: center;
            margin-top: 60px;
            color: #6a11cb;
            font-size: 1rem;
            opacity: 0.8;
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jt-xgh-hdp-wrapper {
                height: 450px;
            }
            
            .jt-xgh-hdp-track {
                height: 350px;
            }
            
            .jt-xgh-hdp-item {
                width: 350px;
                height: 350px;
            }
            
            .jt-xgh-hdp-title {
                font-size: 3rem;
            }
        }
        
        @media (max-width: 768px) {
            .jt-xgh-hdp-wrapper {
                height: 400px;
            }
            
            .jt-xgh-hdp-track {
                height: 300px;
            }
            
            .jt-xgh-hdp-item {
                width: 250px;
                height: 300px;
            }
            
            .jt-xgh-hdp-title {
                font-size: 2.5rem;
            }
            
            .jt-xgh-hdp-view-all-btn {
                padding: 12px 25px;
                font-size: 1rem;
            }
            
            .jt-xgh-hdp-content {
                padding: 15px;
            }
            
            .jt-xgh-hdp-item-title {
                font-size: 1.1rem;
            }
            
            .jt-xgh-hdp-item-desc {
                font-size: 0.8rem;
            }
        }
        
        @media (max-width: 480px) {
            .jt-xgh-hdp-title {
                font-size: 2rem;
            }
            
            .jt-xgh-hdp-wrapper {
                height: 350px;
            }
            
            .jt-xgh-hdp-track {
                height: 250px;
            }
            
            .jt-xgh-hdp-item {
                width: 200px;
                height: 250px;
            }
            
            .jt-xgh-hdp-content {
                padding: 10px;
            }
            
            .jt-xgh-hdp-item-title {
                font-size: 1rem;
                margin-bottom: 4px;
            }
            
            .jt-xgh-hdp-item-desc {
                font-size: 0.7rem;
            }
        }

.bs1 {
    color: #ffffff;
}


.mt-80 {
    margin-top: 80px;
}









.jy-home-login-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

        @keyframes jy-home-login-gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .jy-home-login-hero {
            position: relative;
            width: 100%;
            max-width: 1200px;
            height: 70vh;
            border-radius: 24px;
            overflow: hidden;
           
            margin-bottom: 30px;
        }

        .jy-home-login-hero-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: brightness(0.8);
        }

        .jy-home-login-hero-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 20px;
        }

        .jy-home-login-buttons-container {
            display: flex;
            flex-direction: column;
            gap: 25px;
            align-items: center;
        }

        .jy-home-login-glass-button {
            padding: 18px 40px;
            font-size: 20px;
            font-weight: 500;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(1px);
            -webkit-backdrop-filter: blur(1px);
            background: rgba(255, 255, 255, 0.2);
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            text-decoration: none;
            display: inline-block;
            width: 280px;
            text-align: center;
            position: relative;
            overflow: hidden;    text-transform: uppercase;
        }

        .jy-home-login-glass-button:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
        }

        .jy-home-login-glass-button:active {
            transform: translateY(1px);
        }

        .jy-home-login-glass-button::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transform: translateX(-100%);
        }

        .jy-home-login-glass-button:hover::after {
            transform: translateX(100%);
            transition: transform 0.6s ease;
        }

        /* 弹窗样式 */
        .jy-home-login-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            align-items: center;
            justify-content: center;
            padding: 20px;
            animation: jy-home-login-fadeIn 0.3s ease;
        }

        @keyframes jy-home-login-fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        .jy-home-login-modal-content {
            width: 100%;
            max-width: 1000px;
            height: auto;
            max-height: 90vh;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
            display: flex;
            flex-direction: row;
            animation: jy-home-login-slideUp 0.4s ease;    background: url(/uploadfile/202510/0f4845ca024fe42.jpg) no-repeat;
        }

        @keyframes jy-home-login-slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .jy-home-login-modal-left {
            flex: 1;
         
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .jy-home-login-modal-left::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
           
        }

        .jy-home-login-modal-right {
            flex: 1;
            padding: 40px;
           
            color: #333;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .jy-home-login-modal-title {
            font-size: 28px;
            margin-bottom: 5px;
            position: relative;
            z-index: 1;    color: #333333;
        }

        .jy-home-login-modal-subtitle {
            font-size: 1.2rem;
            margin-bottom: 20px;
            opacity: 0.9;
            position: relative;
            z-index: 1;    color: #333333;
        }

        .jy-home-login-modal-button {
              font-size: 16px;
    font-weight: 400;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #333333;
    text-align: center;
    position: relative;
    z-index: 1;
    background: url(/uploadfile/202510/68136ccd326ed4e.png) no-repeat;
    height: 40px;
    background-size: 100% 100%;
    width: 120px;
        }




 .jy-home-login-modal-button a {  color: #333333;}









.fbtxas {
    color: #6A8DFF;
    font-size: 12px;
    font-weight: 400;
}

.fbtxas-1 {
    color: #656565;
    font-size: 12px;
    font-weight: 400;
}


        .jy-home-login-modal-button:hover {
          
            transform: translateY(-3px);
        }

        .jy-home-login-form-group {
            margin-bottom: 20px;
        }

        .jy-home-login-form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #555;
        }

        .jy-home-login-form-group input {
                width: 100%;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s;
    box-shadow: -27px 66px 29px rgba(145, 145, 145, 0.01), -15px 37px 24px rgba(145, 145, 145, 0.03), -7px 17px 18px rgba(145, 145, 145, 0.04), -2px 4px 10px rgba(145, 145, 145, 0.05);
    backdrop-filter: blur(7.5px);
    border-radius: 100px;
    border: 2px solid #f3f3f3;
  
        }


.bg-image-password {
    background-image: url('/uploadfile/202511/6b8b169b3e3119d.png'); /* 设置背景图片路径 */
    background-size: cover; /* 根据需要调整背景图片大小 */
    background-position: center; /* 使背景图片居中 */
    background-repeat: no-repeat; /* 防止背景图片重复 */
    padding-left: 30px; /* 根据背景图片和设计需要调整内边距 */    background-color: transparent!important; color: #666666;  transition: all 0.3s ease;
}

.bg-image-password::placeholder {
    color: #666666; /* 设置你想要的占位符颜色 */
    opacity: 1; /* 确保占位符文字透明度符合预期，因为有些浏览器默认会对占位符应用透明度 */
}


.bg-image-password:focus {
    background-image: url('/uploadfile/202511/10f2767fd7f26a5.png'); /* 获得焦点时的背景图片路径 */
    outline: none; /* 移除默认的聚焦边框，如果你希望保留聚焦提示，请删除此行 */ color: #6A8DFF!important;
}





.bg-image-password-1 {
    background-image: url('/uploadfile/202511/6b8b169b3e3119d.png'); /* 设置背景图片路径 */
    background-size: cover; /* 根据需要调整背景图片大小 */
    background-position: center; /* 使背景图片居中 */
    background-repeat: no-repeat; /* 防止背景图片重复 */
    padding-left: 30px; /* 根据背景图片和设计需要调整内边距 */    background-color: transparent!important; color: #666666;  transition: all 0.3s ease;
}

.bg-image-password-1::placeholder {
    color: #666666; /* 设置你想要的占位符颜色 */
    opacity: 1; /* 确保占位符文字透明度符合预期，因为有些浏览器默认会对占位符应用透明度 */
}


.bg-image-password-1:focus {
    background-image: url('/uploadfile/202511/10f2767fd7f26a5.png'); /* 获得焦点时的背景图片路径 */
    outline: none; /* 移除默认的聚焦边框，如果你希望保留聚焦提示，请删除此行 */ color: #6A8DFF!important;
}




















/* 提高选择器特异性 */
input.bg-image-password:focus, .bg-image-password:focus {
    background-image: url('/uploadfile/202511/10f2767fd7f26a5.png'); /* 获得焦点时的背景图片路径 */
    outline: none;
    color: #6A8DFF !important; /* 强制应用颜色 */
}




/* 第一个div的样式 */
.jy-wh-bg-tab.first {
    flex: 0 0 280px; /* 强制宽度为256px */
    background-image: url('/uploadfile/202511/2980a2337450ce8.png'); /* 替换为你想要的背景图片路径 */
    background-size: cover;
    background-position: center;
}

/* 第二个div的样式 */
.jy-wh-bg-tab.second {
    flex: 0 0 400px; /* 强制宽度为379px */
    background-image: url('/uploadfile/202511/adffee2ab8d4e0.png'); /* 替换为你想要的背景图片路径 */
    background-size: cover;
    background-position: center;
}

/* 第三个div的样式 */
.jy-wh-bg-tab.third {
    flex: 0 0 260px; /* 强制宽度为228px */
    background-image: url('/uploadfile/202511/b8dffbf15a63191.png'); /* 替换为你想要的背景图片路径 */
    background-size: cover;
    background-position: center;
}








        .jy-home-login-form-group input:focus {
            
          
            outline: none;
        }

        .jy-home-login-form-options {
            display: flex;
            justify-content: right;
            align-items: center;
            margin-bottom: 20px;
        }

        .jy-home-login-remember-me {
            display: flex;
            align-items: center;
        }

        .jy-home-login-remember-me input {
            margin-right: 8px;
        }

        .jy-home-login-forgot-password, 
        .jy-home-login-switch-form {
            color: #FF6AE6;
            text-decoration: none;
            font-weight: 500;
            cursor: pointer;
        }

        .jy-home-login-submit-button {
      padding: 14px;
    color: #333333;
    border: none;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0px 36.8581px 13.9806px rgba(151, 176, 255, 0.02), 0px 20.3355px 12.7097px rgba(151, 176, 255, 0.08), 0px 8.89677px 8.89677px rgba(151, 176, 255, 0.13), 0px 2.54194px 5.08387px rgba(151, 176, 255, 0.15);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 40px;
    background: url(/uploadfile/202511/9bc3801c6c7b917.png) no-repeat;
    height: 48px;
    background-size: 100% 100%;
    width: 200px;
        }

        .jy-home-login-submit-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(106, 17, 203, 0.4);
        }

        .jy-home-login-form-footer {
            text-align: center;
            margin-top: 10px;
        }

        .jy-home-login-close-button {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgb(209 209 209 / 20%);
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            color: #000000;
            font-size: 1.5rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            z-index: 1001;
        }

        .jy-home-login-close-button:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        .jy-home-login-form-tabs {
            display: flex;
            margin-bottom: 25px;
            border-bottom: 1px solid #ddd;
        }

        .jy-home-login-form-tab {
            padding: 12px 20px;
            cursor: pointer;
            font-weight: 600;
            color: #777;
            border-bottom: 3px solid transparent;
            transition: all 0.3s;
        }

        .jy-home-login-form-tab.jy-home-login-active {
            color: #6a11cb;
            border-bottom: 3px solid #6a11cb;
        }

        .jy-home-login-form-container {
            display: none;
        }

        .jy-home-login-form-container.jy-home-login-active {
               display: block;
    border: 3px solid #ffffff;
    border-radius: 15px;
    padding: 30px;
        }

        /* 响应式设计 - 移动优先 */
        /* 平板设备 (768px 及以上) */
        @media (min-width: 768px) {
            .jy-home-login-hero {
                height: 640px;
            }
            
            .jy-home-login-modal-content {
                flex-direction: row;
            }
            
            .jy-home-login-modal-left, 
            .jy-home-login-modal-right {
                padding: 66px;
            }
            
            .jy-home-login-modal-title {
                font-size: 2.5rem;
            }

            .jy-home-login-glass-button {
                width: 560px;
                padding: 24px 40px;
                font-size: 20px;
            }
        }

        /* 桌面设备 (1024px 及以上) */
        @media (min-width: 1024px) {
            .jy-home-login-hero {
                max-width: 1200px;
            }
            
            .jy-home-login-modal-content {
                max-width: 1200px;
            }
            
            .jy-home-login-modal-title {
                font-size: 28px;font-weight: 600;
            }
            
            .jy-home-login-modal-subtitle {
                font-size: 16px;
            }
        }

        /* 小屏幕设备 (767px 及以下) */
        @media (max-width: 767px) {
            .jy-home-login-body {
                padding: 15px;
            }
            
            .jy-home-login-hero {
                height: 60vh;
                border-radius: 15px;
            }
            
            .jy-home-login-modal-content {
                flex-direction: column;
                max-height: 95vh;
                overflow-y: auto;
                border-radius: 15px;
            }
            
            .jy-home-login-modal-left, 
            .jy-home-login-modal-right {
                padding: 25px;
            }
            
            .jy-home-login-modal-title {
                font-size: 2rem;
            }

            .jy-home-login-glass-button {
                width: 240px;
                padding: 16px 35px;
                font-size: 1.1rem;
            }
            
            .jy-home-login-form-tabs {
                flex-direction: column;
            }
            
            .jy-home-login-form-tab {
                text-align: center;
                padding: 10px 15px;
            }
        }

        /* 超小屏幕设备 (480px 及以下) */
        @media (max-width: 480px) {
            .jy-home-login-body {
                padding: 10px;
            }
            
            .jy-home-login-hero {
                height: 50vh;
                border-radius: 10px;
            }
            
            .jy-home-login-modal-left, 
            .jy-home-login-modal-right {
                padding: 20px;
            }
            
            .jy-home-login-modal-title {
                font-size: 1.8rem;
            }
            
            .jy-home-login-modal-subtitle {
                font-size: 1rem;
            }
            
            .jy-home-login-glass-button {
                width: 220px;
                padding: 14px 30px;
                font-size: 1rem;
            }
            
            .jy-home-login-form-group input {
                padding: 10px 12px;
            }
            
            .jy-home-login-submit-button {
                padding: 12px;
            }
        }

        /* 横屏模式适配 */
        @media (max-height: 500px) and (orientation: landscape) {
            .jy-home-login-hero {
                height: 90vh;
            }
            
            .jy-home-login-modal-content {
                max-height: 85vh;
            }
            
            .jy-home-login-modal-left, 
            .jy-home-login-modal-right {
                padding: 20px;
            }
        }




.jy-wh-bg-body {
            background: #ffffff;
            color: #333;
            line-height: 1.6;
           
            
        }
        
        .jy-wh-bg-container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 16px;
           background-size: cover;
    background-image: url(/uploadfile/202511/adaa862ea4e6e23.png);
    padding: 0px 90px 60px 90px;
    margin-bottom: 120px;
            overflow: hidden;
            position: relative;
           
        }
        
        .jy-wh-bg-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 6px;
            
        }
        
        .jy-wh-bg-main-title {
            text-align: center;
            font-size: 42px;
            font-weight: 600;
            background: linear-gradient(90deg, #2c3e50, #3498db);
            -webkit-background-clip: text;
            background-clip: text;
           
            padding: 50px 20px 40px;
            letter-spacing: 1.5px;
            position: relative;
        }
        
  
        .jy-wh-bg-tabs {
            display: flex;
           justify-content: space-evenly;
           
            position: relative;
        }
        
        .jy-wh-bg-tab {
          flex: 1;
    text-align: center;
    padding: 9.5px 0px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.4s 
ease;
    color: #6c757d;
    position: relative;
    z-index: 1;
    margin: 0 5px;
    background: rgba(240, 240, 240, 0.3);
    box-shadow: -27px 66px 29px rgba(145, 145, 145, 0.01), -15px 37px 24px rgba(145, 145, 145, 0.03), -7px 17px 18px rgba(145, 145, 145, 0.04), -2px 4px 10px rgba(145, 145, 145, 0.05);
    backdrop-filter: blur(7.5px);
    border-radius: 100px;  
        }
        
        .jy-wh-bg-tab.active {
               color: #333333;
   
    box-shadow: 0px 36.8581px 13.9806px rgba(255, 151, 238, 0.02), 0px 20.3355px 12.7097px rgba(255, 151, 238, 0.08), 0px 8.89677px 8.89677px rgba(255, 151, 238, 0.13), 0px 2.54194px 5.08387px rgba(255, 151, 238, 0.15);
   
    
        }
        
        .jy-wh-bg-tab:not(.active):hover {
            color: #3498db;
            background-color: rgba(52, 152, 219, 0.08);
        }
        
        .jy-wh-bg-tab-content {
            display: none;
            padding: 50px 10px 50px 10px;
            animation: fadeIn 0.5s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .jy-wh-bg-tab-content.active {
            display: block;
        }
        
        .jy-wh-bg-section-title {
            font-size: 16px;
            font-weight: 400;
            color: #616161;
            margin-bottom: 15px;
            position: relative;
            padding-left: 2px;
        }
        

.dfd2 .jy-wh-bg-section-title {
    margin-bottom: 0px!important;
}

.dfd2 .jy-wh-bg-section-subtitle{
        padding-left: 2px;
}

 
        
        .jy-wh-bg-section-subtitle {
            font-size: 16px;
            color: #6c757d;
            margin-bottom: 25px;
            padding-left: 15px;
        }
        
        .jy-wh-bg-input-group {
            margin-bottom: 40px;
        }
        
        .jy-wh-bg-input-row {
            display: flex;
            gap: 25px;
            margin-bottom: 25px;
        }
        
        .jy-wh-bg-input-field {
            flex: 1;
        }
        
        .jy-wh-bg-input-field.full-width {
            width: 100%;
        }
        
        .jy-wh-bg-label {
            display: block;
            margin-bottom: 10px;
            font-weight: 600;
            color: #495057;
        }
        
        .jy-wh-bg-input, .jy-wh-bg-textarea {
            width: 100%;
            padding: 16px;
            border: none;
            font-size: 14px;
            transition: all 0.3s;
            color: #2c3e50;
            
            /* 毛玻璃模糊效果 */
            background: rgba(248, 249, 250, 0.8);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-radius: 24px;
         
        }
        
        .jy-wh-bg-input:focus, .jy-wh-bg-textarea:focus {
            outline: none;
            background: rgba(255, 255, 255, 0.9);
            box-shadow: 
                inset 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.9),
                inset 2px 2px 1px -2px rgba(179, 179, 179, 0.4),
                inset -2px -2px 1px -2px rgba(179, 179, 179, 0.4),
                inset 0px 0px 0px 1px rgba(52, 152, 219, 0.4),
                inset 0px 0px 22px rgba(52, 152, 219, 0.1),
                0 4px 6px -1px rgba(0, 0, 0, 0.08);
            transform: translateY(-2px);
            border-color: rgba(52, 152, 219, 0.3);
        }
        
        .jy-wh-bg-input::placeholder, .jy-wh-bg-textarea::placeholder {
            color: rgba(106, 141, 255, 1);
        }
        
        .jy-wh-bg-textarea {
            min-height: 140px;
            resize: vertical;
        }
        
        .jy-wh-bg-radio-group {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
            margin-top: 20px;
        }
        
        .jy-wh-bg-radio-option {
            flex: 0 0 calc(50% - 10px);
            display: flex;
            align-items: flex-start;
            padding: 20px;
          
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
             border: 0;
        }
        
        .jy-wh-bg-radio-option:hover {
            border-color: #3498db;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
           
        }
        
        .jy-wh-bg-radio-option.selected {
          
        }
        
        .jy-wh-bg-radio-input {
            margin-right: 15px;
            margin-top: 3px;
        }
        
        .selected h4 {
            font-size: 14px;
            font-weight: 500;
            color: #FF6AE6;
            
        }

  
        .selected .jy-wh-bg-radio-content h4 {
            font-size: 14px!important;
            font-weight: 500!important;
            color: #FF6AE6!important;
            
        }


  .selected .jy-wh-bg-radio-content p{
            font-size: 12px!important;
            font-weight: 500!important;
            color: #FF6AE6!important;
            
        }




        .jy-wh-bg-radio-option .jy-wh-bg-radio-content h4 {
            font-size: 14px;
            font-weight: 500;
            color: #616161;
            
        }


  .jy-wh-bg-radio-option .jy-wh-bg-radio-content p{
            font-size: 12px;
            font-weight: 500;
            color: #616161;
            
        }



        
        .jy-wh-bg-radio-content p {
            font-size: 14px;
            color: #6c757d;
            line-height: 1.5;
        }
        
        .jy-wh-bg-submit-btn {
         display: block;
    margin: 50px auto 0;
    padding: 18px 60px;
    color: #333333;
    border: none;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.4s ease;
    border-radius: 100px;
    background: url(/uploadfile/202510/cda3c87c4e93447.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 232px;
    height: 48px;
    line-height: 1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        }
        
    
        
        .jy-wh-bg-submit-btn:active {
            transform: translateY(1px);
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .jy-wh-bg-container {
                margin: 0 20px;
            }
        }
        
        @media (max-width: 992px) {
            .jy-wh-bg-main-title {
                font-size: 36px;
                padding: 40px 20px 30px;
            }
            
            .jy-wh-bg-tab-content {
                padding: 40px;
            }
            
            .jy-wh-bg-section-title {
                font-size: 20px;
            }
        }
        
        @media (max-width: 768px) {
            .jy-wh-bg-input-row {
                flex-direction: column;
                gap: 20px;
            }
            
            .jy-wh-bg-radio-option {
                flex: 0 0 100%;
            }
            
            .jy-wh-bg-tabs {
                flex-direction: column;
                padding: 0 15px;
            }
            
            .jy-wh-bg-tab {
                padding: 18px;
                border-radius: 12px;
                margin: 5px 0;
            }
            
            .jy-wh-bg-tab-content {
                padding: 30px;
            }
            
            .jy-wh-bg-main-title {
                font-size: 32px;
                padding: 40px 15px 30px;
            }
            
            .jy-wh-bg-section-title {
                font-size: 20px;
                margin-bottom: 12px;
            }
            
            .jy-wh-bg-input-group {
                margin-bottom: 30px;
            }
        }
        
        @media (max-width: 576px) {
            .jy-wh-bg-body {
                padding: 10px;
            }
            
            .jy-wh-bg-main-title {
                font-size: 28px;
                padding: 30px 15px 20px;
            }
            
            .jy-wh-bg-tab-content {
                padding: 20px;
            }
            
            .jy-wh-bg-section-title {
                font-size: 18px;
                padding-left: 12px;
            }
            
            .jy-wh-bg-section-title::before {
                width: 4px;
                height: 20px;
            }
            
            .jy-wh-bg-input, .jy-wh-bg-textarea {
                padding: 14px;
                font-size: 15px;
            }
            
            .jy-wh-bg-submit-btn {
                padding: 16px 40px;
                font-size: 16px;
            }
        }


  /* 按钮组 */
        .jy-button-group {
            display: flex;
            gap: 1rem;
        }



        /* 修改第二个轮播图（山脉探险之旅）的样式 */
        .jy-carousel-item:nth-child(2) {
               position: relative;
    background: hsl(0deg 0% 3.3% / 47%);
        }

        .jy-carousel-item:nth-child(2) .jy-carousel-info {
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
            padding: 2rem 1.5rem;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: flex-end;
        }

        /* 毛玻璃 View More 按钮 */
        .jy-view-more {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
            z-index: 10;
        }

        .jy-view-more:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
        }

        /* 重叠头像 */
        .jy-avatar-group {
            display: flex;
            margin-bottom: 1rem;
        }

        .jy-avatar {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            border: 2px solid var(--secondary-color);
            background: linear-gradient(45deg, #48dbfb, #0abde3);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 0.7rem;
            margin-left: -8px;
            position: relative;
        }

        .jy-avatar:first-child {
            margin-left: 0;
            background: linear-gradient(45deg, #ff6b6b, #feca57);
        }

        .jy-avatar:nth-child(2) {
            background: linear-gradient(45deg, #1dd1a1, #10ac84);
        }

        .jy-avatar:nth-child(3) {
            background: linear-gradient(45deg, #ff9ff3, #f368e0);
        }

        /* 标题和副标题 */
        .jy-featured-main-title {
            font-size: 1.5rem;
            color: white;
            margin-bottom: 0.5rem;
            font-weight: 400;
            line-height: 1.3;
        }

        .jy-featured-subtitle {
            font-size: 0.95rem;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 1.5rem;
            line-height: 1.5;
        }


.jy-avatar img {
    border-radius: 50%;
    width: 48px;
}

.jy-btn-primary {
    background: var(--highlight);
    color: white;
}
.jy-btn-secondary {
       background: #1A1A1A;
    background-blend-mode: plus-lighter;
    box-shadow: inset 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.5), inset 2px 2px 1px -2px #B3B3B3, inset -2px -2px 1px -2px #B3B3B3, inset 0px 0px 0px 1px #999999, inset 0px 0px 22px rgba(242, 242, 242, 0.5);
    backdrop-filter: blur(6px);
    border-radius: 24px;
    color: white;
}
.jy-btn {
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s 
ease;
    text-decoration: none;
    display: inline-flex
;
    align-items: center;
    gap: 0.4rem;
}













.jy-home-11-container {
            width: 100%;
            min-height: 1080px;
            height: 100vh;
            max-height: 1080px;
            background-image: url('/uploadfile/202510/5cc027b8664f9.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
            display: flex;
            align-items: flex-end;
            padding: 0 0 40px 0;
            transition: all 0.3s ease;
            overflow: hidden;
        }

        .jy-home-11-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.4);
            z-index: 1;
        }

        .jy-home-11-modules-wrapper {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: flex-end;
            width: 100%;
            padding: 0 20px;
            gap: 20px;
        }

        .jy-home-11-module {
            background: rgba(255, 255, 255, 0.9);
            border-radius: 32px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
            overflow: hidden;
        }

        .jy-home-11-module:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        /* 模块1 - 左侧图片被遮住50% */
        .jy-home-11-module-1 {
            height: 615px;
            width: 25%; /* 只显示50%的图片，所以宽度设为25% */
            position: relative;
            left: -12.5%; /* 向左偏移12.5%让浏览器遮住左侧50% */
            margin-right: -12.5%; /* 负边距补偿偏移 */
        }

        .jy-home-11-module-1 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }




.jy-home-11-module-1 {
    /* 启用 flex 居中（可选，保持结构） */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* 动画设置 */
    animation: floatAnimation 3s ease-in-out infinite;
}

@keyframes floatAnimation {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-18px); /* 向上浮动10px */
    }
    100% {
        transform: translateY(0);
    }
}


@keyframes floatAnimation-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-24px); /* 向上浮动10px */
    }
    100% {
        transform: translateY(0);
    }
}





        /* 模块2 - 内容模块 */
        .jy-home-11-module-2 {
            height: 615px;
            flex: 1; /* 自动扩展宽度填充空间 */
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12.5px);
    border-radius: 32px;
    border: 1px solid #282828;
			 /* 动画设置 */
    animation: floatAnimation-1 4s ease-in-out infinite;
        }
















        .jy-home-11-top-link-wrapper {
            align-self: flex-end;
            display: flex;
            align-items: center;
        }

        .jy-home-11-switch {
            width: 36px;
            height: 20px;
           
            border-radius: 12px;
            position: absolute;
            cursor: pointer;
            transition: all 0.3s ease;
              border: 1px solid #ffffff;
            top: 40px; /* 与按钮对齐 */
        }

        .jy-home-11-switch::before {
               content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    top: -1px;
    left: -1px;
    transition: all 0.3s ease;
        }

        .jy-home-11-switch.active::before {
            left: 28px;
        }

        .jy-home-11-top-link1 {
            background: #4a6cf7;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }

       

        .jy-home-11-avatar-group {
            display: flex;
            margin-bottom: 30px;
        }

        .jy-home-11-avatar {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            object-fit: cover;
           
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .jy-home-11-avatar:nth-child(2) {
            margin-left: -15px;
        }

        .jy-home-11-avatar:nth-child(3) {
            margin-left: -15px;
        }

        .jy-home-11-title {
            font-size: 24px;
            font-weight: 400;
            margin-bottom: 15px;
            line-height: 1.2;
            color: #ffffff;
        }

        .jy-home-11-subtitle {
            font-size: 16px;
            color: #8E8E8E;
            margin-bottom: 30px;
            line-height: 1.4;  font-weight: 400;
        }

        .jy-home-11-button-group {
            display: flex;
            gap: 15px;
        }

        .jy-home-11-text-button11 {
            background: none;
            border: none;
            color: #4a6cf7;
            font-size: 16px;
            cursor: pointer;
            padding: 8px 0;
            border-bottom: 2px solid transparent;
            transition: all 0.3s ease;
            font-weight: 600;
        }



       .jy-home-11-top-link {
            display: inline-block;
    width: 140px; /* 设置宽度 */
    height: 33px; /* 设置高度 */
    background: url('/uploadfile/202510/717dce4a066531c.png') no-repeat center; /* 设置背景图片并使其居中 */
    background-size: cover; /* 确保背景图片覆盖整个按钮区域 */
    color: #ffffff; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
    font-weight: 400; /* 字体粗细 */
    text-align: center; /* 文字居中 */
    line-height: 33px; /* 行高等于按钮高度，使单行文本垂直居中 */
    border: none; /* 移除边框 */
    cursor: pointer; /* 鼠标指针样式 */
    transition: all 0.3s ease; /* 过渡效果 */
       text-decoration: none;
    box-sizing: border-box; /* 确保内边距和边框包含在元素的总尺寸内 */
        }



.jy-home-11-text-button {
    display: inline-block;
    width: 140px; /* 设置宽度 */
    height: 33px; /* 设置高度 */
    background: url('/uploadfile/202510/717dce4a066531c.png') no-repeat center; /* 设置背景图片并使其居中 */
    background-size: cover; /* 确保背景图片覆盖整个按钮区域 */
    color: #ffffff; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
    font-weight: 400; /* 字体粗细 */
    text-align: center; /* 文字居中 */
    line-height: 33px; /* 行高等于按钮高度，使单行文本垂直居中 */
    border: none; /* 移除边框 */
    cursor: pointer; /* 鼠标指针样式 */
    transition: all 0.3s ease; /* 过渡效果 */
   
    box-sizing: border-box; /* 确保内边距和边框包含在元素的总尺寸内 */
}




.jy-home-112-text-button {
    display: inline-block;
    width: 82px; /* 设置宽度 */
    height: 33px; /* 设置高度 */
    background: url('/uploadfile/202510/aeb8d6f173dc44a.png') no-repeat center; /* 设置背景图片并使其居中 */
    background-size: cover; /* 确保背景图片覆盖整个按钮区域 */
    color: #ffffff; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
    font-weight: 400; /* 字体粗细 */
    text-align: center; /* 文字居中 */
    line-height: 33px; /* 行高等于按钮高度，使单行文本垂直居中 */
    border: none; /* 移除边框 */
    cursor: pointer; /* 鼠标指针样式 */
    transition: all 0.3s ease; /* 过渡效果 */
   
    box-sizing: border-box; /* 确保内边距和边框包含在元素的总尺寸内 */
}










    

        /* 模块3 - 高图片模块 */
        .jy-home-11-module-3 {
            height: 715px;
            flex: 1; /* 自动扩展宽度填充空间 */
            overflow: hidden;
            position: relative;
            display: flex;
            flex-direction: column;    background: transparent;  animation: floatAnimation-2 5s ease-in-out infinite;
        }

        .jy-home-11-module-3 img {
            width: 100%;
            height: calc(100% - 100px);
            object-fit: cover;    border-radius: 32px;
        }





@keyframes floatAnimation-2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px); /* 向上浮动10px */
    }
    100% {
        transform: translateY(0);
    }
}
















        .jy-home-11-image-caption {
            padding: 20px 0px 20px 0px;
          
            height: 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .jy-home-11-image-caption h2 {
            font-size: 24px;
            margin-bottom: 8px;
            color: #ffffff;font-weight: 400;
        }

        .jy-home-11-image-caption p {
            font-size: 16px;
            color: #666;
        }

        /* 模块4 - 右侧图片被遮住30% */
        .jy-home-11-module-4 {
            height: 695px;
            width: 35%; /* 只显示70%的图片，所以宽度设为35% */
            position: relative;
            right: -15%; /* 向右偏移15%让浏览器遮住右侧30% */
            margin-left: -15%; /* 负边距补偿偏移 */animation: floatAnimation-3 6s ease-in-out infinite;
        }

        .jy-home-11-module-4 img {
            width: 130%;
            height: 100%;
            object-fit: cover;
            transform: translateX(-23%);
        }





@keyframes floatAnimation-3 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px); /* 向上浮动10px */
    }
    100% {
        transform: translateY(0);
    }
}





.jt-ex-fm-1-hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例并覆盖整个区域 */
    z-index: -1; /* 确保视频在内容下方 */
}














        /* 响应式调整 */
        @media (max-width: 1200px) {
            .jy-home-11-container {
                flex-wrap: wrap;
                height: auto;
                min-height: 100vh;
                padding: 20px;
                align-items: flex-start;
            }
            
            .jy-home-11-modules-wrapper {
                flex-wrap: wrap;
                gap: 20px;
            }
            
            .jy-home-11-module {
                flex: 0 0 calc(50% - 10px);
                margin: 0;
                width: auto;
                left: 0;
                right: 0;
            }
            
            .jy-home-11-module-1, .jy-home-11-module-2, .jy-home-11-module-4 {
                height: 400px;
            }
            
            .jy-home-11-module-3 {
                height: 500px;
            }
            
            .jy-home-11-module-4 {
                height: 480px;
            }
            
            .jy-home-11-image-caption {
                height: 80px;
                padding: 15px 20px;
            }
            
            .jy-home-11-image-caption h2 {
                font-size: 20px;
            }
            
            .jy-home-11-image-caption p {
                font-size: 14px;
            }
            
            /* 中等屏幕调整开关位置 */
            .jy-home-11-switch {
               
				
                top: 20px;
            }
        }

        @media (max-width: 768px) {
            .jy-home-11-container {
                flex-direction: column;
                padding: 15px;
            }
            
            .jy-home-11-modules-wrapper {
                flex-direction: column;
            }
            
            .jy-home-11-module {
                flex: 0 0 100%;
                width: 100% !important;
                margin: 0 !important;
                left: 0 !important;
                right: 0 !important;
            }
            
            .jy-home-11-module-1, .jy-home-11-module-2, .jy-home-11-module-4 {
                height: 300px;
            }
            
            .jy-home-11-module-3 {
                height: 400px;
            }
            
            .jy-home-11-module-4 {
                height: 380px;
            }
            
            .jy-home-11-title {
                font-size: 24px;
            }
            
            .jy-home-11-subtitle {
                font-size: 16px;
            }
            
            .jy-home-11-module-2 {
                padding: 25px;
            }
            
            .jy-home-11-image-caption {
                height: 70px;
                padding: 12px 15px;
            }
            
            .jy-home-11-image-caption h2 {
                font-size: 18px;
            }
            
            .jy-home-11-image-caption p {
                font-size: 13px;
            }
            
            /* 移动端调整开关位置 */
            .jy-home-11-switch {
                position: relative;
                left: 0;
                top: 0;
                margin-right: 10px;
            }
        }





.jy-home-7-module-bg{
    background-image: url(/uploadfile/202511/58a9e2faa738309.png);
}
.jy-home-7-module:hover .jy-home-7-module-bg {
    background-image: url(/uploadfile/202510/379b0dd1e4a5.png);
}


.jt-wh-1-fullscreen-bg img {
       width: 100%;
    height: 750px;
    object-fit: cover;
    object-position: center;
}





.jz {
    text-align: center;
}

.jt-ex-fm-1-hero-title{position: relative}

.jt-ex-fm-1-hero-title::after {
        content: '';
    position: absolute;
    width: 88px;
    height: 84px;
    border-radius: 50%;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    top: -40px;
    left: -16px;
   
    border: 2px solid rgb(0 0 0 / 2%);
    background: url(/uploadfile/202511/e5298cd74a6cc32.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.jt-ex-fm-1-hero-title::before {
      content: '';
    position: absolute;
    width: 88px;
    height: 84px;
    background-color: rgb(255 255 255 / 15%);
    border-radius: 50%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgb(255 255 255 / 10%);
    top: 90px;
    right: 110px;
    /* transition: all 0.3s 
ease; */
        background: url(/uploadfile/202511/e5298cd74a6cc32.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}






.jt-ex-2{position: relative}

.jt-ex-2::after {
    content: '';
    position: absolute;
    width: 88px;
    height: 84px;
    background-color: rgb(0 0 0 / 2%);
    border-radius: 50%;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    top: -40px;
    left: -45px;
    /* transition: all 0.3s ease; */
    border: 2px solid rgb(0 0 0 / 2%);
}

















.yd-2{position: relative}

.yd-2::after {
    content: '';
    position: absolute;
    width: 88px;
    height: 84px;
    background-color: rgb(255 255 255 / 5%);
    border-radius: 50%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    top: -40px;
    right: 86px;
    /* transition: all 0.3s 
ease; */
    border: 2px solid rgb(255 255 255 / 6%);
}














.yd-233{position: relative}

.yd-233::after {
    content: '';
    position: absolute;
    width: 88px;
    height: 84px;
    background-color: rgb(255 255 255 / 5%);
    border-radius: 50%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    top: -40px;
    left: 186px;
    /* transition: all 0.3s 
ease; */
    border: 2px solid rgb(255 255 255 / 6%);
}










.jkuu {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    padding-top: 40px;
}

.jy-ex1 {
    padding: 12px 24px;    font-size: 24px;
    text-decoration: none;    color: #000000;

}






  .alphabet-wrapper {
            width: 100%;
            overflow: hidden;
            padding: 20px 0;
            position: relative;
            cursor: grab;
        }
        
        .alphabet-wrapper.dragging {
            cursor: grabbing;
        }
        
        .alphabet-container {
            display: flex;
            gap: 15px;
            user-select: none;
            width: max-content;
            padding: 0 10px;
        }













        
        .label-success {
               display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 0.2s, background 0.2s;
    cursor: pointer;
    background: url(/uploadfile/202510/bc16d6c3f2dab29.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
        }
        
        ..alphabet-btn:hover {
           background: url(/uploadfile/202510/bc16d6c3f2dab29.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
            transform: translateY(-2px);
        }
        
        .alphabet-btn:active {
            transform: scale(0.95);
        }
        




.alphabet-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 0.2s, background 0.2s;
    cursor: pointer;
  
    
}









        .instructions {
            text-align: center;
            margin-top: 40px;
            padding: 15px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            max-width: 600px;
        }
        
        .instructions p {
            margin-bottom: 10px;
        }
        
        .highlight {
            background: rgba(255, 255, 255, 0.2);
            padding: 2px 8px;
            border-radius: 5px;
            font-weight: bold;
        }
        
        @media (max-width: 768px) {
            .header h1 {
                font-size: 2rem;
            }
            
            .alphabet-btn {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }
        }




.jy-ex-list-2-image-title a{
    color: #ffffff;
    text-decoration: none;
}


.ds-post-button-inside {
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.ds-post-button-inside img {
    width: 24px;
   
}


.xx{border: 1px solid #626262 ;margin-top: 40px;transform: scaleY(0.5);
    transform-origin: 50% 0;}




.jy-ex33 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.jy-ex44 {
     padding: 2px 12px 1px 26px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: url(/uploadfile/202510/2ca15b46c395d44.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 114px;
    height: 28px;
}

.jy-sjz-fade-in{position: relative}

.jy-sjz-fade-in::after {
       content: '';
    position: absolute;
    top: 30%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 1000px;
    background: radial-gradient(circle, #df96dd00 0%, rgb(37 117 252 / 21%) 30%, #df96dd47 60%, rgb(255 255 255) 80%);
    border-radius: 50%;
    filter: blur(130px);
    z-index: 2;
    pointer-events: none;
}
.jy-sjz11{position: relative}

.jy-sjz11::after {
    content: '';
    position: absolute;
    top: 30%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 1000px;
    background: radial-gradient(circle, #df96dd00 0%, rgb(37 117 252 / 21%) 30%, #df96dd47 60%, rgb(255 255 255) 80%);
    border-radius: 50%;
    filter: blur(130px);
    z-index: 2;
    pointer-events: none;
}



.tx-jz{
    text-align: center;
}






.jt-ex-ddd{position: relative}

.jt-ex-ddd::after {
    content: '';
    position: absolute;
    width: 88px;
    height: 84px;
    background-color: rgb(0 0 0 / 2%);
    border-radius: 50%;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    top: -40px;
    left: -16px;
    /* transition: all 0.3s ease; */
    border: 2px solid rgb(0 0 0 / 2%);
}



     /* 第一模块 - 全屏头部 */
        .jy-member-hero-section {
            height: 560px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
        }
        
        .jy-member-hero-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            width: 100%;
            color: white;
            position: relative;
            z-index: 2;
        }
        
        .jy-member-hero-title {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        
        /* 第二模块 */
        .jy-member-profile-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
            position: relative;
        }
        
        .jy-member-profile-container {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
            align-items: flex-start;
        }
        
        /* 头像部分 */
        .jy-member-avatar-container {
            flex: 0 0 180px;
            position: relative;
        }
        
        .jy-member-avatar {
            width: 160px;
            height: 160px;
            border-radius: 50%;
            object-fit: cover;
            border: 8px solid white;
           
            position: relative;
            top: -120px;
            z-index: 3;
        }
        
        /* 内容部分 */
        .jy-member-content-container {
            flex: 1;
            min-width: 300px;
        }
        
        .jy-member-title-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
         
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .jy-member-main-title {
            font-size: 36px;
            color: #2c3e50;    margin-top: -40px;    font-weight: 700;
        }
        
        .jy-member-subtitle {
            font-size: 16px;
              color: #3F3F3F;
            margin-bottom: 4px;
            line-height: 1.5;
        }
        

.fz-36 {
    font-size: 36px!important;
}


		
		.f23 {
    font-size: 14px;
    font-weight: 300;color: #3F3F3F
}
		
		.jy-member-subtitle span {color: #6A8DFF;font-weight: 700;    cursor: pointer;}
		
        .jy-member-title-row {
            display: flex;
          
            align-items: center;
            margin: 25px 0 15px;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .jy-member-secondary-title {
            font-size: 22px;
            color: #000000;    font-weight: 400;
        }
        
        /* 菜单和图标部分 */
        .jy-member-menu-buttons {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
        
     .jy-member-menu-button {
    padding: 10px 20px;
    background-color: #FFDCF9;
    color: #000000;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 400;
    font-size: 14px;
    border-radius: 100px;
}
		.jy-member-menu-button span{color: #FF6AE6 ; font-weight: 700;}
		
		.jy-member-menu-button-2 {
    padding: 10px 20px;
    background-color: #FFECAB;
    color: #000000;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 400;
    font-size: 14px;
    border-radius: 100px;
}
		
		.jy-member-menu-button-2 span{color: #FFA400 ; font-weight: 700;}
		
			.jy-member-menu-button-3 {
    padding: 10px 20px;
    background-color: #C6F0FF;
    color: #000000;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 400;
    font-size: 14px;
    border-radius: 100px;
}
		
		
		
		.jy-member-menu-button-3 span{color: #00BBFF ; font-weight: 700;}
		
        
        .jy-member-menu-button:hover {
             background-color: #e3b9dc;
        }
		
		
		
        .jy-member-menu-button-2:hover {
             background-color: #e7d597;
        }
		
		
		
        .jy-member-menu-button-3:hover {
            background-color: #a4c9d7;
        }
        
        .jy-member-icons {
            display: flex;
            gap: 15px;
        }
        
        .jy-member-icon {
            width: 48px;
            height: 48px;
            cursor: pointer;
            transition: transform 0.3s;
        }
        
        .jy-member-icon:hover {
            transform: scale(1.1);
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .jy-member-hero-title {
                font-size: 2.5rem;
            }
            
            .jy-member-avatar {
                width: 150px;
                height: 150px;
                top: -80px;
            }
            
            .jy-member-main-title {
                font-size: 2rem;
            }
            
            .jy-member-title-section, .jy-member-title-row {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .jy-member-icons {
                margin-top: 10px;
            }
        }
        
        @media (max-width: 480px) {
            .jy-member-hero-title {
                font-size: 2rem;
            }
            
            .jy-member-avatar {
                width: 120px;
                height: 120px;
                top: -60px;
            }
            
            .jy-member-main-title {
                font-size: 1.8rem;
            }
            
            .jy-member-menu-buttons {
                flex-direction: column;
                width: 100%;
            }
            
            .jy-member-menu-button {
                width: 100%;
            }
        }
		
		
		  
        .jy-my-sgd-body {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            color: #333;
            padding: 20px;
            min-height: 100vh;
        }
        
        .jy-my-sgd-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .jy-my-sgd-header {
            text-align: center;
            margin-bottom: 40px;
        }
        
        .jy-my-sgd-header h1 {
            font-size: 36px;
            color: #2c3e50;
            margin-bottom: 10px;
        }
        
        .jy-my-sgd-header p {
            font-size: 18px;
            color: #7f8c8d;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .jy-my-sgd-module {
            background: white;
            border-radius: 12px;
          
            padding: 30px;
          
            position: relative;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
     
        
        .jy-my-sgd-module-title {
            font-size: 30px;
            font-weight: 400;
            margin-bottom: 20px;
            color: #2c3e50;
            padding-bottom: 10px;
         
            display: flex;
            align-items: center;
        }
        

        .jy-my-sgd-carousel-container {
            position: relative;
            overflow: hidden;
            
        }
        
        .jy-my-sgd-carousel {
            display: flex;
            transition: transform 0.5s ease;
            gap: 20px;
        }
        
        .jy-my-sgd-carousel-item {
            flex: 0 0 auto;
          
            overflow: hidden;
          
            background: white;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
        }
        
  
        
        .jy-my-sgd-module-1 .jy-my-sgd-carousel-item,
        .jy-my-sgd-module-2 .jy-my-sgd-carousel-item {
            width: calc((100% - 60px) / 4);
        }
        
        .jy-my-sgd-module-3 .jy-my-sgd-carousel-item {
            width: calc((100% - 40px) / 3);
        }
        
        .jy-my-sgd-carousel-img {
            width: 100%;
            height: 171px;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease, filter 0.5s ease;
        }
        
        /* 模块1和模块2的图片悬停效果 */
        .jy-my-sgd-module-1 .jy-my-sgd-carousel-item:hover .jy-my-sgd-carousel-img,
        .jy-my-sgd-module-2 .jy-my-sgd-carousel-item:hover .jy-my-sgd-carousel-img {
            transform: scale(1.05);
            filter: blur(5px);
        }
        
        /* 模块3的图片悬停效果 */
        .jy-my-sgd-module-3 .jy-my-sgd-carousel-item:hover .jy-my-sgd-carousel-img {
            transform: scale(1.05);
        }
        
        /* 毛玻璃覆盖层 */
        .jy-my-sgd-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.5s ease;
           
        }
        
        .jy-my-sgd-module-1 .jy-my-sgd-carousel-item:hover .jy-my-sgd-overlay,
        .jy-my-sgd-module-2 .jy-my-sgd-carousel-item:hover .jy-my-sgd-overlay {
            opacity: 1;
        }
        
        /* 居中标题 */
        .jy-my-sgd-hover-title {
            color: #2c3e50;
            font-size: 16px;
            font-weight: 400;
            text-align: center;
            padding: 15px;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 6px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transform: translateY(20px);
            transition: transform 0.5s ease;
        }
        
        .jy-my-sgd-module-1 .jy-my-sgd-carousel-item:hover .jy-my-sgd-hover-title,
        .jy-my-sgd-module-2 .jy-my-sgd-carousel-item:hover .jy-my-sgd-hover-title {
            transform: translateY(0);
        }
        
        .jy-my-sgd-carousel-content {
            padding: 15px;
        }
        
        .jy-my-sgd-carousel-title {
            font-size: 26px;
            font-weight: 400;
           
            color: #000000;
        }
        
        .jy-my-sgd-carousel-subtitle {
            font-size: 16px;
            color: #000000;
            line-height: 1.5;
        }
        
        .jy-my-sgd-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            border: none;
            outline: none;
        }
        
        .jy-my-sgd-arrow:hover {
          
            transform: translateY(-50%) scale(1.1);
        }
        
        .jy-my-sgd-arrow:hover svg {
            fill: white;
        }
        
        .jy-my-sgd-arrow-left {
            left: 10px;
			background: url(/uploadfile/202511/5c4f9755966af53.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }
        
        .jy-my-sgd-arrow-right {
                right: 10px;
    background: url(/uploadfile/202511/e9a37b47b997ac0.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }
        
        .jy-my-sgd-arrow svg {
            width: 24px;
            height: 24px;
            fill: #555;
            transition: fill 0.3s ease;
        }
        
        @media (max-width: 768px) {
            .jy-my-sgd-module-1 .jy-my-sgd-carousel-item,
            .jy-my-sgd-module-2 .jy-my-sgd-carousel-item {
                width: calc((100% - 20px) / 2);
            }
            
            .jy-my-sgd-module-3 .jy-my-sgd-carousel-item {
                width: 100%;
            }
            
            .jy-my-sgd-module-title {
                font-size: 20px;
            }
            
            .jy-my-sgd-header h1 {
                font-size: 28px;
            }
            
            .jy-my-sgd-header p {
                font-size: 16px;
            }
            
            .jy-my-sgd-hover-title {
                font-size: 16px;
                padding: 10px;
            }
        }
        
        .jy-my-sgd-footer {
            text-align: center;
            margin-top: 40px;
            padding: 20px;
            color: #7f8c8d;
            font-size: 14px;
        }
		
		
		 .jy-hy-phb-container {
            width: 1200px;
            margin: 0 auto;
              margin-top: 60px;
          
           
        }
        
        .jy-hy-phb-tab-container {
            display: flex;
            justify-content: center;
           
            padding: 30px 0;
            gap: 60px;
        }
        
        .jy-hy-phb-tab {
            padding: 15px 40px;
            font-size: 20px;
            font-weight: 400;
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 30px;
            border: none;
            background-color: white;
            color: #000000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        .jy-hy-phb-tab.active {
                color: #000000;
    background: url(/uploadfile/202510/1b82d32b87962c3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 320px;
    height: 72px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
        }
        
        .jy-hy-phb-tab-content {
            display: none;
            padding: 40px 0px 40px 0px;
        }
        
        .jy-hy-phb-tab-content.active {
            display: block;
        }
        
        .jy-hy-phb-ranking-section {
            display: flex;
            justify-content: space-between;
            margin-bottom: 50px;
        }
        
        .jy-hy-phb-rank-card {
               width: 32%;
    padding: 25px;
    text-align: center;
    position: relative;
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease;
    background: #ffffff;
    background-blend-mode: plus-lighter;
    backdrop-filter: blur(12px);
    border-radius: 24px;    z-index: 3;
        }
        
        .jy-hy-phb-rank-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
        }
        
        .jy-hy-phb-rank-badge {
                position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    padding: 6px 6px 6px 35px;

    font-size: 14px;
    font-weight: 600;
    color: #6A8DFF;
    background: url(/uploadfile/202510/b92bbf1737233e.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 72px;
    height: 32px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
        }
        
   
        
        .jy-hy-phb-avatar-container {
              position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: 60px;
        }
        
        .jy-hy-phb-avatar {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
           
        }
        



.top1 {
	    background-color: transparent!important;
    background: url(/uploadfile/202510/f5db1cbfbbbd957.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 216px;
    height: 32px;
    border-radius: 100px;
    padding: 0px 0px;
    margin-right: 100px;    padding: 3px 16px!important;

}





        .jy-hy-phb-crown {
               position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
        }
        
        .jy-hy-phb-rank-title {
            font-size: 20px;
            font-weight: 700;
            margin: 10px 0 5px;
            color: #2c3e50;
        }
        
        .jy-hy-phb-rank-subtitle {
            font-size: 16px;
            color: #7f8c8d;
            margin-bottom: 8px;
        }
        
        .jy-hy-phb-rank-description {
            font-size: 16px;
            color: #6A8DFF;
            margin-bottom: 5px;
        }
        
        .jy-hy-phb-top-badge {
            display: inline-block;
           
            color: #6A8DFF;
            padding: 0px 20px;
            border-radius: 20px;
            font-size: 58px;
            font-weight: 700;
           
        }



      .jy-hy-phb-top-badge-1 {
            display: inline-block;
           
            color: #FF6AE6;
            padding: 0px 20px;
            border-radius: 20px;
            font-size: 58px;
            font-weight: 700;
           
        }




 .jy-hy-phb-top-badge-2 {
            display: inline-block;
           
            color: #97B0FF;
            padding: 0px 20px;
            border-radius: 20px;
            font-size: 58px;
            font-weight: 700;
           
        }


        
        .jy-hy-phb-user-list {
            width: 100%;
            border-collapse: collapse;
      
            overflow: hidden;
        }
        
        .jy-hy-phb-user-item {
              padding: 15px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    border: 2px solid #ffffff;
       border-radius: 16px;
    background: #f8fafc;
    z-index: 3;
        }
        
        .jy-hy-phb-user-item:last-child {
            border-bottom: none;
        }
        
        .jy-hy-phb-user-item:hover {
            background-color: #f8fafc;
        }
        
        .jy-hy-phb-user-rank {
            font-size: 16px;
            font-weight: 400;
            width: 6%;
            text-align: center;
            color: #6A8DFF;
        }
        
        .jy-hy-phb-user-avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
                margin-right: 25px;
    margin-left: 15px;
        }
        
        .jy-hy-phb-user-name {
               flex: 1;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
        }
        
        .jy-hy-phb-follow-btn {
            background-color: #6A8DFF;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-right: 100px;
            width: 20%;
        }
        
        .jy-hy-phb-follow-btn:hover {
            background-color: #2563eb;
        }
        





      .jy-hy-phb-follow-btn-11 {
            background-color: #FF97EE;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-right: 100px;
            width: 20%;
        }
        
        .jy-hy-phb-follow-btn-11:hover {
            background-color: #2563eb;
        }


.jy-hy-phb-ranking-level-555 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    width: 59px;
     background: linear-gradient(90deg, #6A8DFF 0%, #FF6AE6 100%);
    text-align: center;
    border-radius: 100px;
}




.jy-hy-phb-ranking-level-666 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    width: 59px;
   background: linear-gradient(63deg, #6A8DFF 50%, #ffe0fa 100%);
    text-align: center;
    border-radius: 100px;
}




 .jy-hy-phb-follow-btn-22 {
               background: linear-gradient(63deg, #6A8DFF 50%, #ffe0fa 100%);
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-right: 100px;
            width: 20%;
        }
        
        .jy-hy-phb-follow-btn-22:hover {
            background-color: #2563eb;
        }









 .jy-hy-phb-follow-btn-33 {
                 background: linear-gradient(90deg, #6A8DFF 0%, #FF6AE6 100%);
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-right: 100px;
            width: 20%;
        }
        
        .jy-hy-phb-follow-btn-33:hover {
            background-color: #2563eb;
        }











        .jy-hy-phb-read-count {
               color: #FF6AE6;
    font-weight: 400;
    width: 15%;
    text-align: right;
    font-size: 16px;    margin-right: 16%;
        }
        
        /* 响应式设计 */
        @media (max-width: 1240px) {
            .jy-hy-phb-container {
                width: 95%;
            }
        }
        
        @media (max-width: 900px) {
            .jy-hy-phb-ranking-section {
                flex-direction: column;
            }
            
            .jy-hy-phb-rank-card {
                width: 100%;
                margin-bottom: 20px;
            }
            
            .jy-hy-phb-user-item {
                flex-wrap: wrap;
            }
            
            .jy-hy-phb-user-rank,
            .jy-hy-phb-user-name,
            .jy-hy-phb-follow-btn,
            .jy-hy-phb-read-count {
                width: 50%;
                margin-bottom: 10px;
            }
        }
		.jy-2223{ position: relative }
		.jy-2223::after {
       content: '';
    position: absolute;
    top: 30%;
    left: 40%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 1000px;
    background: radial-gradient(circle, #df96dd00 0%, rgb(37 117 252 / 21%) 30%, #df96dd47 60%, rgb(255 255 255) 80%);
    border-radius: 50%;
    filter: blur(100px);
    z-index: 2;
    pointer-events: none;
}
			.jy-2224{ position: relative }
		.jy-2224::after {
     content: '';
    position: absolute;
    top: 30%;
    left: 22%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 100px;
    background: radial-gradient(circle, #df96dd00 0%, rgb(37 117 252 / 54%) 30%, #df96dd 60%, rgb(255 255 255) 80%);
    border-radius: 50%;
    filter: blur(100px);
    z-index: 44444;
    pointer-events: none;
}	
		
		
		.jy-hy-phb-container h2 {
       text-align: center;
    padding-top: 5px;
    padding-bottom: 0px;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 0px;
}
		
		
		 /* 弹窗样式 */
        .jy-hy-phb-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }
        
        .jy-hy-phb-modal-content {
            width: 1200px;
               background-size: cover;
            border-radius: 12px;
                background-image: url(/uploadfile/202510/508c77b1215b.png);
            overflow: hidden;
            max-height: 90vh;
            overflow-y: auto;
        }
        
        .jy-hy-phb-modal-header {
               padding: 40px;
    text-align: center;
    color: #6A8DFF;
    line-height: 1.4;    position: relative;
        }
        
        .jy-hy-phb-modal-title {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 15px;
        }
        
        .jy-hy-phb-modal-subtitle {
            font-size: 18px;
            opacity: 0.9;
        }
        
        .jy-hy-phb-modal-body {
            padding: 0px 40px 40px 40px;
        }
        
        .jy-hy-phb-ranking-list {
            margin-top: 20px;
        }
        
        .jy-hy-phb-ranking-item {
            height: 64px;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            background-color: #f8fafc;
            border-radius: 8px;
            padding: 0 25px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        
        .jy-hy-phb-ranking-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            background-color: #f0f4f8;
        }
        
        .jy-hy-phb-ranking-level {
                font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    width: 59px;
    background-color: #6A8DFF;
    text-align: center;
    border-radius: 100px;
        }


        .jy-hy-phb-ranking-level-4 {
                font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    width: 59px;
    background-color: rgba(255, 151, 238, 1);
    text-align: center;
    border-radius: 100px;
        }


        
        .jy-hy-phb-ranking-title {
            font-size: 16px;
            font-weight: 600;
            color: #6A8DFF;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }
		





 
        .jy-hy-phb-ranking-title-44 {
            font-size: 16px;
            font-weight: 600;
            color: #FF97EE;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }
		



    .jy-hy-phb-ranking-title-55 {
            font-size: 16px;
            font-weight: 600;
            color: #AE7EF4;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }
		



    .jy-hy-phb-ranking-title-66 {
            font-size: 16px;
            font-weight: 600;
            color: #65B0FF;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }
		




    .jy-hy-phb-ranking-title-77 {
            font-size: 16px;
            font-weight: 600;
            color: #FF9797;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }




 .jy-hy-phb-ranking-title-88 {
            font-size: 16px;
            font-weight: 600;
            color: #5ED4FF;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }





 .jy-hy-phb-ranking-title-99 {
            font-size: 16px;
            font-weight: 600;
            color: #547CFF;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }






 .jy-hy-phb-ranking-title-100 {
            font-size: 16px;
            font-weight: 600;
            color: #FF6AE6;
            flex: 1;
            margin-left: 20px;    width: 20%;
        }











		
		.jy-hy-phb-ranking-title-2 {
    width: 66%;    font-size: 14px;
    font-weight: 400;
}
		
		
        
        .jy-hy-phb-ranking-text {
            font-size: 16px;
            color: #FF6AE6;
            font-weight: 400;
        }
        
        .jy-hy-phb-close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            font-size: 46px;
            color: #6a8dff;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.3s;
        }
        
        .jy-hy-phb-close-btn:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }
        
        /* 响应式设计 */
        @media (max-width: 1240px) {
            .jy-hy-phb-container {
                width: 95%;
            }
            
            .jy-hy-phb-modal-content {
                width: 95%;
            }
        }
        
        @media (max-width: 900px) {
            .jy-hy-phb-ranking-section {
                flex-direction: column;
            }
            
            .jy-hy-phb-rank-card {
                width: 100%;
                margin-bottom: 20px;
            }
            
            .jy-hy-phb-user-item {
                flex-wrap: wrap;
            }
            
            .jy-hy-phb-user-rank,
            .jy-hy-phb-user-name,
            .jy-hy-phb-follow-btn,
            .jy-hy-phb-read-count {
                width: 50%;
                margin-bottom: 10px;
            }
            
            .jy-hy-phb-ranking-item {
                height: auto;
                padding: 20px 25px;
            }
        }








.glan {
    background: url(/uploadfile/202510/1295d1d90225d3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 59px;
    height: 24px;    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.glan-2 {
    background: url(/uploadfile/202510/1b369326522caba.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 59px;
    height: 24px;    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.qxbjjh {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1)!important;
}



.jy-head {
    color: var(--text-color);
    padding: 1rem 2rem;
    position: fixed; /* 改为 fixed，但初始时透明 */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    min-height: 80px;
    /* 初始背景透明 */
  
    -webkit-backdrop-filter: blur(8px);
    /* 添加过渡效果 */
    transition: all 0.4s ease;
    /* 避免滚动时跳动 */
    will-change: background, backdrop-filter;
	
	    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
	
	
	
}

/* 滚动后添加的类 */
.jy-head.scrolled {
    background: rgb(0 0 0 / 95%); /* 或你想要的背景色 */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 可选：增加阴影提升层次感 */
}



.jy-wh-bg-radio-input {
    display: none; /* 隐藏默认的单选按钮 */
}

.custom-radio {
    display: inline-block;
    width: 20px; /* 根据需要调整大小 */
    height: 20px; /* 根据需要调整大小 */
    background-image: url('/uploadfile/202511/316f8d480aaa6da.png'); /* 设置默认背景图片 */
    background-size: cover;
    margin-right: 10px; /* 调整文本与自定义单选按钮之间的间距 */    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}

/* 当单选按钮被选中时，改变span的背景图片 */
.jy-wh-bg-radio-input:checked + .custom-radio {
    background-image: url('/uploadfile/202511/c746a6f11d836.png');
}













 .jy-my-san-body {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            color: #333;
            padding: 20px;
            min-height: 100vh;
        }
        
        .jy-my-san-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .jy-my-san-header {
            text-align: center;
            margin-bottom: 40px;
        }
        
        .jy-my-san-header h1 {
            font-size: 36px;
            color: #2c3e50;
            margin-bottom: 10px;
        }
        
        .jy-my-san-header p {
            font-size: 18px;
            color: #7f8c8d;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .jy-my-san-module {
            background: white;
            border-radius: 12px;
          
           
            margin-bottom: 40px;
            position: relative;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .jy-my-san-module:hover {
            transform: translateY(-5px);
           
        }
        
        .jy-my-san-module-title {
            font-size: 30px;
            font-weight: 400;
            margin-bottom: 20px;
            color: #000000;
            padding-bottom: 10px;
          
            display: flex;
            align-items: center;
        }
        
  
        .jy-my-san-carousel-container {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
        }
        
        .jy-my-san-carousel {
            display: flex;
            transition: transform 0.5s ease;
        }
        
        .jy-my-san-carousel-item {
            flex: 0 0 auto;
            border-radius: 8px;
            overflow: hidden;
          
            background: white;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            margin-right: 20px;
        }
        
        .jy-my-san-carousel-item:hover {
            transform: translateY(-5px);
          
        }
        
        .jy-my-san-module-1 .jy-my-san-carousel-item,
        .jy-my-san-module-2 .jy-my-san-carousel-item {
            width: 304px;
        }
        
        .jy-my-san-module-3 .jy-my-san-carousel-item {
            width: 387px;
        }
        
        .jy-my-san-carousel-img {
            width: 100%;
            display: block;
            transition: transform 0.5s ease, filter 0.5s ease;
        }
        
        .jy-my-san-module-1 .jy-my-san-carousel-img,
        .jy-my-san-module-2 .jy-my-san-carousel-img {
            height: 171px;
        }
        
        .jy-my-san-module-3 .jy-my-san-carousel-img {
            height: 218px;
        }
        
        .jy-my-san-carousel-item:hover .jy-my-san-carousel-img {
            transform: scale(1.05);
        }
        
        /* 毛玻璃效果层 */
        .jy-my-san-hover-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            border-radius: 8px;
            z-index: 2;
        }
        
        .jy-my-san-carousel-item:hover .jy-my-san-hover-overlay {
            opacity: 1;
        }
        
        .jy-my-san-hover-title {
            color: #2c3e50;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            padding: 15px;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 6px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            max-width: 80%;
        }
        
        .jy-my-san-carousel-content {
            padding: 15px;
        }
        
        .jy-my-san-carousel-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #2c3e50;
        }
        

     .jy-my-san-carousel-title-6 {
            font-size: 26px;
            font-weight: 400;
          
            color: #000000;
        }


 .jy-my-san-carousel-subtitle-6 {
            font-size: 16px;
            color: #000000;
            line-height: 1.5;
        }

        .jy-my-san-carousel-subtitle {
            font-size: 14px;
            color: #7f8c8d;
            line-height: 1.5;
        }
        
        .jy-my-san-arrow {
            position: absolute;
            top: 38%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            border: none;
            outline: none;
        }
        
        .jy-my-san-arrow:hover {
           
            transform: translateY(-50%) scale(1.1);
        }
        
        .jy-my-san-arrow:hover svg {
            fill: white;
        }
        
        .jy-my-san-arrow-left {
                left: 10px;
    background: url(/uploadfile/202511/5c4f9755966af53.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }
        
        .jy-my-san-arrow-right {
               right: 10px;
    background: url(/uploadfile/202511/e9a37b47b997ac0.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }
        
        .jy-my-san-arrow svg {
            width: 24px;
            height: 24px;
            fill: #555;
            transition: fill 0.3s ease;
        }
        
        @media (max-width: 768px) {
            .jy-my-san-module-1 .jy-my-san-carousel-item,
            .jy-my-san-module-2 .jy-my-san-carousel-item {
                width: calc((100% - 20px) / 2);
            }
            
            .jy-my-san-module-3 .jy-my-san-carousel-item {
                width: 100%;
            }
            
            .jy-my-san-module-title {
                font-size: 20px;
            }
            
            .jy-my-san-header h1 {
                font-size: 28px;
            }
            
            .jy-my-san-header p {
                font-size: 16px;
            }
        }
        
        .jy-my-san-footer {
            text-align: center;
            margin-top: 40px;
            padding: 20px;
            color: #7f8c8d;
            font-size: 14px;
        }




 .jy-zmduu-container {
            width: 100%;
            max-width: 1000px;
            text-align: center;
            margin: 0 auto;
        }
        
        .jy-zmduu-title {
            color: #2c3e50;
            margin-bottom: 30px;
            font-size: 36px;
            font-weight: 700;
        }
        
        .jy-zmduu-tab-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
            border-radius: 50px;
            background: rgba(255, 255, 255, 0.8);
            padding: 5px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }
        
        .jy-zmduu-tab-slider {
            position: absolute;
            top: 5px;
            left: 5px;
            width: calc(50% - 10px);
            height: calc(100% - 10px);
            background: linear-gradient(45deg, #ff416c 0%, #ff4b2b 100%);
            border-radius: 50px;
            transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            z-index: 1;
        }
        
        .jy-zmduu-tab-slider.az-active {
            transform: translateX(calc(100% + 10px));
        }
        
        .jy-zmduu-tab-btn {
            padding: 12px 30px;
            border: none;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            color: #2c3e50;
            background: transparent;
            z-index: 2;
            flex: 1;
        }
        
        .jy-zmduu-tab-btn.active {
            color: white;
        }
        
        .jy-zmduu-alphabet-wrapper {
            position: relative;
            overflow-x: hidden;
            padding: 15px 0;
            margin-bottom: 40px;
            width: 100%;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            cursor: grab;
            user-select: none;
            -webkit-user-select: none;
        }
        
        .jy-zmduu-alphabet-wrapper.dragging {
            cursor: grabbing;
            scroll-behavior: auto;
        }
        
        .jy-zmduu-alphabet-container {
            display: flex;
            transition: transform 0.4s ease;
            padding: 0 50%;
        }
        
        .jy-zmduu-alphabet-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            color: #2c3e50;
            text-decoration: none;
            font-weight: bold;
            font-size: 18px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            flex-shrink: 0;
            margin: 0 5px;
            border: 2px solid transparent;
            cursor: pointer;
        }
        
        .jy-zmduu-alphabet-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
            border-color: #6a11cb;
        }
        
        .jy-zmduu-alphabet-btn.active {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><defs><radialGradient id="grad" cx="30%" cy="30%" r="70%"><stop offset="0%" stop-color="%23FF9A8B"/><stop offset="50%" stop-color="%23FF6A88"/><stop offset="100%" stop-color="%23FF99AC"/></radialGradient></defs><circle cx="25" cy="25" r="24" fill="url(%23grad)" stroke="%23FF6A88" stroke-width="2"/><path d="M18,25 L22,29 L32,19" fill="none" stroke="white" stroke-width="3" stroke-linecap="round"/></svg>');
            background-size: cover;
            background-position: center;
            color: white;
            transform: scale(1.2);
            box-shadow: 0 8px 16px rgba(255, 106, 136, 0.4);
            border: 2px solid white;
        }
        
        .jy-zmduu-center-indicator {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            border: 2px dashed rgba(106, 17, 203, 0.5);
            border-radius: 50%;
            pointer-events: none;
            z-index: 10;
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(5px);
        }
        
        .jy-zmduu-center-indicator::after {
            content: '选中';
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            color: #6a11cb;
            font-weight: bold;
        }
        
        .jy-zmduu-content-section {
            margin-top: 30px;
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            text-align: left;
        }
        
        .jy-zmduu-content-tab {
            display: none;
            animation: jy-zmduu-fadeIn 0.5s ease;
        }
        
        .jy-zmduu-content-tab.active {
            display: block;
        }
        
        @keyframes jy-zmduu-fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .jy-zmduu-tab-title {
            font-size: 28px;
            color: #6a11cb;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #fed6e3;
        }
        
        .jy-zmduu-tab-content {
            line-height: 1.6;
            color: #555;
        }
        
        .jy-zmduu-tab-content p {
            margin-bottom: 15px;
        }
        
        .jy-zmduu-tab-content ul {
            margin-left: 20px;
            margin-bottom: 15px;
        }
        
        .jy-zmduu-tab-content li {
            margin-bottom: 8px;
        }
        
        .jy-zmduu-current-letter {
            font-size: 20px;
            font-weight: bold;
            color: #6a11cb;
            margin-top: 10px;
            margin-bottom: 20px;
        }
        
        /* All选项卡图片网格样式 */
        .jy-zmduu-image-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 20px;
        }
        
        .jy-zmduu-image-link {
            display: block;
            text-decoration: none;
            color: inherit;
        }
        
        .jy-zmduu-image-item {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            aspect-ratio: 4/3;
        }
        
        .jy-zmduu-image-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }
        
        .jy-zmduu-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .jy-zmduu-image-title {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 20px;
            font-weight: 600;
            opacity: 0;
            transition: opacity 0.3s ease;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 15px;
            text-align: center;
        }
        
        .jy-zmduu-image-item:hover .jy-zmduu-image-title {
            opacity: 1;
        }
        
        @media (max-width: 768px) {
            .jy-zmduu-alphabet-btn {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            
            .jy-zmduu-center-indicator {
                width: 50px;
                height: 50px;
            }
            
            .jy-zmduu-title {
                font-size: 28px;
            }
            
            .jy-zmduu-tab-title {
                font-size: 24px;
            }
            
            .jy-zmduu-image-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 480px) {
            .jy-zmduu-alphabet-btn {
                width: 35px;
                height: 35px;
                font-size: 14px;
                margin: 0 3px;
            }
            
            .jy-zmduu-center-indicator {
                width: 45px;
                height: 45px;
            }
            
            .jy-zmduu-title {
                font-size: 24px;
            }
            
            .jy-zmduu-tab-title {
                font-size: 20px;
            }
            
            .jy-zmduu-content-section {
                padding: 20px;
            }
            
            .jy-zmduu-image-grid {
                grid-template-columns: 1fr;
            }
        }

 
               
        .jy-dlfdss-container {
               width: 100%;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 300px;
    padding-top: 200px;
        }
        
        .jy-dlfdss-title {
            color: #2c3e50;
            margin-bottom: 30px;
            font-size: 36px;
            font-weight: 700;
        }
        
        .jy-dlfdss-tab-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
            border-radius: 50px;
             width: 400px;
    margin: 0 auto;
            padding: 5px;
           
        }
        
        .jy-dlfdss-tab-slider {
                position: absolute;
    top: 5px;
    left: 5px;
    width: calc(50% - 10px);
    height: calc(100% - 10px);
    background: linear-gradient(45deg, #ff416c 0%, #ff4b2b 100%);
    border-radius: 50px;
    transition: transform 0.4s 
cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1;
    background: url(/uploadfile/202511/650b36956852701.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }
        
        .jy-dlfdss-tab-slider.az-active {
            transform: translateX(calc(100% + 10px));
        }
        
        .jy-dlfdss-tab-btn {
            padding: 12px 30px;
            border: none;
            border-radius: 50px;
            font-size: 24px;
            font-weight: 400;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            color: #2c3e50;
            background: transparent;
            z-index: 2;
            flex: 1;
        }
        
        .jy-dlfdss-tab-btn.active {
            color: #000000;
        }
        
        .jy-dlfdss-alphabet-wrapper {
            position: relative;
            overflow-x: hidden;
            padding: 50px;
            margin-bottom: 40px;
            width: 100%;
           
            cursor: grab;
            user-select: none;
            -webkit-user-select: none;
            display: none; /* 初始隐藏 */
        }
        
        .jy-dlfdss-alphabet-wrapper.dragging {
            cursor: grabbing;
        }
        
        .jy-dlfdss-alphabet-container {
            display: flex;
            transition: transform 0.4s ease;
            padding: 0 50%; ;
        }
        
        .jy-dlfdss-alphabet-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
           
            color: #606060;
            text-decoration: none;
            font-weight: 400;
            font-size: 24px;
            transition: all 0.3s ease;
          
            flex-shrink: 0;
            margin: 0 35px;
            border: 2px solid transparent;
            cursor: pointer;
        }
        
        .jy-dlfdss-alphabet-btn:hover {
            transform: translateY(-3px);
           
        }
        
        .jy-dlfdss-alphabet-btn.active {
              background-size: cover;
    background-position: center;
        }
        
     .jy-dlfdss-center-indicator {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    border: none;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(106, 17, 203, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
        
        .jy-dlfdss-center-indicator::after {
            content: '选中';
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            color: #6a11cb;
            font-weight: bold;
        }
        
        .jy-dlfdss-content-section {
               margin-top: 60px;
  
    text-align: left;
    margin-bottom: 80px;
        }
        
        .jy-dlfdss-content-tab {
            display: none;
            animation: jy-dlfdss-fadeIn 0.5s ease;
        }
        
        .jy-dlfdss-content-tab.active {
            display: block;
        }
        
        @keyframes jy-dlfdss-fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .jy-dlfdss-tab-title {
            font-size: 28px;
            color: #6a11cb;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #fed6e3;
        }
        
        .jy-dlfdss-tab-content {
            line-height: 1.6;
            color: #555;
        }
        
        .jy-dlfdss-tab-content p {
            margin-bottom: 15px;
        }
        
        .jy-dlfdss-tab-content ul {
            margin-left: 20px;
            margin-bottom: 15px;
        }
        
        .jy-dlfdss-tab-content li {
            margin-bottom: 8px;
        }
        
        .jy-dlfdss-current-letter {
            font-size: 20px;
            font-weight: bold;
            color: #6a11cb;
            margin-top: 10px;
            margin-bottom: 20px;
            display: none; /* 初始隐藏 */
        }
        
        /* All选项卡图片网格样式 */
        .jy-dlfdss-image-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 20px;
        }
        
        .jy-dlfdss-image-link {
            display: block;
            text-decoration: none;
            color: inherit;
        }
        
        .jy-dlfdss-image-item {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            aspect-ratio: 4/3;
        }
        
        .jy-dlfdss-image-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }
        
        .jy-dlfdss-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .jy-dlfdss-image-title {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 20px;
            font-weight: 400;
            opacity: 0;
            transition: opacity 0.3s ease;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 15px;
            text-align: center;
        }
        
        .jy-dlfdss-image-item:hover .jy-dlfdss-image-title {
            opacity: 1;
        }
        
        @media (max-width: 768px) {
            .jy-dlfdss-alphabet-btn {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            
            .jy-dlfdss-center-indicator {
                width: 50px;
                height: 50px;
            }
            
            .jy-dlfdss-title {
                font-size: 28px;
            }
            
            .jy-dlfdss-tab-title {
                font-size: 24px;
            }
            
            .jy-dlfdss-image-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 480px) {
            .jy-dlfdss-alphabet-btn {
                width: 35px;
                height: 35px;
                font-size: 14px;
                margin: 0 3px;
            }
            
            .jy-dlfdss-center-indicator {
                width: 45px;
                height: 45px;
            }
            
            .jy-dlfdss-title {
                font-size: 24px;
            }
            
            .jy-dlfdss-tab-title {
                font-size: 20px;
            }
            
            .jy-dlfdss-content-section {
                padding: 20px;
            }
            
            .jy-dlfdss-image-grid {
                grid-template-columns: 1fr;
            }
        }
	 
	 

	 	 .jy-d7 {
    
    position:relative;
			    background: url('/uploadfile/202511/98fc96e41c84a62.png');
    background-size: cover;
    background-position: center;
  
    background-repeat: no-repeat;

}

	 
	 .jy-d711::before {
  content: '';
    position: absolute;
    background: url('/uploadfile/202511/aa5f99b46bfbc3f.png');
    height: 1000px;
    z-index: -1;
    pointer-events: none;
    width: 100%;
}
 
	 .jy-dlfdss-center-icon {
    width: 72px;
    height: 72px;
    object-fit: contain;
   
}

.jy-dlfdss-center-letter {
    font-size: 24px;
    font-weight: 400;
    color: #606060;
    text-align: center;
    line-height: 1;    position: absolute;
}

.jy-dlfdss-center-indicator::after {
    content: '';
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #606060;
    font-weight: bold;
    white-space: nowrap;
}
	 .jt-hyzx img {
    width: 486px;
}



.jy-ls-tab a {
    color: #ffffff;
    text-decoration: none;
}








 /* 全屏背景 */
 
        
        /* 头部区域 */
        .jy-sjz-header {
            text-align: center;
            padding: 40px 20px 20px;
        }
        
        .jy-sjz-header h1 {
            font-size: 42px;
            font-weight: 300;
            letter-spacing: 3px;
            margin-bottom: 10px;
            color: #333;
        }
        
        .jy-sjz-header p {
            font-size: 18px;
            color: #666;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        /* 时间轴容器 */
        .jy-sjz-timeline-container {
            width: 100%;
            padding: 20px 0;
            margin-top: 20px;
            position: relative;
            overflow: hidden;
            background: #fff;
        }
        
        .jy-sjz-timeline-wrapper {
            position: relative;
            width: 1200px;
            margin: 0 auto;
            /* overflow-x: auto;*/
            padding-bottom: 15px;
            cursor: grab;
        }
        
        .jy-sjz-timeline-wrapper:active {
            cursor: grabbing;
        }
        
        .jy-sjz-timeline {
            display: flex;
            min-width: 1200px;
            position: relative;
            padding: 0 20px;
            transition: transform 0.3s ease;
        }
        
        .jy-sjz-timeline-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width: 120px;
            padding: 20px 0 10px;
        }
        
        /* 年份之间的点击区域 */
        .jy-sjz-timeline-gap {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 50%;
            z-index: 5;
        }
        
        .jy-sjz-timeline-gap-left {
            left: 0;
        }
        
        .jy-sjz-timeline-gap-right {
            right: 0;
        }
        
        .jy-sjz-timeline-label {
            font-size: 16px;
            color: #606060;
            transition: all 0.3s ease;
            padding: 5px 10px;
            border-radius: 4px;
            font-weight: 400;
        }
        
        .jy-sjz-timeline-item.active .jy-sjz-timeline-label {
            color: #6A8DFF;
            font-weight: 500;
        }
        
        /* 年份下方的竖线 */
        .jy-sjz-timeline-vertical-line {
            width: 1px;
            height: 12px;
            background: #9E9E9E;
            transition: all 0.3s ease;
        }
        
        .jy-sjz-timeline-item.active .jy-sjz-timeline-vertical-line {
            background: #6A8DFF;
            height: 12px;
        }
        
        /* 箭头指示器 - 位于两个年份中间 */
        .jy-sjz-arrow-indicator {
            position: absolute;
            bottom: -10px;
            left: 100%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 12px solid #6A8DFF;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 10;
        }
        
        .jy-sjz-timeline-item.active .jy-sjz-arrow-indicator {
            opacity: 1;
        }
        
        /* 内容区域 */
        .jy-sjz-content-container {
            max-width: 1200px;
            margin: 40px auto 240px auto;
            padding: 0 0px;
            opacity: 1;
            transition: opacity 0.5s ease;
            background: #fff;
        }
        
        .jy-sjz-section-title {
            font-size: 28px;
            margin-bottom: 30px;
            text-align: center;
            font-weight: 300;
            letter-spacing: 2px;
            color: #333;
        }
        
        /* 图片网格 */
        .jy-sjz-image-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            z-index: 33;
            position: relative;
        }
        
        .jy-sjz-image-card {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            aspect-ratio: 4/3;
            background: #fff;
        }
        
        .jy-sjz-image-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        
        .jy-sjz-image-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .jy-sjz-image-card:hover img {
            transform: scale(1.05);
        }
        
        /* 毛玻璃遮罩效果 */
        .jy-sjz-image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            backdrop-filter: blur(5px);
        }
        
        .jy-sjz-image-card:hover .jy-sjz-image-overlay {
            opacity: 1;
        }
        
        .jy-sjz-image-title {
            font-size: 18px;
            font-weight: 400;
            margin-bottom: 15px;
            text-align: center;
            padding: 0 15px;
            color: #fff;
        }
        
        .jy-sjz-image-link {
            display: inline-block;
            padding: 8px 20px;
            background: rgba(255, 107, 107, 0.8);
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-size: 14px;
            transition: background 0.3s ease;
        }
        
        .jy-sjz-image-link:hover {
            background: rgba(255, 107, 107, 1);
        }
        
        /* 响应式设计 */
        @media (max-width: 1024px) {
            .jy-sjz-image-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .jy-sjz-image-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .jy-sjz-timeline-container {
                margin-top: 40px;
            }
            
            .jy-sjz-header h1 {
                font-size: 32px;
            }
        }
        
        @media (max-width: 480px) {
            .jy-sjz-image-grid {
                grid-template-columns: 1fr;
            }
            
            .jy-sjz-header h1 {
                font-size: 28px;
            }
        }
        
        /* 加载动画 */
        .jy-sjz-fade-out {
            opacity: 0;
        }
        
        .jy-sjz-fade-in {
            opacity: 1;
        }
        
      /* 滚动条样式 */
        .jy-sjz-timeline-wrapper::-webkit-scrollbar {
            height: 1px;
        }
        
        .jy-sjz-timeline-wrapper::-webkit-scrollbar-track {
             background: rgba(0, 0, 0, 0.1);
            border-radius: 3px;
        }
        
        .jy-sjz-timeline-wrapper::-webkit-scrollbar-thumb {
            background: #6A8DFF;
            border-radius: 3px;
        }
        
        .jy-sjz-timeline-wrapper::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 107, 107, 0.8);
        }
        
        /* 页脚 */
        .jy-sjz-footer {
            text-align: center;
            padding: 30px 20px;
            color: #666;
            font-size: 14px;
            border-top: 1px solid #eee;
            margin-top: 50px;
            background: #fff;
        }