/* 响应式适配样式 - 基于原有class */

/* ==================== 手机端适配 (max-width: 767px) ==================== */
@media screen and (max-width: 767px) {

    /* 顶部细条 */
    .header-top {
        padding: 8px 0;
    }

    .header-top > div > span:first-child {
        display: none;
    }

    .header-top .flex {
        justify-content: center;
        width: 100%;
    }

    /* 主头部 */
    header.bg-white {
        padding: 10px 0;
    }

    header.bg-white img {
        max-height: 40px;
    }

    header nav.menu {
        display: none;
    }

    header nav.mobile-menu {
        display: flex !important;
    }

    /* 首页大图 */
    .banner {
        height: 400px !important;
    }

    .banner .b-title {
        font-size: 28px !important;
        line-height: 36px !important;
        margin-bottom: 20px !important;
    }

    .banner .b-desc {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 25px !important;
    }

    .banner .flex.justify-center {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .banner .b-btn-left,
    .banner .b-btn-right {
        width: 100%;
        max-width: 280px;
        height: 48px !important;
        font-size: 16px !important;
    }

    /* 通知公告 */
    .site-news {
        padding: 40px 0 !important;
    }

    .news-header{
        /* display: block !important; */
    }

    .tab-content .grid{
        display: block;
    }

    .news-left{
        margin-bottom: 15px;
    }

    .site-news .news-title {
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .news-tabs .tab-item,.news-tabs .tab-more,.news-tabs .tab-active{
        font-size: 14px;
        margin-left: 10px !important;
    }

    .news-tabs .tab-more{
        display: none;
    }

    .footer-links-list{
        display: block !important;
    }

    .news-type {
        flex-wrap: wrap;
        gap: 10px;
    }

    .news-type span {
        font-size: 14px !important;
    }

    /* 新闻内容区域 - 手机端改为垂直布局 */
    .news-left {
        height: 220px !important;
    }

    .news-list hr {
        margin: 15px 0 !important;
    }

    .date-box {
        width: 55px !important;
        height: 55px !important;
        padding: 10px 0 !important;
    }

    .date-box .text-base {
        font-size: 18px !important;
    }

    .news-t {
        font-size: 16px !important;
    }

    .news-subt {
        font-size: 13px !important;
    }

    /* 愿景与使命 */
    .site-vision {
        padding: 40px 0 !important;
    }

    .site-vision .vision-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .vision-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .vision-card {
        padding: 30px 20px !important;
    }

    .vision-card-title {
        font-size: 20px !important;
    }

    .vision-card-subtitle {
        font-size: 16px !important;
    }

    .vision-card-desc {
        font-size: 14px !important;
    }

    /* 关于我们 */
    .site-about {
        padding: 40px 0 !important;
    }

    .about-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .about-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .about-subtitle {
        font-size: 18px !important;
    }

    .about-desc {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .about-info {
        grid-template-columns: 1fr !important;
    }

    /* 核心业务 */
    .site-services {
        padding: 60px 0 !important;
    }

    .services-title {
        font-size: 26px !important;
        line-height: 36px !important;
    }

    .services-desc {
        font-size: 14px !important;
        line-height: 22px !important;
        padding: 0 10px;
    }

    .services-main-card {
        margin-bottom: 60px !important;
    }

    .services-main-card > div:first-child {
        grid-template-columns: 1fr !important;
    }

    .services-main-image {
        height: 250px !important;
    }

    .services-main-content {
        padding: 30px 20px !important;
    }

    .services-main-title .text-lg {
        font-size: 18px !important;
    }

    .services-main-desc {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .services-features {
        grid-template-columns: 1fr !important;
    }

    .services-feature {
        padding: 15px !important;
        margin-bottom: 20px !important;
    }

    .services-sub-cards {
        grid-template-columns: 1fr !important;
    }

    .service-card {
        padding: 30px 20px !important;
    }

    .service-card-icon {
        width: 50px !important;
        height: 50px !important;
        padding: 12px !important;
    }

    .service-card-title {
        font-size: 18px !important;
    }

    .service-card-desc {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    /* 平台核心优势 */
    .site-advantages {
        padding: 40px 0 !important;
    }

    .site-advantages .advantages-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .advantages-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .advantage-icon {
        width: 60px !important;
        height: 60px !important;
    }

    .advantage-title {
        font-size: 16px !important;
    }

    .advantage-desc {
        font-size: 13px !important;
    }

    /* 页脚 */
    .site-footer {
        padding: 40px 0 30px !important;
    }

    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
    }

    .footer-brand,
    .footer-links,
    .footer-contact {
        text-align: center;
    }

    .footer-logo {
        justify-content: center !important;
    }

    .footer-social {
        justify-content: center !important;
    }

    .footer-links-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .footer-contact-item {
        justify-content: center !important;
    }

    .footer-copyright {
        text-align: center;
        padding-top: 25px !important;
    }

    /* 装饰元素隐藏 */
    .site-services::before,
    .site-services::after,
    .services-main-content::after {
        display: none !important;
    }

    .news-main{
        padding: 15px;
    }
    .news-list-header-top{
        display: block !important;
    }

    .news-list-tabs ul li{
        margin-top: 10px;
    }

    .news-list-tabs{
        display: block;
    }
    .news-list-tabs ul li{
        width: 31%;
    }
    .news-item{
        display: block !important;
    }

    .news-item .news-info .news-item-title{
        font-size: 18px;
        line-height: 1;
    }

    .news-item .news-img img{
        width: 100%;
        height: auto;
    }

    .news-info{
        margin-top: 10px;
    }

    .news-item .news-info .date{
        margin-bottom: 10px;
    }
}

/* ==================== 平板端适配 (768px - 1024px) ==================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 顶部细条 */
    .header-top {
        padding: 8px 0;
    }

    /* 主头部 */
    header.bg-white {
        padding: 15px 0;
    }

    header nav.menu {
        gap: 20px !important;
    }

    header nav.menu .item {
        font-size: 14px !important;
    }

    /* 首页大图 */
    .banner {
        height: 500px !important;
    }

    .banner .b-title {
        font-size: 36px !important;
        line-height: 44px !important;
    }

    .banner .b-desc {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    /* 通知公告 */
    .site-news {
        padding: 50px 0 !important;
    }

    .news-title {
        font-size: 26px !important;
    }

    .news-type {
        gap: 20px !important;
    }

    /* 愿景与使命 */
    .site-vision {
        padding: 50px 0 !important;
    }

    .vision-title {
        font-size: 26px !important;
    }

    /* 关于我们 */
    .site-about {
        padding: 50px 0 !important;
    }

    .about-grid {
        gap: 30px !important;
    }

    .about-title {
        font-size: 26px !important;
    }

    /* 核心业务 */
    .site-services {
        padding: 80px 0 !important;
    }

    .services-title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .services-desc {
        font-size: 16px !important;
    }

    .services-main-card {
        margin-bottom: 80px !important;
    }

    .services-main-content {
        padding: 40px 30px !important;
    }

    .services-sub-cards {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }

    .service-card {
        padding: 30px 20px !important;
    }

    /* 平台核心优势 */
    .site-advantages {
        padding: 50px 0 !important;
    }

    .advantages-title {
        font-size: 26px !important;
    }

    /* 页脚 */
    .site-footer {
        padding: 50px 0 40px !important;
    }

    /* 装饰元素调整 */
    .site-services::before,
    .site-services::after {
        width: 500px !important;
        height: 500px !important;
    }

}

/* ==================== 小屏幕优化 (max-width: 480px) ==================== */
@media screen and (max-width: 480px) {

    /* 首页大图进一步优化 */
    .banner {
        height: 350px !important;
    }

    .banner .b-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .banner .b-desc {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    /* 按钮调整 */
    .banner .b-btn-left,
    .banner .b-btn-right {
        height: 44px !important;
        font-size: 14px !important;
        padding: 0 20px !important;
    }

    /* 字体进一步缩小 */
    .news-title,
    .vision-title,
    .about-title,
    .advantages-title {
        font-size: 20px !important;
    }

    /* 间距进一步缩小 */
    .site-news,
    .site-vision,
    .site-about,
    .site-advantages {
        padding: 30px 0 !important;
    }

    .site-services {
        padding: 50px 0 !important;
    }
}

/* ==================== 横屏手机优化 ==================== */
@media screen and (max-width: 767px) and (orientation: landscape) {

    .banner {
        height: 300px !important;
    }

    .banner > div:last-child {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}