/* 电脑端应用领域模块初始显示设置 */
.YWeb {
    display: block;
}

/* 手机端应用领域模块初始显示设置 */
.YMobile {
    display: none;
}

/*@media (min-width: 991px) {
    header.navbar {
        display: none;
    }
}*/

/* 媒体查询，当屏幕宽度小于一定值（这里以768px作为手机端判断参考，可根据实际调整）时，显示手机端头部，隐藏电脑端头部 */
@media screen and (max-width: 768px) {
    .YWeb {
        display: none;
    }

    .YMobile {
        display: block;
    }
}


/* =============== 导航栏 =============== */
.phoneNav ul li {
    line-height: 60px;
    text-align: center;
}

.phoneNav #closeNav {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 45px; /* 调整关闭按钮的字体大小 */
}

.phoneNav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center; /* 居中对齐列表项 */
}

.phoneNav li {
    margin: 10px 0;
}

.phoneNav a {
    text-decoration: none;
    color: #3d3c38;
    font-size: 16px; /* 减小字体大小 */
    display: block;
    padding: 8px; /* 减小内边距 */
}

.phoneNav a:hover {
    background-color: #f0f0f0;
}

.phoneNav .nav-link-item {
    display: block;
    padding: 8px; /* 减小内边距 */
}

.phoneNav .nav-link-item:hover {
    background-color: #f0f0f0;
}

.phoneNav span {
    display: inline-block;
    padding: 0 8px; /* 减小内边距 */
}


/* =============== 应用领域模块 =============== */
.application-field-mobile {
    width: 100%;
    position: relative;
    text-align: center;
    background: rgb(10,26,47);
    margin-top: 20px;
    padding: 0 30px;
}

.carousel-mobile {
    margin-top: 80px;
    width: 100%;
    min-height: auto;
}

.carousel-track-mobile {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 0 auto;
    padding: 20px 0;
}

.big-module-container-mobile {
    width: 100%;
    min-height: 300px;
    position: relative;
}

.small-modules-container-mobile {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    -webkit-grid-gap: 1.5rem;
    position: relative;
}


/* =============== 模块样式 =============== */
.moduleAI-mobile {
    min-height: 300px;
}

.module-mobile {
    min-height: 200px;
}

.moduleAI-mobile,
.module-mobile {
    position: relative;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(0,120,255,0.1);
    border-radius: 15px;
    padding: 1.5rem;
    color: white;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    overflow: hidden;
    cursor: pointer;
    width: 100%;
}

.moduleAI-mobile.ai-module-mobile {
    animation: pulse 3s ease-in-out infinite;
}

.module-mobile:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 20px rgba(0,120,255,0.3);
}

.big-module-container-mobile {
    width: 100%;
    /*height: 410px;*/
    /*margin-bottom: 1rem;*/
    position: relative;
}

/* 确保大模块中的按钮正常显示 */
.big-module-container-mobile .case-button {
    display: flex !important;
}

.big-module-container-mobile .btn {
    display: flex !important;
}


/* =============== 模块内容样式 =============== */
/*.hero h2 {
    font-size: 2.5rem;
    line-height: 1.2;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 0 30px rgba(0, 255, 255, 0.6);
    animation: textGlow 2s ease-in-out infinite alternate;
    margin-bottom: 1.5rem;
    text-align: left;
}*/

.neon-title-mobile {
    color: rgb(0,243,165);
    font-size: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    text-shadow: 0 0 8px rgba(74,242,255,0.3);
    text-align: left;
}

.module-description-mobile {
    width: 100%;
    /*max-height: 120px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    line-height: 1.5;
    margin-bottom: 1.5rem;
    flex-grow: 1;
    font-size: 16px;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 4;*/
    /*-webkit-box-orient: vertical;*/
    color: white;
    text-align: left;
}

.module-description1-mobile {
    width: 100%;
    /*max-height: 120px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    line-height: 1.5;
    margin-bottom: 1.5rem;
    flex-grow: 1;
    font-size: 16px;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 4;*/
    /*-webkit-box-orient: vertical;*/
    color: white;
    text-align: left;
}

/* =============== 按钮样式 =============== */


.case-button-mobile {
    background: linear-gradient(135deg, #6C5CE7, #48D1CC);
    border: none;
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    margin-top: auto;
    width: auto;
    max-width: 150px;
    padding: 8px 16px;
    transition: all 0.4s cubic-bezier(0.55, 0.8, 0.25, 1);
    font-size: 16px;
}

.case-button-mobile:hover {
    background: linear-gradient(135deg, #5ca2ff, #3d7eff);
    box-shadow: 0 4px 12px rgba(74,144,226,0.3);
}

/* ===== 按钮样式 ===== */
.big-module-container-mobile .btn {
    background: linear-gradient(135deg, #00ff9d 0%, #0072ff 100%);
    border: none;
    padding: 1.7rem 1rem;
    color: white;
    font-size: 1rem;
    border-radius: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    margin-top: 2.2rem;
}

.big-module-container-mobile .btn:hover {
    color: #fcc25b;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 255, 157, 0.4)
}