.news-hero-section {background-color: var(--card-bg); padding: 3rem 0; width: 100%; text-align: center;}
.news-hero-container {max-width: 1400px; margin: 0 auto; padding: 0 2rem;}
.news-hero-title {font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--primary); margin-bottom: 1rem;}
.news-hero-desc {font-size: 1.1rem; color: var(--text-light); max-width: 800px; margin: 0 auto;}
.news-filter-section {padding: 2rem 0; background-color: var(--light-bg); border-bottom: 1px solid #e1e8ed;}
.news-filter-container {max-width: 1400px; margin: 0 auto; padding: 0 2rem; display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; justify-content: space-between;}
.news-categories {display: flex; flex-wrap: wrap; gap: 1rem;}
.category-btn {padding: 0.6rem 1.5rem; background-color: var(--card-bg); border: 1px solid #e1e8ed; border-radius: 50px; color: var(--text-dark); font-weight: 500; cursor: pointer; transition: var(--transition);}
.category-btn:hover {border-color: var(--primary); color: var(--primary);}
.category-btn.active {background-color: var(--primary); color: white; border-color: var(--primary);}
.news-search {position: relative; width: 100%; max-width: 350px;}
.search-input {width: 100%; padding: 0.8rem 1.5rem 0.8rem 3.5rem; border: 1px solid #e1e8ed; border-radius: 50px; background-color: var(--card-bg); font-size: 0.95rem; transition: var(--transition);}
.search-input:focus {outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.1);}
.search-icon {position: absolute; left: 1.2rem; top: 50%; transform: translateY(-50%); color: var(--text-light); font-size: 1rem;}
.news-list-section {padding: 4rem 0; background-color: var(--light-bg);}
.news-list-container {max-width: 1400px; margin: 0 auto; padding: 0 2rem;}
.news-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 2.5rem; margin-bottom: 4rem;}
.news-card {background-color: var(--card-bg); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); height: 100%; display: flex; flex-direction: column;}
.news-card:hover {transform: translateY(-5px); box-shadow: var(--shadow-md);}
.news-img-container {width: 100%; overflow: hidden; position: relative;}
.news-tag {position: absolute; top: 1rem; left: 1rem; padding: 0.3rem 0.8rem; background-color: var(--primary); color: white; font-size: 0.8rem; font-weight: 600; border-radius: 4px; z-index: 10;}
.news-img {width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.news-card:hover .news-img {transform: scale(1.05);}
.news-content {padding: 1.8rem; flex: 1; display: flex; flex-direction: column;}
.news-date {display: flex; align-items: center; gap: 0.5rem; color: var(--text-light); font-size: 0.9rem; margin-bottom: 1rem;}
.news-title {font-size: 1.3rem; font-weight: 600; color: var(--text-dark); margin-bottom: 1rem; line-height: 1.4; transition: var(--transition);}
.news-title a{ color:var(--primary); text-decoration:none;}
.news-title a:hover{ color:var(--accent); text-decoration:underline;}
.news-card:hover .news-title {color: var(--primary);}
.news-excerpt {color: var(--text-light); font-size: 1rem; line-height: 1.7; margin-bottom: 1.5rem; flex: 1;}
.news-read-more {display: inline-flex; align-items: center; gap: 0.5rem; color: var(--primary); font-weight: 600; text-decoration: none; transition: var(--transition); margin-top: auto;}
.news-read-more:hover {color: #0047b3; gap: 0.8rem;}
.news-pagination {display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin-top: 2rem;}
.pagination-btn {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: var(--card-bg); border: 1px solid #e1e8ed; color: var(--text-dark); font-weight: 500; cursor: pointer; transition: var(--transition);}
.pagination-btn:hover:not(.disabled):not(.active) {border-color: var(--primary); color: var(--primary);}
.pagination-btn.active {background-color: var(--primary); color: white; border-color: var(--primary);}
.pagination-btn.disabled {opacity: 0.5; cursor: not-allowed;}
.pagination-icon {font-size: 1.1rem;}
.news-subscribe-section {background-color: var(--primary); color: white; padding: 5rem 0; text-align: center; margin-top: 3rem;}
.subscribe-container {max-width: 800px; margin: 0 auto; padding: 0 2rem;}
.subscribe-title {font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; margin-bottom: 1.5rem;}
.subscribe-desc {font-size: 1.1rem; opacity: 0.9; margin-bottom: 2.5rem;}
.subscribe-form {display: flex; gap: 1rem; max-width: 600px; margin: 0 auto;}
.subscribe-input {flex: 1; padding: 1rem 1.5rem; border: none; border-radius: 8px; font-size: 1rem; outline: none;}
.subscribe-btn {padding: 1rem 2.5rem; background-color: var(--accent); color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: var(--transition);}
.subscribe-btn:hover {background-color: #e67000; transform: translateY(-2px);}
@media (max-width: 992px) {.news-grid {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem;}
.news-filter-container {flex-direction: column; align-items: stretch;}
.news-categories {justify-content: center;}
.news-search {max-width: 100%;}
.subscribe-form {flex-direction: column;}}
@media (max-width: 767px) {.news-grid {grid-template-columns: 1fr; gap: 1.5rem;}
.news-img-container {}
.news-content {padding: 1.5rem;}
.pagination-btn {width: 40px; height: 40px; font-size: 0.9rem;}
.news-hero-title {font-size: 1.8rem;}
.category-btn {padding: 0.5rem 1.2rem; font-size: 0.9rem;}}














        /* ========== 新闻详情页核心样式 - 移动端适配版 ========== */
        /* 新闻头部区域 - 移动端优化 */
        .news-detail-header {
            background-color: var(--white);
            padding: 2rem 0;
            width: 100%;
        }
        
        .news-detail-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 1rem;
        }
        
        .news-meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.5rem;
            color: var(--gray-600);
            font-size: 0.85rem;
        }
        
        .news-meta-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .news-tag-badge {
            background-color: var(--primary);
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: 0.3px;
        }
        
        .news-detail-title {
            font-size: clamp(1.8rem, 6vw, 2.5rem);
            font-weight: 700;
            color: var(--dark);
            line-height: 1.3;
            margin-bottom: 1.5rem;
            width: 100%;
        }
        
        .news-detail-cover {
            width: 100%;
            height: auto;
            border-radius: var(--radius-md);
            margin-bottom: 2rem;
            box-shadow: var(--shadow-md);
        }

        /* 新闻内容区域 - 移动端适配 */
        .news-detail-content {
            background-color: var(--white);
            padding: 0 0 3rem;
            width: 100%;
        }
        
        .news-content-wrapper {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 1rem;
            font-size: 1rem;
            color: var(--gray-800);
            line-height: 1.8;
        }
        
        .news-content-wrapper p {
            margin-bottom: 1.5rem;
        }
        
        .news-content-wrapper h2 {
            font-size: 1.6rem;
            font-weight: 700;
            margin: 2.5rem 0 1rem;
            color: var(--primary);
            line-height: 1.3;
        }
        
        .news-content-wrapper h3 {
            font-size: 1.3rem;
            font-weight: 700;
            margin: 2rem 0 1rem;
            line-height: 1.3;
        }
        
        .news-content-wrapper ul {
            margin-bottom: 1.5rem;
            padding-left: 1.5rem;
        }
        
        .news-content-wrapper li {
            margin-bottom: 0.8rem;
        }
        
        .news-content-wrapper a {
            color: var(--primary);
            text-decoration: none;
            font-weight: 600;
            border-bottom: 2px solid transparent;
            transition: var(--transition);
        }
        
        .news-content-wrapper a:hover {
            border-bottom: 2px solid var(--primary);
        }

        

        /* ========== 响应式适配 - 全尺寸覆盖 ========== */
        /* 平板端适配 */
        @media (min-width: 768px) {
            .breadcrumb-container,
            .news-detail-container,
            .news-content-wrapper {
                padding: 0 2rem;
            }
            
            .related-news-grid {
                grid-template-columns: repeat(2, 1fr);
                padding: 0 2rem;
            }
            
            .embedded-product-card {
                flex-direction: row;
                align-items: center;
                padding: 1.5rem 2rem;
                gap: 1.5rem;
            }
            
        }
        
        /* 桌面端适配 */
        @media (min-width: 1200px) {
            .breadcrumb-container,
            .news-detail-container {
                max-width: 1200px;
                padding: 0 2rem;
            }
            
            .news-content-wrapper {
                max-width: 1200px;
                padding: 0 2rem;
                font-size: 1.1rem;
            }
            
            .related-news-grid {
                grid-template-columns: repeat(3, 1fr);
                max-width: 1200px;
                padding: 0 2rem;
            }
            
            .embedded-product-card {
                flex-direction: row;
                align-items: center;
                padding: 1.5rem 2.5rem;
                gap: 2rem;
                min-height: 160px;
            }
            
        }