/* 全局移动端优化 */
        * {
            box-sizing: border-box;}
        html, body {
            overflow-x: hidden;
            width: 100%;}
        img {
            max-width: 100%;
            height: auto;}

        /* 左右分栏布局样式 */
        .page-banner {
            position: relative;
            margin-bottom: 30px;}
        .page-cate {
    width: 100%;
    height: 250px;
    background-size: cover;
}
        .page-banner::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
    background: linear-gradient(350deg, #4baf8a 0%, #0d7a52 100%);;}
        .page-banner-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #fff;
            z-index: 1;}
        .page-banner-title {
            font-size: 36px;
            font-weight: bold;
            margin-bottom: 10px;
            letter-spacing: 2px;}
        .page-banner-subtitle {
            font-size: 16px;
            letter-spacing: 3px;}
        /* 默认占位图样式 */
        .news-thumb {
            background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
            position: relative;
            overflow: hidden;
            display: block;
            width: 100%;}
        .news-thumb.no-image::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"%3e%3cpath d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/%3e%3c/svg%3e') center no-repeat;
            background-size: contain;
            opacity: 0.2;
            pointer-events: none;}
        .news-thumb.no-image::after {
            content: '暂无图片';
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            color: #999;
            background: rgba(255,255,255,0.8);
            padding: 3px 10px;
            border-radius: 3px;
            white-space: nowrap;
            pointer-events: none;}
        .news-thumb img {
            display: block;
            width: 100%;
            height: 100%;}
        .news-thumb img[src=""],
        .news-thumb img:not([src]) {
            display: none;}
        .breadcrumb {
            background: #f5f5f5;
            padding: 15px 0;
            margin-bottom: 30px;}
        .breadcrumb .inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;}
        .breadcrumb a {
            color: #666;
            text-decoration: none;}
        .breadcrumb a:hover {
            color: #07ae71;}
        .breadcrumb span {
            color: #333;
            margin: 0 8px;}
        .content-wrapper {
            max-width: 1200px;
            margin: 0 auto 60px;
            padding: 0 15px;
            display: flex;
            gap: 30px;}
        /* 左侧导航 */
        .sidebar {
            width: 280px;
            flex-shrink: 0;}
        .sidebar-nav {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
        .sidebar-nav-title {
            background: #07ae71;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            padding: 18px 20px;
            text-align: center;
            letter-spacing: 2px;}
        .sidebar-nav-list {
            list-style: none;
            padding: 0;
            margin: 0;}
        .sidebar-nav-list li {
            border-bottom: 1px solid #eee;}
        .sidebar-nav-list li:last-child {
            border-bottom: none;}
        .sidebar-nav-list li a {
            display: block;
            padding: 15px 25px;
            color: #666;
            text-decoration: none;
            font-size: 15px;
            transition: all 0.3s;
            position: relative;}
        .sidebar-nav-list li a::before {
            content: '▶';
            position: absolute;
            left: 10px;
            font-size: 12px;
            opacity: 0;
            transition: all 0.3s;}
        .sidebar-nav-list li a:hover,
        .sidebar-nav-list li.active a {
            background: #f8f8f8;
            color: #07ae71;
            padding-left: 30px;}
        .sidebar-nav-list li a:hover::before,
        .sidebar-nav-list li.active a::before {
            opacity: 1;
            left: 12px;}
        /* 右侧内容区 */
        .main-content {
            flex: 1;
            min-width: 0;}
        .content-header {
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 3px solid #07ae71;}
        .content-title {
            font-size: 28px;
            color: #333;
            font-weight: bold;
            margin-bottom: 5px;}
        .content-subtitle {
            font-size: 14px;
            color: #999;
            letter-spacing: 2px;}
        .news-list-item {
            background: #fff;
            border: 1px solid #e5e5e5;
            margin-bottom: 20px;
            padding: 20px;
            transition: all 0.3s;
            display: block;
            overflow: hidden;}
        .news-list-item > a {
            display: flex;
            align-items: flex-start;
            text-decoration: none;
            color: inherit;
            width: 100%;}
        .news-list-item:hover {
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            border-color: #07ae71;}
        .news-list-item .news-thumb {
            width: 200px;
            height: 140px;
            overflow: hidden;
            margin-right: 20px;
            flex-shrink: 0;
            border-radius: 4px;
            display: block;}
        .news-list-item .news-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform 0.3s;
            display: block;
            border: none;}
        .news-list-item:hover .news-thumb img {
            transform: scale(1.05);}
        .news-list-item .news-info {
            flex: 1;}
        .news-list-item .news-title {
            font-size: 18px;
            color: #333;
            font-weight: bold;
            margin-bottom: 10px;
            line-height: 1.5;}
        .news-list-item .news-title:hover {
            color: #07ae71;}
        .news-list-item .news-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;}
        .news-list-item .news-meta {
            display: flex;
            align-items: center;
            font-size: 13px;
            color: #999;}
        .news-list-item .news-date {
            margin-right: 20px;}
        .news-list-item .news-date::before {
            content: "📅";
            margin-right: 5px;}
        .news-list-item .news-views {
            margin-right: 20px;}
        .news-list-item .news-views::before {
            content: "👁";
            margin-right: 5px;}
        /* 分页样式 */
        .pagination {
            text-align: center;
            padding: 40px 0;}
        .pagination span {
            display: inline-block;
            margin: 0 3px;
            color: #666;
            text-decoration: none;
            transition: all 0.3s;
            border-radius: 3px;}
        .pagination a:hover {
            background: #07ae71;
            color: #fff;
            border-color: #07ae71;}
        .pagination .current {
            background: #07ae71;
            color: #fff;
            border-color: #07ae71;}
        .pagination .prev,
        .pagination .next {
            font-weight: bold;}
        /* 移动端响应式优化 */
        @media (max-width: 1024px) {
            .content-wrapper {
                max-width: 100%;
                padding: 0 20px;}
        }

        @media (max-width: 768px) {
            /* 头部区域 */
            .wrapper.header .inner {
                padding: 0 15px;}
            .head {
                flex-wrap: wrap;}
            .sitelogo img {
                max-width: 180px;
                height: auto;}

            /* Banner区域 */
            .page-banner {
                height: 180px;
                margin-bottom: 20px;}
            .page-banner-title {
                font-size: 24px;
                margin-bottom: 8px;}
            .page-banner-subtitle {
                font-size: 13px;
                letter-spacing: 2px;}

            /* 面包屑 */
            .breadcrumb {
                font-size: 13px;
                padding: 12px 0;
                margin-bottom: 20px;}
            .breadcrumb .inner {
                padding: 0 15px;}

            /* 内容区 */
            .content-wrapper {
                flex-direction: column;
                gap: 20px;
                padding: 0 15px;
                margin-bottom: 40px;}

            /* 侧边栏 */
            .sidebar {
                width: 100%;
                margin-bottom: 0;}
            .sidebar-nav {
                box-shadow: 0 2px 8px rgba(0,0,0,0.08);
                position: relative;}
            .sidebar-nav-title {
                font-size: 16px;
                padding: 15px 20px;
                display: flex;
                align-items: center;
                justify-content: center;}
            .sidebar-nav-title::after {
                content: '👉';
                margin-left: 10px;
                font-size: 14px;
                opacity: 0.6;
                animation: slideHint 2s infinite;}
            @keyframes slideHint {
                0%, 100% { transform: translateX(0);}
                50% { transform: translateX(5px);}
            }
            .sidebar-nav-list {
                display: flex;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                white-space: nowrap;
                border-bottom: none;
                scroll-behavior: smooth;}
            .sidebar-nav-list::-webkit-scrollbar {
                display: none;}
            .sidebar-nav-list li {
                border-bottom: none;
                border-right: 1px solid #eee;
                flex-shrink: 0;}
            .sidebar-nav-list li:last-child {
                border-right: none;}
            .sidebar-nav-list li a {
                padding: 12px 20px;
                font-size: 14px;
                white-space: nowrap;}
            .sidebar-nav-list li a::before {
                display: none;}
            .sidebar-nav-list li a:hover,
            .sidebar-nav-list li.active a {
                padding-left: 20px;}

            /* 主内容区 */
            .main-content {
                width: 100%;}
            .content-header {
                margin-bottom: 20px;
                padding-bottom: 12px;
                border-bottom: 2px solid #07ae71;}
            .content-title {
                font-size: 22px;
                margin-bottom: 5px;}
            .content-subtitle {
                font-size: 13px;}

            /* 新闻列表项 */
            .news-list-item {
                padding: 15px;
                margin-bottom: 15px;}
            .news-list-item > a {
                flex-direction: column;
                align-items: stretch;}
            .news-list-item .news-thumb {
                width: 100% !important;
                height: 200px;
                margin-right: 0;
                margin-bottom: 15px;
                border-radius: 4px;
                max-width: 100%;}
            .news-list-item .news-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;}
            .news-thumb.no-image::before {
                width: 50px;
                height: 50px;}
            .news-thumb.no-image::after {
                font-size: 11px;
                bottom: 8px;
                padding: 2px 8px;}
            .news-list-item .news-info {
                width: 100%;}
            .news-list-item .news-title {
                font-size: 16px;
                margin-bottom: 8px;
                line-height: 1.4;}
            .news-list-item .news-desc {
                font-size: 13px;
                line-height: 1.6;
                margin-bottom: 10px;}
            .news-list-item .news-meta {
                font-size: 12px;
                flex-wrap: wrap;}
            .news-list-item .news-date,
            .news-list-item .news-views {
                margin-right: 15px;
                margin-bottom: 5px;}

            /* 分页 */
            .pagination {
                padding: 30px 0;}
            .pagination span {
                padding: 6px 12px;
                font-size: 13px;
                margin: 0 2px;}

            /* 底部 */
            .main6 .inner {
                flex-direction: column;
                padding: 30px 15px;}
            .main6 .link,
            .main6 .bq,
            .main6 .qrcode {
                width: 100%;
                margin-bottom: 20px;
                text-align: center;}
        }

        @media (max-width: 480px) {
            /* Logo */
            .sitelogo img {
                max-width: 150px;}

            /* Banner */
            .page-banner {
                height: 140px;}
            .page-banner-title {
                font-size: 20px;
                letter-spacing: 1px;}
            .page-banner-subtitle {
                font-size: 12px;
                letter-spacing: 1px;}

            /* 面包屑 */
            .breadcrumb {
                font-size: 12px;
                padding: 10px 0;}
            .breadcrumb span {
                margin: 0 5px;}

            /* 内容区 */
            .content-wrapper {
                padding: 0 10px;}

            /* 侧边栏 */
            .sidebar-nav-title {
                font-size: 15px;
                padding: 12px 15px;}
            .sidebar-nav-title::after {
                font-size: 12px;
                margin-left: 8px;}
            .sidebar-nav-list li a {
                padding: 10px 15px;
                font-size: 13px;}

            /* 内容标题 */
            .content-title {
                font-size: 18px;}
            .content-subtitle {
                font-size: 12px;}

            /* 新闻项 */
            .news-list-item {
                padding: 12px;
                margin-bottom: 12px;}
            .news-list-item .news-thumb {
                width: 100% !important;
                height: 180px;
                max-width: 100%;}
            .news-list-item .news-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;}
            .news-thumb.no-image::before {
                width: 40px;
                height: 40px;}
            .news-thumb.no-image::after {
                font-size: 10px;}
            .news-list-item .news-title {
                font-size: 15px;
                line-height: 1.4;}
            .news-list-item .news-desc {
                font-size: 12px;
                line-height: 1.5;}
            .news-list-item .news-meta {
                font-size: 11px;}

            /* 分页 */
            .pagination {
                padding: 20px 0;}
            .pagination span {
                padding: 5px 10px;
                font-size: 12px;}
        }

        @media (max-width: 375px) {
            .page-banner {
                height: 120px;}
            .page-banner-title {
                font-size: 18px;}
            .content-title {
                font-size: 16px;}
            .news-list-item .news-thumb {
                width: 100% !important;
                height: 160px;
                max-width: 100%;}
            .news-list-item .news-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;}
            .news-list-item .news-title {
                font-size: 14px;}
        }