/* ====================================
   老人春秋杂志社 - QING CMS轻站模板
   主样式表 - cms.css
   ==================================== */

/* Reset & Base */
*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:14px;-webkit-text-size-adjust:100%;}
body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;background:#f5f2ea;line-height:1.6;}
a{color:#b22c2c;text-decoration:none;transition:all .3s;}
a:hover{color:#d44343;}
img{max-width:100%;height:auto;vertical-align:middle;}
ul,ol,li{list-style:none;}

/* Clearfix */
.clearfix:after{content:"";display:table;clear:both;}
.clearfix{*zoom:1;}

/* Container */
.container{width:1200px;margin:0 auto;padding:0;}

/* ========== Top Bar ========== */
.top-bar{background:#8b1a1a;color:#f0d8a8;font-size:14px;line-height:36px;border-bottom:2px solid #d4a017;}
.top-bar a{color:#f0d8a8;margin:0 8px;}
.top-bar a:hover{color:#fff;}
.top-bar-left{float:left;}
.top-bar-right{float:right;}

/* ========== Header Banner ========== */
.header-banner{
    position:relative;
    width:100%;
    height:360px;
    background:url(../images/banner.jpg) center center no-repeat;
    background-size:cover;
    overflow:visible;
}

/* ========== Banner下方按钮入口（定位在底板图底部） ========== */
.banner-btns{
    position:absolute;
    bottom:30px;
    left:-520px;
    right:0;
    z-index:10;
    text-align:center;
    padding:0;
    background:transparent;
}
.banner-btns .container{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:2px;
}
.capsule-btn{
    display:inline-block;
    width:230px;
    height:92px;
    line-height:92px;
    background:url(../images/anniu.png) no-repeat center center;
    background-size:100% 100%;
    color:#6b4e23;
    font-size:28px;
    font-weight:900;
    letter-spacing:3px;
    text-align:center;
    text-decoration:none;
    letter-spacing:2px;
    transition:transform .3s;
}
.capsule-btn:hover{
    transform:translateY(-3px);
    color:#8b1a1a;
}

/* ========== Main Navigation ========== */
.main-nav{background:#8b1a1a;box-shadow:0 2px 6px rgba(0,0,0,.15);position:sticky;top:0;z-index:100;}
.nav-inner{position:relative;}
.nav-list{float:left;}
.nav-list li{float:left;}
.nav-list li a{
    display:block;
    color:#f0d8a8;
    font-size:24px;
	font-weight:bold;
    padding:0 22px;
    line-height:50px;
    letter-spacing:1px;
    position:relative;
}
.nav-list li a:hover,
.nav-list li.active a{
    color:#fff;
    background:#6b1010;
}
.nav-list li a:after{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:0;
    height:3px;
    background:#d4a017;
    transition:width .3s;
}
.nav-list li a:hover:after,
.nav-list li.active a:after{width:60%;}

/* 导航栏搜索框 */
.nav-search{float:right;padding-top:9px;}
.nav-search form{display:flex;align-items:center;}
.nav-search-input{
    width:180px;
    height:32px;
    line-height:32px;
    border:1px solid #d4a017;
    border-radius:3px 0 0 3px;
    padding:0 10px;
    font-size:13px;
    outline:none;
    background:rgba(255,255,255,.95);
    color:#333;
}
.nav-search-input:focus{border-color:#f0d8a8;}
.nav-search-btn{
    height:38px;
    line-height:38px;
    border:none;
    background:#d4a017;
    color:#fff;
    padding:0 14px;
    border-radius:0 3px 3px 0;
    cursor:pointer;
    font-size:24px;
    letter-spacing:1px;
}
.nav-search-btn:hover{background:#c49115;}

/* ========== Main Container ========== */
.main-container{padding:20px 0;}
.content-left{float:left;width:860px;}
.content-right{float:right;width:300px;}

/* ========== Banner Slider ========== */
.banner-section{margin-bottom:25px;}
.slider-main{width:100%;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.slider-main img{width:100%;display:block;}

/* ========== Section ========== */
/* .section 只负责垂直间距，不参与宽度约束 */
.section{margin-bottom:30px;}
/* section 直系子元素 .container 承载卡片视觉（阅读/视频板块） */
.section > .container{background:#fff;border-radius:4px;padding:20px 20px 10px;box-shadow:0 1px 4px rgba(0,0,0,.08);}

/* ========== Section Title ========== */
.section-title{
    border-bottom:2px solid #8b1a1a;
    padding-bottom:10px;
    margin-bottom:18px;
    position:relative;
}
.section-title h2{
    font-size:20px;
    color:#8b1a1a;
    display:inline-block;
}
.section-title h2 .title-icon{
    height:28px;
    vertical-align:-6px;
    margin-right:6px;
}
.section-title .more{float:right;font-size:13px;color:#999;line-height:32px;}
.section-title .more:hover{color:#b22c2c;}

/* ========== Magazine Covers ========== */
.magazine-covers{margin-left:-15px;}
.magazine-cover-item{float:left;width:185px;margin-left:15px;text-align:center;}
.magazine-cover-item img{border:1px solid #e8e0cc;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .3s;width:100%;}
.magazine-cover-item img:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15);}
.cover-title{margin-top:8px;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Magazine Intro Section */
.magazine-intro .magazine-cover-item{width:390px;margin-bottom:0;}

/* ========== Ebook Section ========== */
.ebook-list{margin-left:-12px;}
.ebook-list-half{display:flex;justify-content:space-around;margin-left:0;}
.ebook-list-half .ebook-item{float:none;width:calc(50% - 20px);margin-left:0;margin-bottom:0;}
.ebook-list-half .ebook-cover img {height:520px;}
.ebook-item{float:left;width:197px;margin-left:12px;margin-bottom:15px;text-align:center;}
.ebook-cover{position:relative;overflow:hidden;border-radius:3px;}
.ebook-cover img{width:100%;border:1px solid #e8e0cc;transition:transform .4s;}
.ebook-item:hover .ebook-cover img{transform:scale(1.05);}
.ebook-read-btn{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(139,26,26,.85);
    color:#f0d8a8;
    text-align:center;
    padding:8px 0;
    font-size:24px;
    transform:translateY(100%);
    transition:transform .3s;
}
.ebook-item:hover .ebook-read-btn{transform:translateY(0);}
.ebook-title{margin-top:8px;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ========== Reading Marquee (JS 自动左滚 + 左右箭头) ========== */
.reading-marquee-outer{
    position:relative;
}
.reading-marquee-wrap{
    overflow:hidden;
    width:100%;
}
.reading-marquee-wrap::-webkit-scrollbar{display:none;}
.reading-marquee-wrap{scrollbar-width:none;}

.reading-marquee-track{
    display:flex;
    gap:16px;
    width:max-content;
}

.marquee-item{
    flex:0 0 auto;
    width:180px;
}
.marquee-item .ebook-cover{width:180px;height:252px;}
.marquee-item .ebook-cover img{width:100%;height:100%;object-fit:cover;}
.marquee-item .ebook-read-btn{font-size:14px;padding:6px 0;}
.marquee-item .ebook-title{font-size:13px;width:180px;}

/* 左右箭头 */
.marquee-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:72px;
    height:180px;
    line-height:180px;
    text-align:center;
    background:transparent;
    color:#fff;
    font-size:52px;
    cursor:pointer;
    z-index:10;
    transition:background .3s;
    user-select:none;
}
.marquee-arrow:hover{background:rgba(204,51,51,.15);}
.marquee-prev{left:0;border-radius:0 4px 4px 0;}
.marquee-next{right:0;border-radius:4px 0 0 4px;}

/* ========== Video Grid ========== */
.video-grid{
    display:flex;
    justify-content:center;
    gap:20px;
}
.video-item{
    flex:1;
    max-width:calc(33.333% - 14px);
    text-align:center;
}
.video-thumb{position:relative;border-radius:3px;overflow:hidden;}
.video-thumb img{width:100%;}
.video-play-icon{
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:48px;height:48px;
    line-height:48px;text-align:center;
    background:rgba(139,26,26,.8);
    color:#f0d8a8;
    font-size:20px;
    border-radius:50%;
    transition:all .3s;
}
.video-item:hover .video-play-icon{background:rgba(212,160,23,.9);color:#fff;width:56px;height:56px;line-height:56px;}
.video-title{margin-top:8px;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ========== Ad & Subscribe Posters ========== */
.ad-poster img,
.subscribe-poster img{width:100%;border-radius:3px;}

/* ========== Article Text List (图片+文字列表) ========== */
.article-list{background:#fff;border-radius:4px;padding:0 20px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.article-list-item{
    display:flex;
    align-items:center;
    padding:12px 0;
    border-bottom:1px dashed #e0d8c0;
    gap:14px;
}
.article-list-item:last-child{border-bottom:none;}
.article-thumb{
    flex-shrink:0;
    width:48px;
    height:48px;
    overflow:hidden;
    border-radius:3px;
    border:1px solid #e8e0cc;
    background:#faf6ed;
}
.article-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.article-info{flex:1;min-width:0;}
.article-info .article-title{display:block;color:#333;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-info .article-title:hover{color:#b22c2c;}

/* ========== Year Section (电子杂志年份板块) ========== */
.cate-intro{padding:20px;background:#fff;margin-bottom:20px;border-radius:4px;text-align:center;}
.cate-intro h1{font-size:26px;color:#8b1a1a;margin-bottom:8px;}
.cate-desc{font-size:14px;color:#666;}


/* ========== Video Cover List (视频列表 2列) ========== */
.video-cover-list{margin-left:-15px;}
.video-cover-item{
    float:left;
    width:415px;
    margin:0 0 20px 15px;
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
    transition:transform .3s,box-shadow .3s;
}
.video-cover-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15);}
.video-cover-item .cover-img{position:relative;overflow:hidden;}
.video-cover-item .cover-img img{width:100%;display:block;}
.video-cover-item .cover-overlay{
    position:absolute;
    bottom:0;left:0;right:0;
    background:rgba(139,26,26,.85);
    color:#f0d8a8;
    text-align:center;
    padding:8px;
    font-size:14px;
    transform:translateY(100%);
    transition:transform .3s;
}
.video-cover-item:hover .cover-overlay{transform:translateY(0);}
.video-cover-item .cover-info{padding:12px;}
.video-cover-item .cover-info h3{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;}
.video-cover-item .cover-info h3 a{color:#333;}
.video-cover-item .cover-info h3 a:hover{color:#b22c2c;}
.cover-date{font-size:12px;color:#999;}

/* ========== Breadcrumb ========== */
.breadcrumb{
    padding:10px 0;
    font-size:13px;
    color:#888;
    border-bottom:1px dashed #e0d8c0;
    margin-bottom:20px;
}
.breadcrumb a{color:#888;}
.breadcrumb a:hover{color:#b22c2c;}
.breadcrumb .sep{margin:0 6px;}

/* ========== Article Detail ========== */
.article-detail{background:#fff;padding:30px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.article-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;}
.article-title{font-size:24px;color:#333;line-height:1.5;margin-bottom:12px;}
.article-meta{font-size:13px;color:#999;}
.article-meta .meta-item{padding:0 12px;border-right:1px solid #e0e0e0;}
.article-meta .meta-item:last-child{border-right:none;}

/* Article Tools */
.content-top-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dashed #e8e0cc;
}
.content-top-bar .breadcrumb{
    border-bottom:none;
    margin-bottom:0;
    padding:0;
}
.article-tools{
    font-size:13px;
    color:#888;
    flex-shrink:0;
}
.font-size-btn{
    display:inline-block;
    padding:2px 8px;
    margin:0 3px;
    border:1px solid #d4a017;
    border-radius:3px;
    color:#b22c2c;
    cursor:pointer;
}
.font-size-btn.active{background:#b22c2c;color:#fff;border-color:#b22c2c;}
.tools-sep{margin:0 10px;color:#ccc;}
.print-btn{color:#888;}
.print-btn:hover{color:#b22c2c;}

/* Article Content */
.article-content{font-size:14px;line-height:2;color:#444;padding:10px 0;}
.article-content img{max-width:100%;margin:15px auto;display:block;border-radius:3px;}
.article-content p{margin-bottom:15px;text-indent:2em;}
.article-content h2,
.article-content h3{color:#8b1a1a;margin:20px 0 10px;}
.article-content table{border-collapse:collapse;width:100%;margin:15px 0;}
.article-content table td,
.article-content table th{border:1px solid #e0d8c0;padding:8px 12px;}
.article-content blockquote{
    border-left:4px solid #d4a017;
    background:#faf6ed;
    padding:12px 16px;
    margin:15px 0;
    color:#666;
}

/* Article Nav */
.article-nav{margin-top:30px;padding-top:15px;border-top:1px solid #eee;}
.article-nav p{line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-nav span{color:#999;}

/* ========== Sidebar Modules ========== */
.side-module{margin-bottom:20px;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.side-module-title{
    background:linear-gradient(to bottom,#b22c2c,#8b1a1a);
    padding:0 15px;
}
.side-module-title h3{font-size:16px;color:#f0d8a8;line-height:42px;font-weight:normal;letter-spacing:1px;}
.side-module-body{padding:15px;}

/* Side Magazine */
.side-magazine{text-align:center;}
.side-magazine img{width:220px;border:2px solid #e8e0cc;border-radius:2px;}

/* QR Card Module - 整张卡片图片 */
.qr-card{margin-bottom:12px;text-align:center;}
.qr-card:last-child{margin-bottom:0;}
.qr-card img{width:100%;max-width:280px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);}

/* Full Banner - 横幅图片 */
.full-banner{width:100%;display:block;border-radius:4px;}

/* Post Section - 在线投稿横幅 */
.post-section{text-align:center;}
.post-section .full-banner{width:auto;max-width:100%;margin:0 auto;}

/* 通栏横幅链接（招商、订阅，无外框） */
.full-banner-link{display:block;width:100%;line-height:0;margin-bottom:20px;}
.full-banner-link:last-child{margin-bottom:0;}
.full-banner-img{width:100%;height:auto;display:block;}

/* Side Articles */
.side-article-list li{
    padding:10px 0;
    border-bottom:1px dashed #e8e0cc;
}
.side-article-list li:last-child{border-bottom:none;}
.side-article-list li a{display:block;color:#555;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.side-article-list li a:hover{color:#b22c2c;}
.side-article-date{margin-left:8px;font-size:12px;color:#bbb;}

/* Side Rank Icons */
.side-article-icon{display:inline-block;width:20px;margin-right:4px;text-align:center;font-style:normal;}
.top-rank{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font-size:11px;color:#fff;border-radius:2px;}
.top-rank.top-1{background:#e74c3c;}
.top-rank.top-2{background:#e67e22;}
.top-rank.top-3{background:#f1c40f;color:#333;}
.top-rank.normal{background:#ccc;}

/* Tag Cloud */
.tag-cloud{padding:5px 0;}
.tag-item{
    display:inline-block;
    padding:4px 12px;
    margin:3px 4px 3px 0;
    background:#faf6ed;
    border:1px solid #e0d8c0;
    border-radius:3px;
    font-size:13px;
    color:#8b1a1a;
    transition:all .3s;
}
.tag-item:hover{background:#8b1a1a;border-color:#8b1a1a;color:#f0d8a8;}

/* ========== Pagination ========== */
.pagination{
    text-align:center;
    padding:25px 0;
    clear:both;
}
.pagination ul{
    list-style:none;
    padding:0;
    margin:0;
}
.pagination li{
    display:inline-block;
    vertical-align:middle;
}
.pagination a,
.pagination span{
    display:inline-block;
    padding:6px 14px;
    margin:0 3px;
    border:1px solid #e0d8c0;
    border-radius:3px;
    font-size:13px;
    color:#666;
}
.pagination a:hover{background:#b22c2c;color:#fff;border-color:#b22c2c;}
.pagination li.active a{background:#8b1a1a;color:#f0d8a8;border-color:#8b1a1a;}

/* Year Pagination - 电子杂志年份翻页 */
.year-pagination{padding:25px 0;text-align:center;clear:both;}
.year-pagination a{display:inline-block;margin:0 20px;vertical-align:middle;}
.year-pagination a img{display:block;width:139px;height:37px;transition:opacity .3s;}
.year-pagination a:hover img{opacity:.85;}

/* ========== 首页专属 ========== */
.home-main-left{float:left;width:860px;}
.home-main-left .section{background:#fff;border-radius:6px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.08);margin-bottom:20px;}

/* 在线阅读、最新视频 - swiper 溢出隐藏 */
.reading-section,
.video-section{overflow:hidden;}


/* 广告招商、杂志订阅（通栏，无标题无外框） */
.zhaoshang-section,
.subscribe-section{
    padding:20px 0;
}

/* ========== Search Page ========== */
.search-page{padding:20px;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.search-form-wrapper{text-align:center;padding:20px 0;margin-bottom:20px;}
.search-input-lg{width:480px;height:44px;line-height:44px;border:2px solid #d4a017;border-radius:4px 0 0 4px;padding:0 15px;font-size:15px;outline:none;float:none;display:inline-block;vertical-align:middle;}
.search-form-wrapper .search-btn{height:48px;line-height:48px;padding:0 24px;border:none;background:#8b1a1a;color:#fff;font-size:24px;border-radius:0 4px 4px 0;cursor:pointer;display:inline-block;vertical-align:middle;transition:background .3s;}
.search-form-wrapper .search-btn:hover{background:#b22c2c;}

.search-tip{padding:15px;background:#faf6ed;border-left:4px solid #d4a017;margin-bottom:20px;font-size:14px;color:#666;}
.search-list li{padding:18px 0;border-bottom:1px solid #eee;}
.search-item h3{font-size:17px;margin-bottom:8px;}
.search-item h3 a{color:#333;}
.search-item h3 a:hover{color:#b22c2c;}
.search-desc{font-size:14px;color:#999;line-height:1.6;margin-bottom:8px;}
.search-meta{font-size:12px;color:#bbb;}
.search-meta span{margin-right:15px;}
.no-result{text-align:center;padding:60px 0;color:#999;font-size:15px;}

/* ========== Page Title (通用) ========== */
.page-title{
    font-size:22px;
    color:#8b1a1a;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:2px solid #f0d8a8;
    text-align:center;
}

/* ========== Book Page (留言板) ========== */
.book-page{background:#fff;padding:25px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.book-item{padding:18px 0;border-bottom:1px solid #eee;}
.book-header{margin-bottom:10px;overflow:hidden;}
.book-author{color:#b22c2c;font-weight:bold;float:left;}
.book-date{color:#bbb;font-size:12px;float:right;}
.book-content{font-size:14px;line-height:1.8;color:#555;}
.book-reply{
    margin-top:10px;
    padding:12px 15px;
    background:#faf6ed;
    border-left:3px solid #d4a017;
    border-radius:3px;
    font-size:13px;
    color:#666;
}
.reply-label{color:#b22c2c;}

/* Book Form */
.book-form-wrapper{margin-top:40px;padding-top:30px;border-top:2px solid #f0d8a8;}
.book-form-wrapper h3{font-size:18px;color:#8b1a1a;margin-bottom:20px;text-align:center;}
.form-group{margin-bottom:15px;overflow:hidden;}
.form-group label{float:left;width:80px;text-align:right;line-height:38px;color:#666;font-size:14px;}
.form-input{float:left;width:400px;height:38px;line-height:38px;border:1px solid #e0d8c0;border-radius:3px;padding:0 10px;font-size:14px;outline:none;}
.form-input:focus{border-color:#d4a017;box-shadow:0 0 4px rgba(212,160,23,.3);}
.form-textarea{float:left;width:400px;border:1px solid #e0d8c0;border-radius:3px;padding:10px;font-size:14px;outline:none;resize:vertical;font-family:inherit;}
.form-textarea:focus{border-color:#d4a017;box-shadow:0 0 4px rgba(212,160,23,.3);}
.submit-btn{
    padding:10px 36px;
    background:#b22c2c;
    color:#fff;
    border:none;
    border-radius:3px;
    font-size:24px;
    letter-spacing:2px;
    cursor:pointer;
    transition:background .3s;
}
.submit-btn:hover{background:#8b1a1a;}

/* ========== Label Page ========== */
.label-page{background:#fff;padding:25px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.label-item{padding:15px 0;border-bottom:1px solid #eee;}
.label-item h3{font-size:16px;margin-bottom:6px;}
.label-item h3 a{color:#333;}
.label-item h3 a:hover{color:#b22c2c;}
.label-desc{font-size:14px;color:#999;line-height:1.6;margin-bottom:6px;}
.label-meta{font-size:12px;color:#bbb;}

/* ========== Sitemap Page ========== */
.sitemap-page{background:#fff;padding:25px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.sitemap-section{margin-bottom:30px;}
.sitemap-section h3{font-size:18px;color:#8b1a1a;padding-left:10px;border-left:4px solid #d4a017;margin-bottom:15px;}
.sitemap-cate{margin-bottom:20px;background:#faf6ed;padding:15px;border-radius:4px;}
.sitemap-cate h4{font-size:16px;margin-bottom:10px;}
.sitemap-cate h4 a{color:#8b1a1a;}
.sitemap-sub{padding-left:15px;margin-bottom:10px;}
.sitemap-sub li{display:inline-block;margin-right:15px;}
.sitemap-sub li a{color:#555;font-size:13px;}
.sitemap-articles li{display:inline-block;margin-right:12px;margin-bottom:6px;font-size:13px;}
.sitemap-articles li a{color:#888;padding-right:12px;border-right:1px solid #e0d8c0;}
.sitemap-articles li:last-child a{border-right:none;}
.sitemap-tags a{display:inline-block;padding:4px 12px;margin:4px;background:#faf6ed;border:1px solid #e0d8c0;border-radius:3px;font-size:13px;color:#8b1a1a;}
.sitemap-tags a:hover{background:#8b1a1a;color:#f0d8a8;border-color:#8b1a1a;}

/* ========== Footer ========== */
/* 底部导航栏（灰白通栏背景） */
.footer-nav-bar{
    margin-top:30px;
    background:#EDEEEF;
    padding:18px 0;
    text-align:center;
    border-top:2px solid #8b1a1a;
}
.footer-nav{font-size:14px;}
.footer-nav a{color:#555;margin:0 6px;}
.footer-nav a:hover{color:#8b1a1a;}

/* 底部信息区（白色背景，与上方灰白导航栏区分） */
.footer-info-bar{
    background:#fff;
    padding:25px 0 30px;
    text-align:center;
}
.footer-info{font-size:13px;line-height:2;color:#555;}
.footer-info p{padding:0;}
.footer-info a{color:#555;}
.footer-info a:hover{color:#8b1a1a;}

/* ========== Back to Top ========== */
.back-to-top{
    display:none;
    position:fixed;
    right:20px;
    bottom:80px;
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    background:rgba(139,26,26,.85);
    color:#f0d8a8;
    font-size:18px;
    border-radius:3px;
    cursor:pointer;
    z-index:999;
    transition:background .3s;
}
.back-to-top:hover{background:#8b1a1a;}

/* ========== 电子杂志列表页 ========== */
.magazine-list-page{}

/* 年份板块 */
.year-section{
    background:#fff;
    border-radius:4px;
    padding:20px;
    margin-bottom:25px;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.year-section:last-child{margin-bottom:0;}

/* 年份标题（居中飘带图片背景） */
.year-title{
    text-align:center;
    margin-bottom:20px;
}
.year-ribbon{
    display:inline-block;
    width:200px;
    height:50px;
    background:url(../images/ribbon.png) center bottom no-repeat;
    background-size:contain;
    line-height:50px;
    font-size:18px;
    font-weight:bold;
    color:#8b1a1a;
    letter-spacing:2px;
    text-align:center;
    box-sizing:content-box;
    padding-bottom:10px;
}

/* 杂志封面网格（每行4项） */
.magazine-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}
.magazine-item{
    text-align:center;
}
.magazine-cover{
    border:1px solid #e8e0cc;
    border-radius:4px;
    overflow:hidden;
    margin-bottom:8px;
    background:#faf6ed;
    aspect-ratio:3/4;
}
.magazine-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.magazine-name{
    font-size:13px;
    color:#333;
    line-height:1.4;
    padding:0 4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* 分页（上一年度/下一年度） */
.year-pagination{
    display:flex;
    justify-content:space-between;
    align-items:center;
    list-style:none;
    padding:20px 0;
    margin:0;
}
.year-pagination a,
.year-pagination span,
.year-pagination em,
.year-pagination strong,
.year-pagination li{
    display:none;
}

/* ========== Responsive ========== */
@media (max-width:1200px){
    .container{width:100%;}
    .content-left{width:70%;}
    .content-right{width:28%;}
    .nav-search-input{width:150px;}
}
@media (max-width:768px){
    .content-left,.content-right{width:100%;float:none;}
    .nav-search{float:none;text-align:center;padding:8px 0;}
    .nav-search-input{width:70%;max-width:260px;}
    .nav-list li{float:none;display:inline-block;}
    .ebook-item{width:48%;margin-left:2%;}
    .video-item{width:48%;margin-left:2%;}
    .cover-item{width:48%;}
    .magazine-cover-item{width:48%;}
    .magazine-intro .magazine-cover-item{width:48%;}
    .search-input-lg{width:100%;}
    .form-input,.form-textarea{width:100%;}
    .form-group label{float:none;display:block;text-align:left;margin-bottom:5px;}
    .capsule-btn{width:120px;height:48px;line-height:48px;font-size:16px;}
    .banner-btns .container{gap:10px;}
}