/* 重置样式 */
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
        body{font-size:14px;background: #f8f9fa;font-family: "Microsoft YaHei", "PingFang SC", sans-serif;color: #333;}
        table{border-collapse:collapse;border-spacing:0}
        fieldset,img{border:0 none}
        address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
        ol,ul,li{list-style:none outside none}
        caption,th{text-align:left}
        h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
        a{text-decoration:none;font-size: 16px;color: #2c7a9c;font-weight: 400;}
        .main-nav a:hover{ color: #fff!important;}
        .clearfix{*zoom:1;}
        img:hover{margin-left:0;transition: transform 0.3s; transform: scale(1.05, 1.05);}
         .main-nav  a:hover { color: #fff; transition: 0.3s ease; }

        /* 容器 */
        .indexwidth{width: 1200px;margin: 0 auto;}

        /* 顶部欢迎栏 */
        .top-header{width: 100%;overflow: hidden;height: 36px;line-height: 36px;border-bottom: solid 1px #e0e6e9;background: #f1f5f8;}
        .top-header p{float: left;line-height: 36px;height: 36px;color: #666;margin-left: 10px;font-size: 13px;}
        .top-header ul {float: right;text-align: center;}
        .top-header ul li{float: left;text-align: right;}
        .top-header ul a {color: #666;font-size: 12px;vertical-align: middle;height: 36px;line-height: 36px;margin-left: 12px;}

        /* logo和导航区域 */
        .logo-nav-area{width: 100%;float: left;background: #fff;padding-bottom: 0;box-shadow: 0 2px 8px rgba(0,0,0,0.05);position: relative;}
        .logo-area{float: left;width: 100%;line-height: 80px;height: 80px;}
        .logo-area .logo{float: left;width: 120px;height: 80px; border-radius: 6px;text-align: center;line-height: 36px;color: white;font-weight: bold;font-size: 18px;letter-spacing: 1px;}
        .logo-area .category-tag{float: left;background: #1a5a7a;color: #fff;padding: 0 15px;border-radius: 4px;margin: 22px 0 0 0px;font-size: 14px;height: 26px;line-height: 26px;}
        .breadcrumb{width: 600px;float: left;line-height: 80px;margin-left: 20px;font-size: 13px;color: #666;height: 80px;overflow: hidden;}
        .breadcrumb a{color: #555;padding: 0 4px;font-size: 13px;}
        .breadcrumb span{color: #555;font-size: 13px;}
        
        /* 投稿按钮 */
        .contribute-area {float: right;width: 220px;margin-top: 25px;}
        .contribute-area a {height: 32px;line-height: 32px;float: left;color: #fff;font-size: 14px;border-radius: 4px;padding: 0 15px;background: #2c7a9c;margin-left: 10px;text-align: center;font-weight: 500;}
        .contribute-area a:hover{background-color: #1a5a7a;color: #fff!important;}
        .contribute-area .suggestion{background: #d4a017;}
        .contribute-area .suggestion:hover{background-color: #b58a12;color: #fff!important;}

        /* 主导航 - 桌面端样式 - 修改为靠左居中 */
        .main-nav{width:100%;height: 48px;float: left;background: #1a5a7a;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
        .main-nav ul li:hover{background: #2c7a9c;}
        .main-nav ul{width: 1200px;margin: 0 auto;display: flex;justify-content: flex-start; /* 改为左对齐 */ padding-left: 10px;}
        .main-nav ul li{height: 48px;line-height: 48px;text-align: center;overflow:hidden;padding: 0 20px;white-space: nowrap;}
        .main-nav ul li a{font-size: 16px;color: #fff;font-weight: 500;display: block;width: 100%;height: 100%;}
        .main-nav ul li.active{background: #2c7a9c;position: relative;}
        .main-nav ul li.active:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #d4a017;}

        /* 移动端菜单按钮 */
        .mobile-menu-toggle {
            display: none;
            position: absolute;
            right: 15px;
            top: 25px;
            width: 36px;
            height: 36px;
            background: #1a5a7a;
            color: white;
            border-radius: 4px;
            border: none;
            font-size: 18px;
            cursor: pointer;
            z-index: 1001;
        }
        
        /* 移动端菜单样式 */
        .mobile-menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(26, 90, 122, 0.98);
            z-index: 1000;
            overflow-y: auto;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .mobile-menu.active {
            display: block;
        }
        
        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
            padding-top: 10px;
        }
        
        .mobile-menu-header .logo {
            color: white;
            font-size: 20px;
            font-weight: bold;
        }
        
        .mobile-menu-close {
            background: none;
            border: none;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .mobile-nav {
            margin-bottom: 20px;
        }
        
        .mobile-nav-item {
            display: block;
            width: 100%;
            padding: 16px 20px;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 8px;
            border-radius: 8px;
            border-left: 4px solid transparent;
            transition: all 0.3s;
            text-align: left;
                box-sizing: border-box;
        }
        
        .mobile-nav-item:hover,
        .mobile-nav-item.active {
            background: rgba(255, 255, 255, 0.2);
            border-left-color: #d4a017;
        }
        
        .mobile-contribute {
            display: flex;
            gap: 15px;
            margin-top: 30px;
        }
        
        .mobile-contribute a {
            flex: 1;
            padding: 12px;
            background: #d4a017;
            color: white;
            font-size: 14px;
            font-weight: 500;
            border-radius: 6px;
            text-align: center;
        }
        
        .mobile-contribute a.suggestion {
            background: #2c7a9c;
        }

        /* 内容区域 - 修复手机端布局问题 */
        .content-area{width: 1200px;margin: 25px auto 0;}
        
        /* 古诗文导航 */
        .nav-category{background: #fff;border-radius: 10px;margin: auto;overflow: hidden;float: left;padding: 25px;padding-top: 20px;width: 1150px;padding-bottom: 20px;margin-bottom: 20px;box-shadow: 0 3px 10px rgba(0,0,0,0.05);border: 1px solid #eef2f5;}
        .nav-category span{margin: 4px;float: left;font-size: 18px;color: #1a5a7a;line-height: 33px;height: 33px;border-radius: 4px;width: 100%;font-weight: 700;position: relative;margin-bottom: 15px;}
        .nav-category li{float:left;margin-bottom: 10px;margin-right: 5px;}
        .nav-category a{margin: 4px;border: 1px solid #e0e6e9;padding: 6px 18px;float: left;font-size: 14px;line-height: 24px;height: 24px;background: #f8f9fa;color: #555;border-radius: 4px;font-weight: 500;}
        .nav-category a:hover{background: #1a5a7a;color: #fff!important;border-color: #1a5a7a;}

        /* 主要内容区 */
        .main-content{background: #fff;border-radius: 10px;margin: auto;overflow: hidden;float: left;padding: 30px;margin-top: 0;padding-top: 30px;width: 1150px;margin-bottom: 20px;box-shadow: 0 3px 10px rgba(0,0,0,0.05);border: 1px solid #eef2f5;}
        
        /* 左侧区域 */
        .content-left{float: left;width: 326px;margin-top: 0;}
        .featured-img {float: left;width: 100%;height: 200px;border-radius: 8px;overflow: hidden;background: #f8f9fa;border: 1px solid #eef2f5;}
        .featured-img a{float: left;width: 100%;height: 200px;position: relative;}
        .featured-img img{float: left;width: 100%;height: 200px;object-fit: cover;}
        .featured-img span{position: absolute;float: left;left: 0;width: 100%;background: rgba(26, 90, 122, 0.85);color: #fff;text-align: center;height: 32px;line-height: 32px;bottom: 0;font-size: 15px;font-weight: 500;}

        .recommend-list{float: left;width: 100%;margin-top: 25px;}
        .section-title{float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f8f9fa;height: 40px;width: 100%;border-radius: 8px;margin-bottom: 12px;padding-left: 15px;color: #1a5a7a;border-left: 4px solid #d4a017;}
        .recommend-list ul{width: 100%;float: left;}
        .recommend-list li{float: left;overflow: hidden;height: 36px;width: 100%;line-height: 36px;margin-bottom: 2px;}
        .recommend-list li a{color: #444;font-size: 14px;display: flex;align-items: center;padding: 0 5px;border-radius: 4px;}
        .recommend-list li a:hover{background: #f1f5f8;color: #1a5a7a;}
        .recommend-list li code{float:right;color: #d4a017;font-size: 12px;font-family: initial;margin-top: 12px;font-weight: 500;}

        /* 中间区域 */
        .content-center{float: left;width: 500px;margin-left: 30px;}
        .today-featured {float: left;width: 100%;}
        .today-featured  span{font-weight: 700;color: #1a5a7a;height: 28px;display: inline-block;font-size: 16px;line-height: 28px;margin-bottom: 15px;border-left: 4px solid #d4a017;padding-left: 10px;}
        .today-featured  h2{line-height: 30px;width: 100%;display: inline-block;height: 30px;margin-bottom: 12px;float: left;text-align: left;}
        .today-featured  h2 a{font-size: 18px;overflow: hidden;height: 26px;line-height: 26px;color: #1a5a7a;float: left;width: 100%;font-weight: 700;}
        .today-featured  p{color: #555;float: left;width: 100%;line-height: 26px;text-indent: 2em;font-size: 14px;height: 104px;overflow: hidden;margin-bottom: 10px;}

        .featured-articles{float: left;width: 100%;margin-top: 10px;}
        .featured-articles ul{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;}
        .featured-articles ul li{width: 100%;height: 34px;margin-top: 8px;line-height: 34px;}
        .featured-articles li span{font-size: 12px;color: #fff;background: #1a5a7a;padding: 4px 10px;border-radius: 4px;height: 26px;line-height: 26px;font-weight: 500;}
        .featured-articles li p{color: #ffffff;font-size: 12px;height: 34px;line-height: 34px;overflow: hidden;}
        .featured-articles ul li a {color: #444;font-size: 14px;margin-left: 5px;font-weight: 500;}
        .featured-articles .fl{float:left;width: 225px;}
        .featured-articles .fr{float:right;width: 225px;}

        .image-gallery{float: left;width: 100%;margin-left:5px;border-top: 1px solid #eef2f5;margin-top: 25px;padding-top: 20px;}
        .image-gallery ul{float: left;width: 100%;height: 126px;text-align: center;overflow: hidden;display: flex;justify-content: space-between;}
        .image-gallery ul li{float: left;width: 150px;display: inline-block;margin: 0 5px 0 0;}
        .image-gallery ul img{float:left;width: 100%;height: 95px;margin-bottom: 8px;border-radius: 6px;object-fit: cover;border: 1px solid #eef2f5;}
        .image-gallery ul a{color: #444;font-size: 14px;float: left;overflow: hidden;font-weight: 500;}

        /* 右侧区域 */
        .content-right{float: right;width: 265px;margin-left:15px;}
        .right-title{float:left;font-size: 14px;width: 100%;font-weight: 700;height: 30px;line-height: 30px;color: #1a5a7a;margin-bottom: 18px;border-left: 4px solid #d4a017;padding-left: 10px;}
        .right-title h2{float: left;font-weight: bold;color: #1a5a7a;font-size: 16px;}

        .right-top-images{float:left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
        .right-top-images a{width: 48%;float: left;}
        .right-top-images span{width:125px;display: inline-block;font-size: 13px;color: #444;line-height: 18px;height: 36px;overflow: hidden;text-align: center;margin-top: 8px;font-weight: 500;}
        .right-top-images img{width:125px;height: 85px;border-radius: 6px;object-fit: cover;border: 1px solid #eef2f5;}
        .right-ranking{width: 100%;float: left;}
        .right-ranking ul li{width: 265px;height: 34px;font-size: 14px;float: left;overflow: hidden;line-height: 38px;margin-bottom: 2px;display:flex}
        .right-ranking ul li a{width: 225px;height: 38px;line-height: 38px;overflow:hidden;font-size: 14px;float: left;color: #444;padding: 0 5px;border-radius: 4px;}
        .right-ranking ul li a:hover{background: #f1f5f8;}
        .right-ranking li code{margin-top: 10px;width: 22px;height: 22px;line-height: 22px;background: #f1f5f8;color: #777;float: left;text-align: center;margin-right: 12px;font-size: 12px;border-radius: 4px;font-family: initial;font-weight: 600;}
        .right-ranking li:nth-child(1) code{background: #1a5a7a;color:#fff;}
        .right-ranking li:nth-child(2) code{background: #2c7a9c;color:#fff;}
        .right-ranking li:nth-child(3) code{background: #d4a017;color:#fff;}

        /* 分类内容区域 */
        .category-content{width: 100%;background: #FFF;float: left;padding-bottom: 15px;margin-bottom: 25px;margin-top: 0px;border-radius: 10px;box-shadow: 0 3px 10px rgba(0,0,0,0.05);border: 1px solid #eef2f5;padding: 25px;}
        .category-content .category-header{float: left;width: 100%;margin-bottom: 5px;}
        .category-header h2 {float: left;font-size: 14px;width: 100%;height: 41px;line-height: 41px;margin-bottom: 20px;border-bottom: 2px solid #eef2f5;}
        .category-header h2 a{color: #1a5a7a;float: left;height: 34px;line-height: 34px;font-size: 20px;font-weight: bold;}
        .category-header .more{float: right;}
        .category-header .more a{color: #2c7a9c;background: none;font-size: 13px;font-weight: 500;border-bottom: 0;}

        .category-content .article-list {float: left;margin-top: 8px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
        .article-list li{height: 36px;line-height: 36px;overflow: hidden;float: left;width: 33.3%;margin-bottom: 2px;}
        .article-list li a {padding-right: 10px;font-size: 14px;color: #444; width: 90%;float: left;align-items: center;padding: 0 5px;border-radius: 4px;}
        .article-list li a:hover{background: #f1f5f8;color: #1a5a7a;}

        .featured-article{font-size: 12px;color: #333;margin-bottom: 20px;background: #f8f9fa;padding: 20px;border-radius: 8px;border: 1px solid #eef2f5;}
        .featured-article .article-img{float: left;margin-right: 20px;}
        .featured-article .article-img img{height: 100px;width: 140px;border-radius: 6px;object-fit: cover;border: 1px solid #eef2f5;}
        .featured-article .article-text{width: 560px;float: left;}
        .featured-article .article-text h4{float: left;height: 26px;line-height: 26px;overflow: hidden;width: 100%;margin-bottom: 8px;}
        .featured-article .article-text h4 a{font-size: 16px;font-weight: 700;color: #1a5a7a;}
        .featured-article .article-text p{color: #555;display: inline;float: left;line-height: 24px;width: 100%;margin-top: 0;font-size: 14px;}

        /* 右侧边栏 */
        .sidebar-right{width: 336px;float: right;position: static;}
        .sidebar-right .sidebar-box {float: right;background: #fff;border-radius: 10px;width: 296px;padding: 20px;margin-bottom: 20px;box-shadow: 0 3px 10px rgba(0,0,0,0.05);border: 1px solid #eef2f5;}
        .sidebar-right .sidebar-box span {float: left;width: 100%;font-size: 16px;color: #1a5a7a;margin-bottom: 15px;font-weight: 700;border-left: 4px solid #d4a017;padding-left: 10px;}
        .sidebar-right .sidebar-box li {float: left;width: 100%;height: 36px;line-height: 36px;overflow: hidden;margin-bottom: 2px;}
        .sidebar-right .sidebar-box li a{overflow: hidden;float: left;line-height: 36px;height: 36px;font-size: 14px;color: #444;align-items: center;padding: 0 5px;border-radius: 4px;width: 100%;}
        .sidebar-right .sidebar-box li a:hover{background: #f1f5f8;color: #1a5a7a;}

        /* 友情链接 */
        .friend-links{float: left;background: #fff;border-radius: 10px;padding: 25px;width: 1100px;margin-top: 20px;box-shadow: 0 3px 10px rgba(0,0,0,0.05);border: 1px solid #eef2f5;}
        .friend-links b{line-height: 28px;float: left;font-size: 15px;font-weight: 700;color: #1a5a7a;margin-right: 15px;}
        .friend-links li{line-height: 22px;color: #b7b7b7;margin: 5px;float: left;}
        .friend-links li:nth-child(1){color: #1a5a7a;}
        .friend-links li a{color: #666;font-size: 13px;padding: 4px 8px;border-radius: 4px;}
        .friend-links li a:hover{background: #f1f5f8;color: #1a5a7a;}

        /* 页脚 */
        .footer{width: 100%;background: #1a5a7a;float: left;margin-top: 30px;line-height: 24px;padding: 20px 0;}
        .footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 13px;height: 24px;line-height: 24px;margin: 5px 0;}

        /* 回顶部 */
        .back-to-top{left:50%;margin-left:560px;margin-top:350px;position:fixed;width:54px;z-index:400}
        .back-to-top ul li{float:left;text-align:center;margin-bottom:5px;}
        .back-to-top ul li a{display:block;height:40px;line-height:16px;color:#484848;font-size:12px;width:40px;padding:9px;border: 1px solid #e0e6e9;background: #fff;text-align: center;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
        .back-to-top ul li a span{display: block;margin-top: 20px;color: #1a5a7a;font-weight: 500;}

        /* ==================== 响应式调整 ==================== */
        @media (max-width: 1200px) {
            .indexwidth, .main-nav ul, .content-area {width: 95%;}
            .nav-category, .main-content, .friend-links {width: 100%;box-sizing: border-box;}
            .content-left, .content-center, .content-right {width: 100%;float: none;margin-left: 0;margin-bottom: 25px;}
            .article-list li {width: 50%;}
            .main-nav ul {padding-left: 0;}
            .featured-article .article-text {width: calc(100% - 160px);}
            .sidebar-right {width: 100%;float: none;}
            .sidebar-right .sidebar-box {width: 100%;float: none;margin-bottom: 15px;}
        }
        
        /* 平板设备 */
        @media (max-width: 992px) {
            .main-nav {
                display: none;
            }
            
            .mobile-menu-toggle {
                display: block;
            }
            
            .main-content {
                padding: 20px;
            }
            
            .featured-articles .fl, .featured-articles .fr {
                width: 100%;
                margin-bottom: 10px;
            }
        }
        
        /* 手机端优化 */
        @media (max-width: 768px) {
            /* 通用手机样式 */
            body {font-size: 15px;}
            
            .indexwidth {width: 100%;padding: 0 15px;box-sizing: border-box;}
            
            /* 顶部栏 */
            .top-header {
                height: auto;
                padding: 10px 0;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .top-header p {
                float: none;
                text-align: center;
                margin-left: 0;
                margin-bottom: 5px;
            }
            
            .top-header ul {
                float: none;
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                width: 100%;
            }
            
            .top-header ul li {
                margin: 0 5px;
            }
            
            .top-header ul a {
                font-size: 11px;
                margin-left: 5px;
            }
            
            /* logo区域 */
            .logo-nav-area {
                padding: 0;
            }
            
            .logo-area {
                height: auto;
                line-height: normal;
                padding: 15px 0;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }
            
            .logo-area .logo {
                margin-top: 0;
                width: 100px;
                height: 62px;
                line-height: 32px;
                font-size: 16px;
            }
            
            .logo-area .category-tag {
                margin: 0 0 0 10px;
                padding: 0 10px;
                height: 24px;
                line-height: 24px;
                font-size: 12px;
            }
            
            .breadcrumb {
                display: none;
            }
            
            .contribute-area {
                display: none;
            }
            
            /* 移动菜单按钮 */
            .mobile-menu-toggle {
                display: block;
                top: 20px;
                right: 15px;
            }
            
            /* 主导航隐藏 */
            .main-nav {
                display: none;
            }
            
            /* 修复content-area布局问题 */
            .content-area {
                width: 100%;
                margin: 15px auto 0;
                padding: 0 15px;
                box-sizing: border-box;
                float: none;
            }
            
            .nav-category {
                padding: 20px 15px;
                margin-bottom: 15px;
                width: 100%;
                float: none;
                box-sizing: border-box;
            }
            
            .nav-category span {
                font-size: 16px;
                margin-bottom: 10px;
            }
            
            .nav-category li {
                display: inline-block;
                margin-bottom: 8px;
            }
            
            .nav-category a {
                padding: 6px 12px;
                font-size: 13px;
            }
            
            /* 修复main-content布局问题 */
            .main-content {
                padding: 20px 15px;
                margin-bottom: 15px;
                width: 100%;
                float: none;
                box-sizing: border-box;
            }
            
            .content-left, .content-center, .content-right {
                width: 100%;
                margin: 0 0 20px 0;
                float: none;
                box-sizing: border-box;
            }
            
            /* 特色图片 */
            .featured-img {
                height: 180px;
            }
            
            .featured-img img {
                height: 180px;
            }
            
            /* 今日推荐 */
            .content-center {
                margin-left: 0;
            }
            
            .today-featured p {
                height: auto;
                margin-bottom: 15px;
            }
            
            /* 特色文章 */
            .featured-articles .fl, .featured-articles .fr {
                width: 100%;
            }
            
            .featured-articles ul li {
                height: auto;
                line-height: normal;
                margin-top: 10px;
            }
            
            .featured-articles li p {
                height: auto;
                line-height: normal;
            }
            
            /* 图片库 */
            .image-gallery ul {
                flex-direction: column;
                height: auto;
            }
            
            .image-gallery ul li {
                width: 100%;
                margin-bottom: 15px;
            }
            
            .image-gallery ul img {
                height: 150px;
            }
            
            /* 右侧区域 */
            .right-top-images {
                flex-direction: column;
            }
            
            .right-top-images a {
                width: 100%;
                margin-bottom: 15px;
            }
            
            .right-top-images img {
                width: 100%;
                height: 150px;
            }
            
            .right-top-images span {
                width: 100%;
            }
            
            .right-ranking ul li {
                width: 100%;
            }
            
            .right-ranking ul li a {
                width: calc(100% - 40px);
            }
            
            /* 修复第二个content-area的布局问题 */
            .content-area[style*="width: 100%"] {
                width: 100% !important;
                padding: 0 15px;
                box-sizing: border-box;
            }
            
            .content-area[style*="width: 100%"] > div {
                width: 100% !important;
                float: none;
                box-sizing: border-box;
            }
            
            /* 分类内容区域 */
            .category-content {
                padding: 20px 15px;
                margin: 15px 0;
                width: 100%;
                box-sizing: border-box;
            }
            
            .category-header h2 {
                margin-bottom: 15px;
            }
            
            /* 特色文章 */
            .featured-article {
                padding: 15px;
                width: 100%;
                box-sizing: border-box;
            }
            
            .featured-article .article-img {
                float: none;
                margin-right: 0;
                margin-bottom: 15px;
                text-align: center;
                width: 100%;
            }
            
            .featured-article .article-img img {
                width: 100%;
                height: 150px;
            }
            
            .featured-article .article-text {
                width: 100%;
                float: none;
                box-sizing: border-box;
            }
            
            /* 文章列表 */
            .article-list li {
                width: 100%;
            }
            
            /* 右侧边栏 */
            .sidebar-right {
                width: 100%;
                float: none;
                box-sizing: border-box;
            }
            
            .sidebar-right .sidebar-box {
                width: 100%;
                float: none;
                margin-bottom: 15px;
                box-sizing: border-box;
            }
            
            /* 友情链接 */
            .friend-links {
                width: 100%;
                padding: 20px 15px;
                box-sizing: border-box;
                margin-top: 15px;
            }
            
            .friend-links ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .friend-links li {
                margin: 5px 8px;
            }
            
            /* 回顶部 */
            .back-to-top {
                display: none;
            }
            
            /* 页脚 */
            .footer {
                margin-top: 20px;
                padding: 15px 0;
            }
        }
        
        /* 小屏幕手机 */
        @media (max-width: 480px) {
            .nav-category li {
                display: block;
                width: 100%;
            }
            
            .nav-category a {
                width: 100%;
                text-align: center;
            }
            
            .article-list li {
                width: 100%;
            }
            
            .featured-articles li span {
                display: block;
                margin-bottom: 5px;
            }
            
            .featured-articles ul li a {
                margin-left: 0;
            }
            
            .right-ranking li code {
                margin-right: 8px;
            }
        }



        .image-gallery ul a {
        
            width: 100%;
        }


        /* 文章页面附加 */
         .article{
            overflow: hidden;
                padding: 25px;
        }

        .title{
        
            line-height: 36px;
            font-size: 27px;
            text-align: center;
            margin: 10px 0px 8px;
            color: #000;
            font-weight: bold;
        }


        .content {
                color: #000;
                width: 100%;
                font-size: 16px;
                line-height: 30px;
                float: left;
        }

        .info {
            line-height: 24px;
            padding: 8px 0;
            color: #C5C5C5;
            overflow: hidden;
            margin: 2px auto;
            width: 600px;
            text-align: center;
            margin-bottom: 13px;
        }
        .sidebar-right{
                overflow: hidden;
        }
        .sidebar-box{
            overflow: hidden;

        }
        .wz01{

           float: left;max-width: 775px;background-color: #fff; margin: 20px 40px; 
        }
        .wz01 {
          
            min-height: 690px;
        }

        @media (max-width:1200px) {

            .wz01 {
                min-height: auto;
            }

        }
 /* 小屏幕手机 */
        @media (max-width: 992px) {

            .wz01 {
                float: none;
             
                margin: 10px;
            }
            .info {
            
                text-align: left;
            
            }
        }
        /* 平板设备 */
        @media (max-width: 992px) {
            .top-header{
                display: none;
            }
        }



        .list_pic {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.list_pic ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.list_pic ul li {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ececec;
    padding: 16px 0;
    float: left;
}
.list_pic ul li {
    
    display: flex
;
}
.list_pic ul li .t_img {
    display: inline-block;
    float: left;
    width: 140px;
}

.list_pic ul li .t_img a {
    display: inline-block;
    float: left;
    width: 140px;
    height: 85px;
    overflow: hidden;
}

.list_pic ul li .t_img img {
    width: 140px;
    height: 85px;
    float: left;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.list_pic ul li .cont {
    line-height: 30px;
    font-size: 16px;
    display: inline-block;
    /* width: 603px; */
    margin-left: 25px;
    float: left;    padding-right: 10px;
}

.conp{

     display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5; /* 设置合适的行高 */
  max-height: 3em; /* 行高 × 行数 */
}
/*分页*/
.pagination {
    display: flex
;
    justify-content: center;
    margin-top: .5rem;
    gap: 0.5rem;
        margin-bottom: 10px;
}
.pagination li{
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex
;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 1px solid #eaeaea;
    color: var(--gray);
    cursor: pointer;
    transition: all 0.2s;
}

.pagination li.active {
    background-color: #3f9cff;
    color: white;
    border-color: #3f9cff;
}

.pagination a {
    width: 100%;
    height: 100%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}