/* 传奇模板自定义样式 - chuanqi.css */

/* 顶部栏 */
.header-top { background: #333; color: #fff; }

/* 导航栏 */
.nav-bg { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
.nav-item.active, .nav-item:hover { background: rgba(255,255,255,0.1); border-radius: 4px; }

/* 轮播图 */
.mySwiper { border-radius: 8px; overflow: hidden; }
.mySwiper .swiper-slide img.slider-img { width: 100%; height: 280px; object-fit: cover; }
.swiper-button-next, .swiper-button-prev { color: #fff; }
.swiper-pagination-bullet-active { background: #dc2626; }

/* 文章卡片 */
.news-card { transition: transform 0.2s, box-shadow 0.2s; }
.news-card:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.news-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 文章正文 */
.article-content h2 { font-size: 1.25rem; font-weight: 700; margin: 1.5rem 0 0.75rem; padding-left: 12px; border-left: 4px solid #dc2626; }
.article-content h3 { font-size: 1.1rem; font-weight: 600; margin: 1.2rem 0 0.6rem; }
.article-content p { margin-bottom: 1rem; line-height: 1.8; color: #374151; }
.article-content img { max-width: 100%; border-radius: 8px; margin: 1rem auto; display: block; }
.article-content ul, .article-content ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.article-content li { margin-bottom: 0.5rem; line-height: 1.6; }
.article-content a { color: #dc2626; text-decoration: underline; }
.article-content blockquote { border-left: 4px solid #e5e7eb; padding-left: 1rem; color: #6b7280; font-style: italic; }

/* 侧栏 */
.sidebar-module { background: #fff; border-radius: 8px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.sidebar-module h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 2px solid #dc2626; }
.sidebar-video .sidebar-item { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f3f4f6; }
.sidebar-video .sidebar-item img { width: 100px; height: 60px; object-fit: cover; border-radius: 6px; }
.sidebar-video .sidebar-item h4 { font-size: 13px; color: #374151; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sidebar-rank .sidebar-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #f3f4f6; position: relative; }
.sidebar-rank .sidebar-item:hover .overlay-download { opacity: 1; }
.overlay-download { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #dc2626; color: #fff; padding: 4px 10px; border-radius: 4px; font-size: 12px; opacity: 0; transition: opacity 0.2s; }

/* 排行徽章 */
.rank-num { font-weight: 700; color: #fff; font-size: 11px; }
.rank-num.red { background: #dc2626; }
.rank-num.orange { background: #f97316; }
.rank-num.yellow { background: #eab308; }
.rank-num.gray { background: #9ca3af; }
.rank-heat { font-size: 12px; color: #f97316; margin-left: auto; white-space: nowrap; }

/* 标签云 */
.tag-item { display: inline-block; padding: 4px 12px; margin: 4px; border-radius: 20px; font-size: 12px; background: #f3f4f6; color: #374151; transition: all 0.2s; }
.tag-item:hover { background: #dc2626; color: #fff; }

/* 分页 */
.pagination { display: flex; justify-content: center; gap: 4px; margin-top: 2rem; }
.pagination a, .pagination span { display: inline-block; padding: 6px 12px; border-radius: 4px; font-size: 14px; }
.pagination a { background: #fff; border: 1px solid #e5e7eb; color: #374151; }
.pagination a:hover { background: #dc2626; color: #fff; border-color: #dc2626; }
.pagination .current { background: #dc2626; color: #fff; border: 1px solid #dc2626; }

/* 移动端滚动公告 */
.marquee-container { overflow: hidden; }
.marquee-content { white-space: nowrap; animation: marquee 20s linear infinite; color: #fbbf24; font-size: 13px; }
@keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

/* 移动端适配 */
.mobile-full { width: 100%; }
@media (min-width: 768px) { .mobile-full { width: 50%; } }

/* 温馨提示框 */
.tip-box { border: 1px solid #fca5a5; border-radius: 8px; padding: 1rem; background: #fef2f2; margin: 1.5rem 0; }
.tip-box p { color: #991b1b; font-size: 14px; margin: 0; }

/* line-clamp兼容 */
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 更多链接 */
.pc-more-link { font-size: 13px; color: #9ca3af; font-weight: normal; }
.pc-more-link:hover { color: #dc2626; }

/* section标题 */
.section-title { position: relative; padding-bottom: 8px; border-bottom: 2px solid #dc2626; }