:root {
            --primary: #1a6fb0;
            --primary-dark: #135a90;
            --primary-light: #e6f2ff;
            --secondary: #f8f9fa;
            --accent: #ff6b35;
            --light: #f8fafc;
            --dark: #2d3748;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
            color: #333;
            line-height: 1.6;
            overflow-x: hidden;
            background-color: #f9fbfd;
        }
        
        /* 导航栏样式 */
        .navbar {
            background-color: white;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
            padding: 15px 0;
            transition: all 0.3s ease;
            z-index: 1000;
        }
        
        .navbar.scrolled {
            padding: 8px 0;
            background-color: rgba(255, 255, 255, 0.95);
        }
        
        .navbar-brand {
            font-weight: 700;
            color: var(--primary);
            font-size: 1.8rem;
            display: flex;
            align-items: center;
        }
        
        .navbar-brand img {
            height: 45px;
            margin-right: 10px;
        }
        
        .navbar-brand span {
            color: var(--accent);
        }
        
        .nav-link {
            color: var(--dark);
            font-weight: 500;
            margin: 0 5px;
            padding: 8px 15px !important;
            border-radius: 4px;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .nav-link:hover, .nav-link.active {
            color: var(--primary);
        }
        
        .nav-link:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: var(--primary);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover:after, .nav-link.active:after {
            width: 70%;
        }
        
        .btn-primary {
            background-color: var(--primary);
            border-color: var(--primary);
            padding: 10px 25px;
            border-radius: 4px;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            background-color: var(--primary-dark);
            border-color: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(26, 111, 176, 0.3);
        }
        
        .btn-outline-primary {
            border-color: var(--primary);
            color: var(--primary);
        }
        
        .btn-outline-primary:hover {
            background-color: var(--primary);
            color: white;
        }
        
        /* 轮播图样式 */
        .hero-carousel {
            position: relative;
            height: 850px;
            overflow: hidden;
        }
        
        .carousel-item {
            height: 850px;
            background-size: cover;
            background-position: center;
        }
        
        .carousel-caption {
            bottom: 25%;
            text-align: left;
            max-width: 850px;
            left: 10%;
        }
        
        .carousel-caption h2 {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        }
        
        .carousel-caption p {
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;
        }
        
        .carousel-control-prev, .carousel-control-next {
            width: 5%;
        }
        
        .carousel-indicators [data-bs-target] {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            margin: 0 8px;
        }
        
        /* 特色区域 */
        .features-section {
            padding: 90px 0;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }
        @media (min-width:300px){
            .section-header {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
        }
        
        .section-header h2 {
            font-weight: 700;
            color: var(--primary);
            position: relative;
            display: inline-block;
            padding-bottom: 15px;
            font-size: 2.3rem;
        }
        
        .section-header h2:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: var(--accent);
        }
        
        .section-header p {
            color: #666;
            font-size: 1.1rem;
            max-width: 700px;
            margin: 15px auto 0;
        }
        
        .feature-card {
            text-align: center;
            padding: 35px 25px;
            border-radius: 8px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            transition: all 0.4s ease;
            margin-bottom: 30px;
            background: white;
            height: 100%;
            border-bottom: 3px solid transparent;
        }
        
        .feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
            border-bottom-color: var(--primary);
        }
        
        .feature-icon {
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--primary-light);
            border-radius: 50%;
            margin: 0 auto 25px;
            color: var(--primary);
            font-size: 2.2rem;
            transition: all 0.3s ease;
        }
        
        .feature-card:hover .feature-icon {
            background-color: var(--primary);
            color: white;
        }
        
        .feature-card h3 {
            margin-bottom: 15px;
            color: var(--dark);
            font-weight: 600;
        }
        
        /* 产品展示 */
        .products-section {
            padding: 80px 0;
            background-color: var(--light);
        }
        @media (max-width:768px){
            .products-section {
    padding: 0px 0;
    background-color: var(--light);
}

        }
        
        .product-tabs {
            border-bottom: 1px solid #dee2e6;
            margin-bottom: 40px;
            justify-content: center;
        }
        
        .product-tabs .nav-link {
            color: #666;
            padding: 8px 15px !important;
            border: none;
            border-radius: 0;
            font-size: 1.1rem;
            position: relative;
        }
        
        .product-tabs .nav-link.active {
            color: var(--primary);
            background: transparent;
        }
        
        .product-tabs .nav-link.active:after {
            width: 100%;
            height: 3px;
            background: var(--primary);
        }
        
        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 30px;
        }
        
        .product-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
            transition: all 0.4s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        
        .product-img {
            height: 280px;
            overflow: hidden;
        }
        
        .product-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .product-card:hover .product-img img {
            transform: scale(1.05);
        }
        
        .product-info {
            padding: 25px 20px;
            flex-grow: 1;
        }
        
        .product-info h3 {
            color: var(--primary);
            font-weight: 600;
            margin-bottom: 12px;
            font-size: 1.25rem;
        }
        
        .product-info .price {
            color: var(--accent);
            font-weight: 700;
            font-size: 1.2rem;
            margin: 10px 0 15px;
        }
        
        /* 招商加盟 */
        .join-section {
            padding: 100px 0;
            background: linear-gradient(105deg, rgba(26, 111, 176, 0.9) 0%, rgba(19, 90, 144, 0.85) 100%), 
                        url('https://images.unsplash.com/photo-1516732179917-6661e048480e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
            color: white;
        }
        
        .join-content {
            max-width: 500px;
        }
        
        .join-content h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 25px;
        }
        
        .join-content p {
            font-size: 1.1rem;
            margin-bottom: 35px;
            opacity: 0.9;
        }
        
        .join-benefits {
            margin-bottom: 40px;
        }
        
        .join-benefits ul {
            list-style: none;
            padding: 0;
        }
        
        .join-benefits li {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            font-size: 1.05rem;
        }
        
        .join-benefits i {
            color: var(--accent);
            margin-right: 12px;
            font-size: 1.3rem;
        }
        
        .join-form {
            background: white;
            padding: 35px;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }
        
        .join-form h3 {
            color: var(--primary);
            font-weight: 600;
            margin-bottom: 25px;
            text-align: center;
        }
        
        .join-form .form-control {
            margin-bottom: 20px;
            padding: 12px 15px;
            border-radius: 4px;
            border: 1px solid #ddd;
        }
        
        .join-form .form-control:focus {
            border-color: var(--primary);
            box-shadow: 0 0 0 0.2rem rgba(26, 111, 176, 0.25);
        }
        
        /* 新闻动态 - 修复版 */
        .news-section {
            padding: 90px 0;
            background-color: white;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 30px;
        }
        
        .news-card {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            background: white;
        }
        
        .news-card:hover {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            transform: translateY(-5px);
        }
        
        .news-img {
            height: 200px;
            overflow: hidden;
        }
        
        .news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .news-card:hover .news-img img {
            transform: scale(1.05);
        }
        
        .news-body {
            padding: 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .news-date {
            color: var(--primary);
            font-size: 0.9rem;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .news-date i {
            margin-right: 8px;
        }
        
        .news-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 12px;
            color: var(--dark);
            transition: color 0.3s ease;
            line-height: 1.4;
        }
        
        .news-card:hover .news-title {
            color: var(--primary);
        }
        
        .news-excerpt {
            color: #666;
            margin-bottom: 20px;
            flex-grow: 1;
            font-size: 0.95rem;
            line-height: 1.6;
        }
        
        .news-link {
            color: var(--primary);
            font-weight: 500;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            transition: all 0.3s ease;
        }
        
        .news-link:hover {
            color: var(--accent);
            transform: translateX(5px);
        }
        
        .news-link i {
            margin-left: 5px;
            transition: transform 0.3s ease;
        }
        
        .news-link:hover i {
            transform: translateX(3px);
        }
        
        /* 关于我们 */
        .about-section {
            padding: 90px 0;
            background-color: var(--light);
        }
        
        .about-content {
            padding-left: 30px;
        }
        
        .about-content h2 {
            color: var(--primary);
            font-weight: 700;
            margin-bottom: 25px;
            font-size: 2.3rem;
        }
        
        .about-content p {
            color: #666;
            margin-bottom: 25px;
        }
        
        .about-stats {
            display: flex;
            flex-wrap: wrap;
            margin-top: 40px;
        }
        
        .stat-item {
            margin-right: 40px;
            margin-bottom: 25px;
        }
        
        .stat-item h4 {
            color: var(--primary);
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 5px;
        }
        
        .stat-item p {
            color: #666;
            margin-bottom: 0;
        }
        
        /* 联系我们 */
        .contact-section {
            padding: 90px 0;
            background-color: white;
        }
        
        .contact-info {
            padding: 40px;
            background-color: var(--primary-light);
            border-radius: 8px;
            height: 100%;
        }
        
        .contact-info h3 {
            color: var(--primary);
            font-weight: 600;
            margin-bottom: 30px;
        }
        
        .contact-item {
            display: flex;
            margin-bottom: 30px;
        }
        
        .contact-item i {
            /* color: var(--primary);
            font-size: 1.5rem;
            margin-right: 20px;
            min-width: 30px; */
        }
        
        .contact-item h4 {
            font-weight: 600;
            margin-bottom: 5px;
        }
        
        .contact-form {
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }
        
        .contact-form h3 {
            color: var(--primary);
            font-weight: 600;
            margin-bottom: 30px;
        }
        
        .contact-form .form-control {
            margin-bottom: 25px;
            padding: 12px 15px;
            border-radius: 4px;
            border: 1px solid #ddd;
        }
        
        .contact-form .form-control:focus {
            border-color: var(--primary);
            box-shadow: 0 0 0 0.2rem rgba(26, 111, 176, 0.25);
        }
        
        .contact-form textarea {
            min-height: 150px;
        }
        
        /* 页脚 */
        .footer {
            background: linear-gradient(to bottom, #0c4160 0%, #1a6fb0 100%);
            color: white;
            padding: 70px 0 0;
        }
        
        .footer h5 {
            color: white;
            margin-bottom: 25px;
            font-weight: 600;
            position: relative;
            padding-bottom: 12px;
            font-size: 1.3rem;
        }
        
        .footer h5:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background: var(--accent);
        }
        
        .footer-links {
            list-style: none;
            padding: 0;
        }
        
        .footer-links li {
            margin-bottom: 12px;
        }
        
        .footer-links a {
            color: rgba(255, 255, 255, 0.85);
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        .footer-links a:hover {
            color: white;
            transform: translateX(5px);
        }
        
        .footer-contact li {
            display: flex;
            margin-bottom: 18px;
            color: rgba(255, 255, 255, 0.85);
            align-items: flex-start;
        }
        
        .footer-contact i {
            color: var(--accent);
            margin-right: 15px;
            font-size: 1.2rem;
            min-width: 25px;
            margin-top: 5px;
        }
        
        .copyright {
            background-color: rgba(0, 0, 0, 0.2);
            padding: 22px 0;
            margin-top: 60px;
            text-align: center;
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.95rem;
        }
        
        .social-links {
            display: flex;
            margin-top: 20px;
        }
        
        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            border-radius: 50%;
            margin-right: 10px;
            transition: all 0.3s ease;
        }
        
        .social-links a:hover {
            background: var(--accent);
            transform: translateY(-3px);
        }
        
        /* 响应式调整 */
        @media (max-width: 992px) {
            .hero-carousel, .carousel-item {
                height: 500px;
            }
            
            .carousel-caption h2 {
                font-size: 2.5rem;
            }
            
            .section-header h2, .about-content h2 {
                font-size: 2rem;
            }
            
            .join-form {
                margin-top: 40px;
            }
            
            .about-content {
                padding-left: 0;
                margin-top: 40px;
            }
        }
        
        @media (max-width: 768px) {
            .hero-carousel, .carousel-item {
                height: 190.36px;
            }
            
            .carousel-caption {
                bottom: 20%;
            }
            
            .carousel-caption h2 {
                font-size: 2rem;
            }
            
            .carousel-caption p {
                font-size: 1rem;
                margin-bottom: 20px;
            }
            
            .section-header h2, .about-content h2, .join-content h2 {
                font-size: 1.8rem;
            }
            
            .features-section, .news-section, .about-section, .contact-section {
                padding: 0px 0;
            }
            
            .join-section {
                padding: 70px 0;
                margin-top: 35px;
            }
            
            .footer {
                text-align: center;
            }
            
            .footer h5:after {
                left: 50%;
                transform: translateX(-50%);
            }
            
            .footer-links a:hover {
                transform: none;
            }
            
            .social-links {
                justify-content: center;
            }
            
            .contact-info {
                margin-bottom: 40px;
            }
            
            .news-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (min-width: 769px) and (max-width: 992px) {
            .news-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (min-width: 993px) {
            .news-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        
		
 /* 产品详情样式 */
        .product-detail {
            margin-bottom: 80px;
        }
        
        .product-gallery {
            margin-bottom: 30px;
        }
        
        .main-image {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .main-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .main-image:hover img {
            transform: scale(1.02);
        }
        
        .thumbnail-container {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
        
        .thumbnail {
            width: 80px;
            height: 80px;
            border: 2px solid transparent;
            border-radius: 4px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .thumbnail.active {
            border-color: var(--primary);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .product-info {
            background: white;
            border-radius: 8px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .product-badge {
            display: inline-block;
            background: var(--accent);
            color: white;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 0.85rem;
            font-weight: 500;
            margin-right: 10px;
            margin-bottom: 20px;
        }
        
        .product-name {
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 15px;
        }
        
        .product-rating {
            color: #ffc107;
            margin-bottom: 25px;
        }
        
        .product-rating i {
            font-size: 1.1rem;
        }
        
        .rating-count {
            color: #666;
            margin-left: 10px;
            font-size: 1rem;
        }
        
        .product-price {
            color: var(--accent);
            font-weight: 700;
            font-size: 2.5rem;
            margin: 25px 0;
        }
        
        .product-price small {
            font-size: 1rem;
            font-weight: normal;
            text-decoration: line-through;
            color: #999;
            margin-left: 15px;
        }
        
        .product-stats {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            margin: 25px 0;
        }
        
        .stat-item {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .stat-item i {
            color: var(--primary);
        }
        
        .product-select {
            margin: 30px 0;
        }
        
        .select-title {
            font-weight: 600;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }
        
        .select-options {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .option-item {
            padding: 10px 20px;
            border: 1px solid #ddd;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .option-item.active, .option-item:hover {
            border-color: var(--primary);
            color: var(--primary);
        }
        
        .quantity-select {
            display: flex;
            align-items: center;
            gap: 15px;
            margin: 20px 0;
        }
        
        .quantity-control {
            display: flex;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        
        .quantity-control button {
            width: 36px;
            height: 36px;
            background: white;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
        }
        
        .quantity-control input {
            width: 60px;
            height: 36px;
            border: none;
            text-align: center;
            font-size: 1rem;
        }
        
        .product-actions {
            display: flex;
            gap: 15px;
            margin: 30px 0;
        }
        
        .product-actions .btn {
            flex-grow: 1;
            padding: 12px 20px;
            font-size: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .btn-large {
            padding: 14px 30px;
            font-size: 1.1rem;
        }
        
        .product-tabs {
            margin-top: 60px;
        }
        
        .product-tabs .nav-link {
            color: #666;
            font-weight: 500;
            padding: 15px 30px;
            border: none;
            border-radius: 0;
            position: relative;
        }
        
        .product-tabs .nav-link.active {
            color: var(--primary);
        }
        
        .product-tabs .nav-link.active:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40%;
            height: 3px;
            background: var(--primary);
        }
        
        .tab-content {
            background: white;
            border-radius: 8px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            margin-top: -1px;
        }
        @media (min-width:300px){
            .tab-content {
   
    padding: 15px;
    
}
        }
        
        .product-description {
            line-height: 1.8;
            color: #333;
        }
        
        .product-description p {
            margin-bottom: 20px;
        }
        
        .product-description img {
            max-width: 100%;
            border-radius: 8px;
            margin: 20px 0;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .parameter-table {
            width: 100%;
            border-collapse: collapse;
            margin: 30px 0;
        }
        
        .parameter-table th, .parameter-table td {
            padding: 12px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .parameter-table th {
            width: 200px;
            font-weight: 600;
            color: #555;
        }
        
        .parameter-table tr:last-child td, .parameter-table tr:last-child th {
            border-bottom: none;
        }
        
        .user-reviews {
            margin-top: 30px;
        }
        
        .review-filter {
            display: flex;
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .review-filter button {
            padding: 8px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            background: white;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .review-filter button.active, .review-filter button:hover {
            border-color: var(--primary);
            color: var(--primary);
        }
        
        .review-list {
            margin-top: 30px;
        }
        
        .review-item {
            padding: 25px 0;
            border-bottom: 1px solid #eee;
        }
        
        .review-item:last-child {
            border-bottom: none;
        }
        
        .review-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .reviewer-info {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .reviewer-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            overflow: hidden;
        }
        
        .reviewer-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .review-time {
            color: #999;
            font-size: 0.9rem;
        }
        
        .review-content {
            line-height: 1.7;
            color: #555;
        }
        
        .review-images {
            display: flex;
            gap: 10px;
            margin: 15px 0;
        }
        
        .review-image {
            width: 80px;
            height: 80px;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .review-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .related-products {
            margin-top: 80px;
        }
        
        .section-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 40px;
            position: relative;
            display: inline-block;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 60px;
            height: 3px;
            background: var(--accent);
        }
        
        .related-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 30px;
        }
        
        .related-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .related-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        
        .related-img {
            height: auto;
            overflow: hidden;
        }
        
        .related-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .related-card:hover .related-img img {
            transform: scale(1.05);
        }
        
        .related-info {
            padding: 20px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .related-name {
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 10px;
            font-size: 1.1rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .related-price {
            color: var(--accent);
            font-weight: 700;
            font-size: 1.2rem;
            margin-bottom: auto;
        }
        
        .related-actions {
            display: flex;
            gap: 10px;
            margin-top: 15px;
        }
        
        .related-actions .btn {
            flex-grow: 1;
            padding: 8px 12px;
            font-size: 0.9rem;
            border-radius: 4px;
            transition: all 0.3s;
        }
/* 优化后的页面头部 */
			.page-header {
			    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
			    color: white;
			    padding: 100px 0 140px;
			    margin-bottom: 60px;
			    position: relative;
			    overflow: hidden;
			}
			
			.header-decoration {
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.1) 0%, transparent 50%);
			    background-size: 100% 100%;
			    background-position: center;
			    pointer-events: none;
			}
			
			.wave-decoration {
			    position: absolute;
			    bottom: -5px;
			    left: 0;
			    width: 100%;
			    height: 60px;
			    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' fill='%23f9fbfd'%3E%3Cpath d='M0,288L48,272C96,256,192,224,288,218.7C384,213,480,235,576,245.3C672,256,768,256,864,240C960,224,1056,192,1152,181.3C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
			    background-size: 100% 100%;
			}
		/* 移动端样式（默认） */
.page-title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: relative;
    display: inline-block;
}

/* PC端样式（覆盖） */
@media (min-width: 300px) {
    .page-title {
        font-size: 2rem; /* 这个会覆盖上面的3.5rem */
    }
    .page-header {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: white;
    padding: 75px 0 65px;
    margin-bottom:40px;
    position: relative;
    overflow: hidden;
}



}
			
			.page-title::after {
			    content: '';
			    position: absolute;
			    bottom: -10px;
			    left: 0;
			    width: 80px;
			    height: 4px;
			    background: var(--accent);
			    border-radius: 2px;
			}
			
			.breadcrumbs {
			    font-size: 1.1rem;
			    color: rgba(255, 255, 255, 0.8);
			}
			
			.breadcrumbs a {
			    color: rgba(255, 255, 255, 0.8);
			    text-decoration: none;
			    transition: color 0.3s;
			}
			
			.breadcrumbs a:hover {
			    color: white;
			}
			
			.breadcrumbs .divider {
			    margin: 0 10px;
			    color: rgba(255, 255, 255, 0.5);
			}	
			
			/* 关于我们内容样式 */
			.about-section {
			    margin-bottom: 80px;
			}
		
			
			.about-content {
			    background: white;
			    border-radius: 8px;
			    overflow: hidden;
			    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			    padding: 40px;
			}
			
				@media (min-width: 300px) {
                .about-content {
                background: white;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
                padding: 15px;
                }
			}
			
			.about-intro {
			    margin-bottom: 60px;
			}
			
			.about-intro h2 {
			    font-size: 2.2rem;
			    font-weight: 700;
			    color: var(--primary);
			    margin-bottom: 30px;
			}
			
			.about-intro p {
			    line-height: 1.8;
			    color: #333;
			    margin-bottom: 25px;
			}
			
			.about-vision {
			    background-color: var(--primary-light);
			    border-radius: 8px;
			    padding: 40px;
			    margin-bottom: 60px;
			}
			@media (min-width:300px){
			    .about-vision{
			        padding: 15px;
			    }
			}
			
			.about-vision h3 {
			    font-size: 1.8rem;
			    font-weight: 600;
			    color: var(--primary);
			    margin-bottom: 20px;
			}
			
			.vision-item {
			    display: flex;
			    align-items: flex-start;
			    gap: 20px;
			    margin-bottom: 30px;
			}
			
			.vision-icon {
			    width: 60px;
			    height: 60px;
			    background-color: var(--primary);
			    color: white;
			    border-radius: 50%;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    font-size: 1.5rem;
			    flex-shrink: 0;
			}
			
			.vision-content h4 {
			    font-size: 1.2rem;
			    font-weight: 600;
			    color: var(--dark);
			    margin-bottom: 10px;
			}
			
			.vision-content p {
			    color: #666;
			    line-height: 1.6;
			}
			
			/* 发展历程 */
			.timeline-section {
			    margin-bottom: 80px;
			}
			
			.timeline-title {
			    font-size: 1.8rem;
			    font-weight: 600;
			    color: var(--primary);
			    margin-bottom: 40px;
			}
			
			.timeline {
			    position: relative;
			}
			
			.timeline::before {
			    content: '';
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: 50%;
			    width: 2px;
			    background-color: var(--primary);
			    transform: translateX(-50%);
			}
			
			.timeline-item {
			    position: relative;
			    margin-bottom: 60px;
			    width: 50%;
			}
			
			.timeline-item:nth-child(even) {
			    left: 50%;
			    padding-left: 40px;
			}
			
			.timeline-item:nth-child(odd) {
			    padding-right: 40px;
			    text-align: right;
			}
			
			.timeline-dot {
			    position: absolute;
			    top: 0;
			    width: 20px;
			    height: 20px;
			    background-color: var(--accent);
			    border-radius: 50%;
			    z-index: 1;
			}
			
			.timeline-item:nth-child(odd) .timeline-dot {
			    right: -10px;
			}
			
			.timeline-item:nth-child(even) .timeline-dot {
			    left: -10px;
			}
			
			.timeline-date {
			    font-size: 1.2rem;
			    font-weight: 600;
			    color: var(--primary);
			    margin-bottom: 10px;
			}
			
			.timeline-content {
			    background-color: white;
			    padding: 20px;
			    border-radius: 8px;
			    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
			}
			
			.timeline-content h4 {
			    font-size: 1.1rem;
			    font-weight: 600;
			    color: var(--dark);
			    margin-bottom: 10px;
			}
			
			.timeline-content p {
			    color: #666;
			    line-height: 1.6;
			}
			
			/* 团队介绍 */
			.team-section {
			    margin-bottom: 80px;
			}
			
			.team-title {
			    font-size: 1.8rem;
			    font-weight: 600;
			    color: var(--primary);
			    margin-bottom: 40px;
			}
			
			.team-members {
			    display: grid;
			    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
			    gap: 30px;
			}
			
			.team-member {
			    background-color: white;
			    border-radius: 8px;
			    overflow: hidden;
			    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			    transition: all 0.3s;
			}
			
			.team-member:hover {
			    transform: translateY(-5px);
			}
			
			.team-member-image {
			    height: 300px;
			    overflow: hidden;
			}
			
			.team-member-image img {
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			    transition: transform 0.5s ease;
			}
			
			.team-member:hover .team-member-image img {
			    transform: scale(1.05);
			}
			
			.team-member-info {
			    padding: 20px;
			}
			
			.team-member-name {
			    font-size: 1.2rem;
			    font-weight: 600;
			    color: var(--primary);
			    margin-bottom: 5px;
			}
			
			.team-member-position {
			    color: #999;
			    margin-bottom: 10px;
			}
			
			.team-member-bio {
			    color: #666;
			    line-height: 1.6;
			    margin-bottom: 15px;
			}
			
			.team-member-social {
			    display: flex;
			    gap: 10px;
			}
			
			.team-member-social a {
			    color: var(--primary);
			    transition: color 0.3s;
			}
			
			.team-member-social a:hover {
			    color: var(--accent);
			}
			
			/* 联系我们 */
			.contact-section {
			    margin-bottom: 80px;
			}
			
			.contact-title {
			    font-size: 1.8rem;
			    font-weight: 600;
			    color: var(--primary);
			    margin-bottom: 40px;
			}
			
		
			
			
			.contact-item {
			    display: flex;
			    align-items: center;
			    gap: 20px;
			    margin-bottom: 30px;
			}
			
			.contact-icon {
			    width: 60px;
			    height: 60px;
			    background-color: var(--primary-light);
			    color: var(--primary);
			    border-radius: 50%;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    font-size: 1.5rem;
			    flex-shrink: 0;
			}
			
			.contact-content h4 {
			    font-size: 1.2rem;
			    font-weight: 600;
			    color: var(--dark);
			    margin-bottom: 5px;
			}
			
			.contact-content p {
			    color: #666;
			    margin-bottom: 0;
			}
			
			.contact-map {
			    height: 400px;
			    background-color: #eee;
			    border-radius: 8px;
			    overflow: hidden;
			    margin-top: 30px;
			}
			
			/* 产品列表 */
			.product-sort {
			    display: flex;
			    justify-content: space-between;
			    align-items: center;
			    margin-bottom: 30px;
			    background: white;
			    padding: 20px;
			    border-radius: 8px;
			    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			}
			
			.sort-select {
			    display: flex;
			    align-items: center;
			    gap: 15px;
			}
			
			.sort-select select {
			    padding: 8px 15px;
			    border: 1px solid #ddd;
			    border-radius: 4px;
			    font-size: 0.95rem;
			    min-width: 180px;
			}
			
			.view-mode {
			    display: flex;
			    gap: 10px;
			}
			
			.view-mode button {
			    width: 36px;
			    height: 36px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    border: 1px solid #ddd;
			    border-radius: 4px;
			    background: white;
			    color: #666;
			    transition: all 0.3s;
			}
			
			.view-mode button.active, .view-mode button:hover {
			    background: var(--primary);
			    color: white;
			    border-color: var(--primary);
			}
			
			.product-grid {
			    display: grid;
			    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
			    gap: 30px;
			}
			
			.product-card {
			    background: white;
			    border-radius: 8px;
			    overflow: hidden;
			    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
			    transition: all 0.4s ease;
			    height: 100%;
			    display: flex;
			    flex-direction: column;
			}
			
			.product-card:hover {
			    transform: translateY(-8px);
			    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
			}
			
			.product-img {
			    height: 220px;
			    overflow: hidden;
			    position: relative;
			}
			@media (min-width:300px){
			    .product-img {
                height: auto;
                    }
			}
			
			.product-img img {
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			    transition: transform 0.5s ease;
			}
			
			.product-card:hover .product-img img {
			    transform: scale(1.05);
			}
			
			.product-badge {
			    position: absolute;
			    top: 15px;
			    left: 15px;
			    background: var(--accent);
			    color: white;
			    padding: 5px 10px;
			    border-radius: 4px;
			    font-size: 0.8rem;
			    font-weight: 500;
			}
			
			.product-info {
			    padding: 25px 20px;
			    flex-grow: 1;
			}
			
			.product-info h3 {
			    color: var(--primary);
			    font-weight: 600;
			    margin-bottom: 12px;
			    font-size: 1.25rem;
			    display: -webkit-box;
			    -webkit-line-clamp: 2;
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			}
			
			.product-rating {
			    color: #ffc107;
			    margin-bottom: 10px;
			    font-size: 0.9rem;
			}
			
			.product-rating i {
			    font-size: 0.85rem;
			}
			
			.product-rating .rating-count {
			    color: #666;
			    margin-left: 5px;
			    font-size: 0.85rem;
			}
			
			.product-price {
			    color: var(--accent);
			    font-weight: 700;
			    font-size: 1.2rem;
			    margin: 10px 0 15px;
			}
			
			.product-desc {
			    color: #666;
			    font-size: 0.95rem;
			    line-height: 1.5;
			    margin-bottom: 20px;
			    display: -webkit-box;
			    -webkit-line-clamp: 3;
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			}
			
			.product-actions {
			    display: flex;
			    gap: 10px;
			}
			
			.product-actions .btn {
			    flex-grow: 1;
			    padding: 8px 12px;
			    font-size: 0.9rem;
			    border-radius: 4px;
			    transition: all 0.3s;
			}
			
			.btn-view {
			    border: 1px solid var(--primary);
			    color: var(--primary);
			    background: white;
			}
			
			.btn-view:hover {
			    background: var(--primary);
			    color: white;
			}
			
			.btn-cart {
			    background: var(--primary);
			    color: white;
			    border: none;
			}
			
			.btn-cart:hover {
			    background: var(--primary-dark);
			}
			
			.load-more {
			    text-align: center;
			    margin-top: 50px;
			}
			
			.load-more button {
			    padding: 12px 35px;
			    background: white;
			    color: var(--primary);
			    border: 1px solid var(--primary);
			    border-radius: 4px;
			    font-weight: 500;
			    transition: all 0.3s;
			}
			
			.load-more button:hover {
			    background: var(--primary);
			    color: white;
			    transform: translateY(-2px);
			}
			/* 产品分类导航 */
			.product-category {
			    margin-bottom: 60px;
			}
			
			.category-title {
			    font-size: 1.8rem;
			    font-weight: 700;
			    color: var(--primary);
			    margin-bottom: 30px;
			    position: relative;
			    display: inline-block;
			}
			
			.category-title:after {
			    content: '';
			    position: absolute;
			    bottom: -10px;
			    left: 0;
			    width: 60px;
			    height: 3px;
			    background: var(--accent);
			}
			
			.category-tabs {
			    border-bottom: 2px solid var(--primary-light);
			    margin-bottom: 40px;
			    justify-content: center;
			}
			
			.category-tabs .nav-link {
			    color: #666;
			    padding: 12px 30px !important;
			    border: none;
			    border-radius: 0;
			    font-size: 1.1rem;
			    font-weight: 500;
			    transition: all 0.3s;
			    position: relative;
			}
			@media (min-width:300px){
			    .category-tabs .nav-link {
    color: #666;
    padding: 12px 8px !important;
    border: none;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s;
    position: relative;
}
			}
			
			.category-tabs .nav-link:hover, .category-tabs .nav-link.active {
			    color: var(--primary);
			}
			
			.category-tabs .nav-link.active:after {
			    content: '';
			    position: absolute;
			    bottom: 0;
			    left: 50%;
			    transform: translateX(-50%);
			    width: 60%;
			    height: 3px;
			    background: var(--primary);
			}
			
			.category-grid {
			    display: grid;
			    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
			    gap: 25px;
			    margin-bottom: 60px;
			}
			
			.category-card {
			    background: white;
			    border-radius: 8px;
			    overflow: hidden;
			    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			    transition: all 0.3s ease;
			    text-align: center;
			    padding: 30px 20px;
			    height: 100%;
			    display: flex;
			    flex-direction: column;
			    align-items: center;
			}
			
			.category-card:hover {
			    transform: translateY(-5px);
			    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
			}
			
			.category-icon {
			    width: 80px;
			    height: 80px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    background-color: var(--primary-light);
			    border-radius: 50%;
			    margin-bottom: 20px;
			    color: var(--primary);
			    font-size: 1.8rem;
			}
			
			.category-name {
			    font-weight: 600;
			    color: var(--dark);
			    font-size: 1.2rem;
			    margin-bottom: 10px;
			    flex-grow: 1;
			}
			
			.category-count {
			    font-size: 0.9rem;
			    color: #666;
			    background: var(--secondary);
			    padding: 4px 12px;
			    border-radius: 20px;
			}
			
		/* 招商加盟内容样式 */
		.investment-section {
		    margin-bottom: 80px;
		}
		
		.investment-banner {
		    background-color: white;
		    border-radius: 8px;
		    overflow: hidden;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    margin-bottom: 60px;
		}
		
		.banner-image {
		    height: 400px;
		    overflow: hidden;
		}
		
		.banner-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}
		
		.banner-content {
		    padding: 40px;
		    text-align: center;
		}
		
		.banner-title {
		    font-size: 2.5rem;
		    font-weight: 700;
		    color: var(--primary);
		    margin-bottom: 20px;
		}
		
		.banner-text {
		    font-size: 1.2rem;
		    color: #333;
		    line-height: 1.8;
		    margin-bottom: 30px;
		}
		
		.banner-btn {
		    background-color: var(--accent);
		    color: white;
		    padding: 12px 40px;
		    font-size: 1.1rem;
		    font-weight: 500;
		    border-radius: 6px;
		    transition: all 0.3s;
		}
		
		.banner-btn:hover {
		    background-color: #e65e2a;
		    transform: translateY(-2px);
		}
		
		/* 加盟优势 */
		.advantages-section {
		    margin-bottom: 80px;
		}
		
		.section-title {
		    font-size: 1.8rem;
		    font-weight: 700;
		    color: var(--primary);
		    margin-bottom: 40px;
		    position: relative;
		    display: inline-block;
		}
		
		.section-title:after {
		    content: '';
		    position: absolute;
		    bottom: -10px;
		    left: 0;
		    width: 60px;
		    height: 3px;
		    background: var(--accent);
		}
		
		.advantages-grid {
		    display: grid;
		    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		    gap: 30px;
		}
		
		.advantage-card {
		    background-color: white;
		    border-radius: 8px;
		    padding: 30px;
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		    transition: all 0.3s;
		    height: 100%;
		}
		
		.advantage-card:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		}
		
		.advantage-icon {
		    width: 70px;
		    height: 70px;
		    background-color: var(--primary-light);
		    color: var(--primary);
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 1.8rem;
		    margin-bottom: 20px;
		}
		
		.advantage-title {
		    font-size: 1.3rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin-bottom: 15px;
		}
		
		.advantage-content {
		    color: #666;
		    line-height: 1.6;
		}
		
		/* 加盟流程 */
		.process-section {
		    margin-bottom: 80px;
		    background-color: white;
		    border-radius: 8px;
		    padding: 40px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		}
		
		.process-title {
		    font-size: 1.8rem;
		    font-weight: 700;
		    color: var(--primary);
		    margin-bottom: 40px;
		    text-align: center;
		}
		
		.process-steps {
		    display: flex;
		    flex-direction: column;
		    gap: 40px;
		}
		
		@media (min-width: 768px) {
		    .process-steps {
		        flex-direction: row;
		        justify-content: space-around;
		    }
		}
		
		.process-step {
		    flex: 1;
		    text-align: center;
		    position: relative;
		}
		
		.process-step:not(:last-child):after {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: -20px;
		    width: 40px;
		    height: 2px;
		    background-color: #e0e0e0;
		}
		
		@media (min-width: 768px) {
		    .process-step:not(:last-child):after {
		        right: -40px;
		        width: 80px;
		    }
		}
		
		.step-number {
		    width: 80px;
		    height: 80px;
		    background-color: var(--primary);
		    color: white;
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 1.8rem;
		    font-weight: 700;
		    margin: 0 auto 20px;
		}
		
		.step-title {
		    font-size: 1.3rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin-bottom: 15px;
		}
		
		.step-content {
		    color: #666;
		    line-height: 1.6;
		}
		
		/* 加盟条件 */
		.requirements-section {
		    margin-bottom: 80px;
		}
		
		.requirements-grid {
		    display: grid;
		    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		    gap: 30px;
		}
		
		.requirement-card {
		    background-color: white;
		    border-radius: 8px;
		    padding: 30px;
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		}
		
		.requirement-title {
		    font-size: 1.3rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 20px;
		    display: flex;
		    align-items: center;
		    gap: 10px;
		}
		
		.requirement-title i {
		    color: var(--accent);
		}
		
		.requirement-list {
		    list-style: none;
		    padding: 0;
		}
		
		.requirement-list li {
		    margin-bottom: 15px;
		    position: relative;
		    padding-left: 25px;
		}
		
		.requirement-list li:before {
		    content: '✓';
		    position: absolute;
		    left: 0;
		    color: var(--primary);
		    font-weight: bold;
		}
		
		/* 成功案例 */
		.cases-section {
		    margin-bottom: 80px;
		}
		
		.cases-slider {
		    position: relative;
		}
		
		.case-item {
		    background-color: white;
		    border-radius: 8px;
		    overflow: hidden;
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		    transition: all 0.3s;
		}
		
		.case-image {
		    height: 200px;
		    overflow: hidden;
		}
		
		.case-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		    transition: transform 0.5s ease;
		}
		
		.case-item:hover .case-image img {
		    transform: scale(1.05);
		}
		
		.case-content {
		    padding: 25px;
		}
		
		.case-title {
		    font-size: 1.2rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin-bottom: 15px;
		}
		
		.case-desc {
		    color: #666;
		    line-height: 1.6;
		    margin-bottom: 20px;
		}
		
		.case-location {
		    color: #999;
		    font-size: 0.9rem;
		    margin-bottom: 0;
		}
		
		.case-owner {
		    font-weight: 500;
		    color: var(--primary);
		}
		
		.slider-controls {
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    width: 100%;
		    display: flex;
		    justify-content: space-between;
		    padding: 0 20px;
		    z-index: 10;
		}
		
		.slider-control {
		    width: 40px;
		    height: 40px;
		    background-color: white;
		    color: var(--primary);
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
		    cursor: pointer;
		    transition: all 0.3s;
		}
		
		.slider-control:hover {
		    background-color: var(--primary);
		    color: white;
		}
		
		/* 加盟申请 */
		.application-section {
		    margin-bottom: 80px;
		}
		
		.application-form {
		    background-color: white;
		    border-radius: 8px;
		    padding: 40px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		}
		
		.form-title {
		    font-size: 1.8rem;
		    font-weight: 700;
		    color: var(--primary);
		    margin-bottom: 30px;
		    text-align: center;
		}
		
		.form-group {
		    margin-bottom: 25px;
		}
		
		.form-control {
		    padding: 12px 15px;
		    border-radius: 6px;
		    border: 1px solid #e0e0e0;
		    transition: border-color 0.3s;
		}
		
		.form-control:focus {
		    border-color: var(--primary);
		    box-shadow: 0 0 0 0.2rem rgba(26, 111, 176, 0.25);
		}
		
		.form-label {
		    font-weight: 500;
		    color: var(--dark);
		    margin-bottom: 10px;
		}
		
		.form-select {
		    padding: 12px 15px;
		    border-radius: 6px;
		    border: 1px solid #e0e0e0;
		    transition: border-color 0.3s;
		}
		
		.form-select:focus {
		    border-color: var(--primary);
		    box-shadow: 0 0 0 0.2rem rgba(26, 111, 176, 0.25);
		}
		
		textarea.form-control {
		    min-height: 150px;
		}
		
		.btn-submit {
		    background-color: var(--primary);
		    color: white;
		    padding: 12px 30px;
		    font-weight: 500;
		    border-radius: 6px;
		    transition: all 0.3s;
		    width: 100%;
		}
		
		.btn-submit:hover {
		    background-color: var(--primary-dark);
		    transform: translateY(-2px);
		}
		/* 服务中心内容样式 */
		.service-section {
		    margin-bottom: 80px;
		}
		
		.service-card {
		    background-color: white;
		    border-radius: 8px;
		    padding: 40px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    margin-bottom: 40px;
		    transition: all 0.3s;
		}
		
		.service-card:hover {
		    transform: translateY(-5px);
		}
		
		.service-icon {
		    width: 80px;
		    height: 80px;
		    background-color: var(--primary-light);
		    color: var(--primary);
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 2rem;
		    margin-bottom: 30px;
		}
		
		.service-title {
		    font-size: 1.8rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 20px;
		}
		
		.service-content p {
		    color: #666;
		    line-height: 1.8;
		    margin-bottom: 20px;
		}
		
		.service-steps {
		    margin-top: 30px;
		}
		
		.service-step {
		    display: flex;
		    align-items: flex-start;
		    gap: 20px;
		    margin-bottom: 25px;
		}
		
		.step-number {
		    width: 40px;
		    height: 40px;
		    background-color: var(--primary);
		    color: white;
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 1.2rem;
		    font-weight: 600;
		    flex-shrink: 0;
		}
		
		.step-content h4 {
		    font-size: 1.2rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin-bottom: 10px;
		}
		
		.step-content p {
		    color: #666;
		    line-height: 1.6;
		    margin: 0;
		}
		
		/* 保修政策样式 */
		.warranty-section {
		    margin-bottom: 80px;
		}
		
		.warranty-title {
		    font-size: 1.8rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 40px;
		}
		
		.warranty-card {
		    background-color: white;
		    border-radius: 8px;
		    padding: 30px;
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		    margin-bottom: 30px;
		}
		
		.warranty-item {
		    display: flex;
		    gap: 20px;
		    margin-bottom: 20px;
		}
		
		.warranty-icon {
		    color: var(--primary);
		    font-size: 1.2rem;
		    margin-top: 3px;
		}
		
		.warranty-content h4 {
		    font-size: 1.2rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin-bottom: 10px;
		}
		
		.warranty-content p {
		    color: #666;
		    line-height: 1.6;
		    margin: 0;
		}
		
		/* 常见问题样式 */
		.faq-section {
		    margin-bottom: 80px;
		}
		
		.faq-title {
		    font-size: 1.8rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 40px;
		}
		
		.faq-item {
		    background-color: white;
		    border-radius: 8px;
		    margin-bottom: 20px;
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		}
		
		.faq-question {
		    padding: 20px;
		    cursor: pointer;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}
		
		.faq-question h4 {
		    font-size: 1.1rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin: 0;
		}
		
		.faq-question i {
		    color: var(--primary);
		    transition: transform 0.3s;
		}
		
		.faq-answer {
		    padding: 0 20px 20px;
		    display: none;
		}
		
		.faq-answer p {
		    color: #666;
		    line-height: 1.6;
		    margin: 0;
		}
		
		.faq-item.active .faq-question i {
		    transform: rotate(180deg);
		}
		
		.faq-item.active .faq-answer {
		    display: block;
		}
		
		/* 服务网点样式 */
		.service-locations-section {
		    margin-bottom: 80px;
		}
		
		.service-locations-title {
		    font-size: 1.8rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 40px;
		}
		
		.service-locations {
		    display: grid;
		    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		    gap: 30px;
		}
		
		.service-location {
		    background-color: white;
		    border-radius: 8px;
		    padding: 25px;
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		    transition: all 0.3s;
		}
		
		.service-location:hover {
		    transform: translateY(-5px);
		}
		
		.location-title {
		    font-size: 1.2rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 15px;
		}
		
		.location-address, .location-phone, .location-hours {
		    display: flex;
		    align-items: center;
		    gap: 10px;
		    margin-bottom: 10px;
		}
		
		.location-icon {
		    color: var(--primary);
		}
		/* 联系我们内容样式 */
		.contact-section {
		    margin-bottom: 80px;
		}
		
		.contact-info {
		    background-color: white;
		    border-radius: 8px;
		    padding: 40px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    margin-bottom: 40px;
		}
		@media (min-width:300px){
			    .contact-info{
    padding: 15px;
}
			}
		
		.contact-item {
		    display: flex;
		    align-items: center;
		    gap: 20px;
		    margin-bottom: 30px;
		}
		
		.contact-icon {
		    width: 60px;
		    height: 60px;
		    background-color: var(--primary-light);
		    color: var(--primary);
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 1.5rem;
		    flex-shrink: 0;
		}
		
		.contact-content h4 {
		    font-size: 1.2rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin-bottom: 5px;
		}
		
		.contact-content p {
		    color: #666;
		    margin-bottom: 0;
		}
		
		.contact-map {
		    height: 400px;
		    background-color: #eee;
		    border-radius: 8px;
		    overflow: hidden;
		    margin-bottom: 40px;
		}
		
		/* 联系表单样式 */
		.contact-form {
		    background-color: white;
		    border-radius: 8px;
		    padding: 40px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		}
		
		.form-title {
		    font-size: 1.8rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 30px;
		}
		
		.form-group {
		    margin-bottom: 25px;
		}
		
		.form-control {
		    padding: 12px 15px;
		    border-radius: 6px;
		    border: 1px solid #e0e0e0;
		    transition: border-color 0.3s;
		}
		
		.form-control:focus {
		    border-color: var(--primary);
		    box-shadow: 0 0 0 0.2rem rgba(26, 111, 176, 0.25);
		}
		
		.form-label {
		    font-weight: 500;
		    color: var(--dark);
		    margin-bottom: 10px;
		}
		
		.form-select {
		    padding: 12px 15px;
		    border-radius: 6px;
		    border: 1px solid #e0e0e0;
		    transition: border-color 0.3s;
		}
		
		.form-select:focus {
		    border-color: var(--primary);
		    box-shadow: 0 0 0 0.2rem rgba(26, 111, 176, 0.25);
		}
		
		textarea.form-control {
		    min-height: 150px;
		}
		
		.btn-submit {
		    background-color: var(--primary);
		    color: white;
		    padding: 12px 30px;
		    font-weight: 500;
		    border-radius: 6px;
		    transition: all 0.3s;
		}
		
		.btn-submit:hover {
		    background-color: var(--primary-dark);
		    transform: translateY(-2px);
		}
		
		/* 常见问题样式 */
		.faq-section {
		    margin-bottom: 80px;
		}
		
		.faq-title {
		    font-size: 1.8rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 40px;
		}
		
		.faq-item {
		    background-color: white;
		    border-radius: 8px;
		    margin-bottom: 20px;
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		}
		
		.faq-question {
		    padding: 20px;
		    cursor: pointer;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}
		
		.faq-question h4 {
		    font-size: 1.1rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin: 0;
		}
		
		.faq-question i {
		    color: var(--primary);
		    transition: transform 0.3s;
		}
		
		.faq-answer {
		    padding: 0 20px 20px;
		    display: none;
		}
		
		.faq-answer p {
		    color: #666;
		    line-height: 1.6;
		    margin: 0;
		}
		
		.faq-item.active .faq-question i {
		    transform: rotate(180deg);
		}
		
		.faq-item.active .faq-answer {
		    display: block;
		}
		
		/* 新闻列表样式 */
		.news-container {
		    margin-bottom: 80px;
		}
		
		.news-filters {
		    margin-bottom: 40px;
		    display: flex;
		    flex-wrap: wrap;
		    gap: 15px;
		    align-items: center;
		}
		
		.filter-label {
		    font-weight: 600;
		    color: var(--primary);
		}
		
		.news-category {
		    display: flex;
		    flex-wrap: wrap;
		    gap: 10px;
		}
		
		.category-item {
		    padding: 8px 15px;
		    border-radius: 4px;
		    background-color: white;
		    color: var(--primary);
		    cursor: pointer;
		    transition: all 0.3s;
		    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
		}
		
		.category-item:hover, .category-item.active {
		    background-color: var(--primary);
		    color: white;
		}
		
		.news-search {
		    position: relative;
		    margin-left: auto;
		}
		
		.news-search input {
		    padding: 8px 15px;
		    border-radius: 4px;
		    border: 1px solid #ddd;
		    width: 250px;
		}
		
		.news-search button {
		    position: absolute;
		    right: 5px;
		    top: 50%;
		    transform: translateY(-50%);
		    background: none;
		    border: none;
		    color: #999;
		}
		
		.news-list {
		    display: grid;
		    grid-template-columns: 1fr;
		    gap: 30px;
		}
		
		.news-item {
		    background: white;
		    border-radius: 8px;
		    overflow: hidden;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    transition: all 0.3s;
		    display: flex;
		    flex-direction: column;
		}
		
		.news-item:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
		}
		
		.news-image {
		    height: 220px;
		    overflow: hidden;
		}
		
		.news-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		    transition: transform 0.5s ease;
		}
		
		.news-item:hover .news-image img {
		    transform: scale(1.05);
		}
		
		.news-content {
		    padding: 25px;
		    flex-grow: 1;
		    display: flex;
		    flex-direction: column;
		}
		
		.news-meta {
		    display: flex;
		    align-items: center;
		    gap: 15px;
		    color: #999;
		    font-size: 0.9rem;
		    margin-bottom: 15px;
		}
		
		.news-meta span {
		    display: flex;
		    align-items: center;
		    gap: 5px;
		}
		
		.news-title {
		    font-size: 1.3rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 15px;
		    transition: color 0.3s;
		}
		
		.news-item:hover .news-title {
		    color: var(--primary-dark);
		}
		
		.news-excerpt {
		    color: #666;
		    line-height: 1.7;
		    margin-bottom: 20px;
		    flex-grow: 1;
		}
		
		.news-actions {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}
		
		.read-more {
		    color: var(--primary);
		    font-weight: 500;
		    display: flex;
		    align-items: center;
		    gap: 5px;
		    transition: all 0.3s;
		}
		
		.read-more:hover {
		    color: var(--primary-dark);
		    transform: translateX(3px);
		}
		
		.news-pagination {
		    margin-top: 60px;
		    display: flex;
		    justify-content: center;
		}
		
		.pagination {
		    display: flex;
		    gap: 5px;
		}
		
		.page-item {
		    list-style: none;
		}
		
		.page-link {
		    padding: 10px 15px;
		    border-radius: 4px;
		    background-color: white;
		    color: var(--primary);
		    transition: all 0.3s;
		    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
		}
		
		.page-link:hover, .page-link.active {
		    background-color: var(--primary);
		    color: white;
		}
		
		/* 侧边栏样式 */
		.sidebar {
		    background: white;
		    border-radius: 8px;
		    padding: 25px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		}
		
		.sidebar-title {
		    font-size: 1.2rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 20px;
		    position: relative;
		}
		
		.sidebar-title::after {
		    content: '';
		    position: absolute;
		    bottom: -8px;
		    left: 0;
		    width: 40px;
		    height: 2px;
		    background: var(--accent);
		}
		
		.sidebar-widget {
		    margin-bottom: 40px;
		}
		
		.sidebar-categories ul {
		    list-style: none;
		    padding: 0;
		    margin: 0;
		}
		
		.sidebar-categories li {
		    margin-bottom: 12px;
		}
		
		.sidebar-categories a {
		    color: #666;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    transition: all 0.3s;
		}
		
		.sidebar-categories a:hover {
		    color: var(--primary);
		    transform: translateX(5px);
		}
		
		.sidebar-categories span {
		    font-size: 0.9rem;
		    color: #999;
		}
		
		.sidebar-tags {
		    display: flex;
		    flex-wrap: wrap;
		    gap: 8px;
		}
		
		.tag {
		    padding: 6px 12px;
		    background-color: #f5f5f5;
		    color: #666;
		    border-radius: 4px;
		    font-size: 0.9rem;
		    transition: all 0.3s;
		}
		
		.tag:hover {
		    background-color: var(--primary);
		    color: white;
		}
		
		.sidebar-news ul {
		    list-style: none;
		    padding: 0;
		    margin: 0;
		}
		
		.sidebar-news li {
		    margin-bottom: 15px;
		    padding-bottom: 15px;
		    border-bottom: 1px solid #eee;
		}
		
		.sidebar-news li:last-child {
		    border-bottom: none;
		    margin-bottom: 0;
		    padding-bottom: 0;
		}
		
		.sidebar-news-item {
		    display: flex;
		    gap: 15px;
		}
		
		.sidebar-news-image {
		    width: 80px;
		    height: 80px;
		    border-radius: 4px;
		    overflow: hidden;
		}
		
		.sidebar-news-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}
		
		.sidebar-news-content {
		    flex-grow: 1;
		}
		
		.sidebar-news-title {
		    font-size: 1rem;
		    font-weight: 500;
		    color: #333;
		    margin-bottom: 5px;
		    transition: color 0.3s;
		}
		
		.sidebar-news-item:hover .sidebar-news-title {
		    color: var(--primary);
		}
		
		.sidebar-news-date {
		    font-size: 0.85rem;
		    color: #999;
		}
		
		/* 新闻时间线 */
		.news-timeline {
		    margin-top: 80px;
		}
		
		.timeline-title {
		    font-size: 1.8rem;
		    font-weight: 700;
		    color: var(--primary);
		    margin-bottom: 40px;
		    position: relative;
		    display: inline-block;
		}
		
		.timeline-title:after {
		    content: '';
		    position: absolute;
		    bottom: -10px;
		    left: 0;
		    width: 60px;
		    height: 3px;
		    background: var(--accent);
		}
		
		.timeline-container {
		    position: relative;
		}
		
		.timeline-line {
		    position: absolute;
		    left: 50%;
		    transform: translateX(-50%);
		    height: 100%;
		    width: 2px;
		    background-color: #e0e0e0;
		}
		
		.timeline-item {
		    position: relative;
		    margin-bottom: 60px;
		    opacity: 0;
		    transform: translateY(30px);
		    transition: all 0.8s ease;
		}
		
		.timeline-item.visible {
		    opacity: 1;
		    transform: translateY(0);
		}
		
		.timeline-item:nth-child(odd) {
		    padding-right: calc(50% + 30px);
		    text-align: right;
		}
		
		.timeline-item:nth-child(even) {
		    padding-left: calc(50% + 30px);
		}
		
		.timeline-dot {
		    position: absolute;
		    top: 0;
		    width: 16px;
		    height: 16px;
		    border-radius: 50%;
		    background-color: var(--primary);
		    border: 3px solid white;
		    box-shadow: 0 0 0 3px var(--primary);
		}
		
		.timeline-item:nth-child(odd) .timeline-dot {
		    right: calc(50% - 8px);
		}
		
		.timeline-item:nth-child(even) .timeline-dot {
		    left: calc(50% - 8px);
		}
		
		.timeline-date {
		    font-size: 1.2rem;
		    font-weight: 600;
		    color: var(--primary);
		    margin-bottom: 10px;
		}
		
		.timeline-content {
		    background-color: white;
		    padding: 20px;
		    border-radius: 8px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		}
		
		.timeline-content h4 {
		    font-size: 1.1rem;
		    font-weight: 600;
		    color: var(--dark);
		    margin-bottom: 10px;
		}
		
		.timeline-content p {
		    color: #666;
		    line-height: 1.6;
		}
		
		/* 新闻详情样式 */
        .news-detail-container {
            margin-bottom: 80px;
        }
        
        .news-detail {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            padding: 40px;
        }
        @media (min-width:300px){
            .news-detail {
                padding: 15px;
                white-space: normal;
            }
        }
        
        .news-detail-header {
            margin-bottom: 30px;
        }
        
        .news-detail-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--dark);
            margin-bottom: 20px;
        }
        
        .news-detail-meta {
            display: flex;
            align-items: center;
            gap: 20px;
            color: #999;
            font-size: 0.95rem;
        }
        
        .news-detail-meta span {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        @media (min-width:300px){
            .news-detail-meta span {
    display: flex;
    align-items: center;
    gap: 0px;
}
        }
        
        .news-detail-content {
            margin-bottom: 40px;
        }
        
        .news-detail-content p {
            line-height: 1.8;
            color: #333;
            margin-bottom: 25px;
        }
        
        .news-detail-content h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--primary);
            margin-top: 40px;
            margin-bottom: 20px;
        }
        
        .news-detail-content img {
            max-width: 100%;
            height: auto;
            margin: 25px 0;
            border-radius: 4px;
        }
        
        .news-detail-tags {
            margin-bottom: 40px;
            padding-bottom: 30px;
            border-bottom: 1px solid #eee;
        }
        
        .news-detail-tags span {
            font-weight: 600;
            color: var(--primary);
            margin-right: 10px;
        }
        
        .news-detail-tags a {
            display: inline-block;
            padding: 5px 12px;
            background-color: #f5f5f5;
            color: #666;
            border-radius: 4px;
            font-size: 0.9rem;
            transition: all 0.3s;
            margin-right: 8px;
            margin-bottom: 10px;
        }
        
        .news-detail-tags a:hover {
            background-color: var(--primary);
            color: white;
        }
        
        .news-navigation {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            margin-bottom: 40px;
        }
        
        .prev-news, .next-news {
            display: flex;
            align-items: center;
            gap: 10px;
            max-width: 45%;
        }
        
        .prev-news {
            text-align: left;
        }
        
        .next-news {
            text-align: right;
            justify-content: flex-end;
        }
        
        .prev-news i, .next-news i {
            color: var(--primary);
        }
        
        .prev-news a, .next-news a {
            color: #333;
            font-weight: 500;
            transition: color 0.3s;
        }
        
        .prev-news a:hover, .next-news a:hover {
            color: var(--primary);
        }
        
        /* 相关新闻 */
        .related-news {
            margin-bottom: 60px;
        }
        
        .related-news h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 30px;
            position: relative;
        }
        
        .related-news h3::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 40px;
            height: 2px;
            background: var(--accent);
        }
        
        .related-news-list {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
        }
        
        .related-news-item {
            display: flex;
            gap: 20px;
            padding: 15px;
            border-radius: 4px;
            transition: all 0.3s;
        }
        
        .related-news-item:hover {
            background-color: #f9f9f9;
        }
        
        .related-news-image {
            width: 120px;
            height: 120px;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .related-news-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .related-news-item:hover .related-news-image img {
            transform: scale(1.05);
        }
        
        .related-news-content {
            flex-grow: 1;
        }
        
        .related-news-title {
            font-size: 1.1rem;
            font-weight: 500;
            color: #333;
            margin-bottom: 10px;
            transition: color 0.3s;
        }
        
        .related-news-item:hover .related-news-title {
            color: var(--primary);
        }
        
        .related-news-meta {
            display: flex;
            align-items: center;
            gap: 15px;
            color: #999;
            font-size: 0.9rem;
        }
        
        /* 评论区 */
        .comments-section {
            margin-top: 60px;
        }
        
        .comments-section h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 30px;
            position: relative;
        }
        
        .comments-section h3::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 40px;
            height: 2px;
            background: var(--accent);
        }
        
        .comment-form {
            margin-bottom: 60px;
        }
        
        .comment-form textarea {
            width: 100%;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            margin-bottom: 20px;
            resize: vertical;
            min-height: 120px;
        }
        
        .comment-form input {
            width: 100%;
            padding: 10px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            margin-bottom: 20px;
        }
        
        .comment-form button {
            background-color: var(--primary);
            color: white;
            padding: 10px 30px;
            border: none;
            border-radius: 4px;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .comment-form button:hover {
            background-color: var(--primary-dark);
            transform: translateY(-2px);
        }
        
        .comments-list {
            margin-top: 40px;
        }
        
        .comment-item {
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #eee;
        }
        
        .comment-header {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
        }
        
        .comment-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
        }
        
        .comment-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .comment-author {
            font-weight: 600;
            color: var(--primary);
        }
        
        .comment-date {
            color: #999;
            font-size: 0.9rem;
        }
        
        .comment-content {
            color: #333;
            line-height: 1.6;
        }
        
        .comment-reply {
            margin-top: 15px;
            margin-left: 65px;
            padding-left: 20px;
            border-left: 2px solid #eee;
        }
        
        /* 侧边栏样式 - 继承新闻动态页面样式 */
        .sidebar {
            background: white;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .sidebar-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 20px;
            position: relative;
        }
        
        .sidebar-title::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 40px;
            height: 2px;
            background: var(--accent);
        }
        
        .sidebar-widget {
            margin-bottom: 40px;
        }
        
        .sidebar-categories ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .sidebar-categories li {
            margin-bottom: 12px;
        }
        
        .sidebar-categories a {
            color: #666;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s;
        }
        
        .sidebar-categories a:hover {
            color: var(--primary);
            transform: translateX(5px);
        }
        
        .sidebar-categories span {
            font-size: 0.9rem;
            color: #999;
        }
        
        .sidebar-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        
        .tag {
            padding: 6px 12px;
            background-color: #f5f5f5;
            color: #666;
            border-radius: 4px;
            font-size: 0.9rem;
            transition: all 0.3s;
        }
        
        .tag:hover {
            background-color: var(--primary);
            color: white;
        }
        
        .sidebar-news ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .sidebar-news li {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .sidebar-news li:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        .sidebar-news-item {
            display: flex;
            gap: 15px;
        }
        
        .sidebar-news-image {
            width: 80px;
            height: 80px;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .sidebar-news-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .sidebar-news-content {
            flex-grow: 1;
        }
        
        .sidebar-news-title {
            font-size: 1rem;
            font-weight: 500;
            color: #333;
            margin-bottom: 5px;
            transition: color 0.3s;
        }
        
        .sidebar-news-item:hover .sidebar-news-title {
            color: var(--primary);
        }
        
        .sidebar-news-date {
            font-size: 0.85rem;
            color: #999;
        }