*{ margin:0; padding:0; box-sizing:border-box; }
        body{ font-family:"Microsoft YaHei",Arial,sans-serif; background-color:#f9f9f9; color:#333; line-height:1.6; }
        a{ text-decoration:none; color:#333; transition:all 0.3s ease; }
        a:hover{ color:#c0392b; }
        
        /* 容器 */
        .container{ width:1000px; margin:0 auto; }
        
        /* 顶部区域 */
        .top-header{ height:150px; }
        .logo{ text-align:center; }
        .logo img{ }
        
        /* 导航 */
        .navbar{ background:#7a1c1c; width:1000px; margin:0 auto; }
        .nav-menu{ list-style:none; display:flex; justify-content:center; }
        .nav-menu li{ position:relative; }
        .nav-menu a{ display:block; padding:15px 25px; color:#fff; font-weight:bold; font-size:16px; }
        .nav-menu a:hover{ background:#c0392b; color:#fff; }
        .nav-menu li:hover::after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#fff; }
        
        /* 幻灯片区域 */
        .slider-container{ margin:10px auto; border-radius:8px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
        .slider{ position:relative; height:300px; overflow:hidden; }
        .slider-inner{ display:flex; transition:transform 0.5s ease; }
        .slide{ min-width:100%; height:300px; position:relative; }
        .slide img{ width:100%; height:100%; object-fit:cover; }
        .slide-content{ position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); color:#fff; padding:15px; }
        .slide-title{ font-size:20px; margin-bottom:5px; }
        .slide-desc{ font-size:14px; opacity:0.9; }
        .slider-nav{ position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; }
        .slider-dot{ width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.5); margin:0 5px; cursor:pointer; }
        .slider-dot.active{ background:#c0392b; }
        
        /* 主要内容区域 */
        .main-content{ display:flex; gap:20px; }
        .content-primary{ flex:2; }
        .content-sidebar{ flex:1; }
        
        /* 卡片设计 */
        .card{ background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.08); margin-bottom:20px; overflow:hidden; }
        .card-header{ background:linear-gradient(135deg, #a52a2a 0%, #8b0000 100%); color:#fff; padding:12px 20px; font-size:18px; font-weight:bold; }
		.card-header a{ color:#ffffff; }
        .card-body{ padding:20px; }
        
        /* 文章列表 */
        .article-list{ list-style:none; }
        .article-item{ padding:12px 0; border-bottom:1px solid #eee; display:flex; align-items:center; }
        .article-item:last-child{ border-bottom:none; }
        .article-index{ background:#c0392b; color:#fff; width:22px; height:22px; border-radius:50%; text-align:center; line-height:22px; font-size:12px; margin-right:10px; flex-shrink:0; }
        .article-title{ flex:1; font-size:15px; }
        .article-date{ color:#777; font-size:12px; margin-left:10px; }
        
        /* 特色内容 */
        .featured-article{ display:flex; margin-bottom:20px; gap:15px; }
        .featured-image{ flex:1; border-radius:6px; overflow:hidden; }
        .featured-image img{ width:100%; height:150px; object-fit:cover; }
        .featured-content{ flex:2; }
        .featured-title{ font-size:18px; margin-bottom:10px; font-weight:bold; }
        .featured-desc{ color:#666; font-size:14px; margin-bottom:10px; line-height:1.5; }
        .featured-meta{ display:flex; color:#888; font-size:12px; }
        .featured-meta span{ margin-right:15px; }
        
        /* 图文网格 */
        .grid-container{ display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; }
        .grid-item{ background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.08); }
        .grid-image{ height:150px; overflow:hidden; }
        .grid-image img{ width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease; }
        .grid-item:hover .grid-image img{ transform:scale(1.05); }
        .grid-content{ padding:15px; }
        .grid-title{ font-size:15px; margin-bottom:8px; font-weight:bold; }
        .grid-meta{ display:flex; justify-content:space-between; color:#888; font-size:11px; }
        
        /* 标签云 */
        .tag-cloud{ display:flex; flex-wrap:wrap; gap:8px; }
        .tag{ background:#f0f0f0; color:#555; padding:5px 12px; border-radius:20px; font-size:13px; transition:all 0.3s ease; }
        .tag:hover{ background:#c0392b; color:#fff; }
        
        /* 页脚 */
        .footer{ background:#7a1c1c; color:#fff; padding:30px 0; margin-top:30px; text-align:center; }
        .footer-links{ margin-bottom:15px; }
        .footer-links a{ color:#fff; margin:0 10px; }
        .footer-links a:hover{ color:#ffcccb; }
        .copyright{ font-size:14px; opacity:0.8; }
        
        /* 响应式调整 */
        @media (max-width: 1020px) {
            .container{ width:95%; }
            .main-content{ flex-direction:column; }
            .grid-container{ grid-template-columns:repeat(2, 1fr); }
        }
        
        @media (max-width: 768px) {
            .nav-menu{ flex-wrap:wrap; }
            .nav-menu a{ padding:10px 15px; font-size:14px; }
            .grid-container{ grid-template-columns:1fr; }
            .featured-article{ flex-direction:column; }
        }

		/* 列表页特定样式 */
        .list-container{ display:flex;  gap:20px; }
        .list-main{ flex:3; }
        .list-sidebar{ flex:1; }
        
        /* 面包屑导航 */
        .breadcrumb{ padding:15px 0; font-size:14px; color:#666; }
        .breadcrumb a{ color:#a52a2a; }
        .breadcrumb a:hover{ text-decoration:underline; }
        
        /* 列表页卡片 */
        .list-card{ background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.08); margin-bottom:20px; overflow:hidden; }
        .list-card-header{ background:linear-gradient(135deg, #a52a2a 0%, #8b0000 100%); color:#fff; padding:12px 20px; font-size:18px; font-weight:bold; }
        .list-card-body{ padding:20px; }
        
        /* 文章列表项 */
        .list-article-item{ padding:20px; border-bottom:1px solid #eee; transition:all 0.3s ease; }
        .list-article-item:hover{ background:#f9f9f9; }
        .list-article-item:last-child{ border-bottom:none; }
        .list-article-title{ font-size:18px; margin-bottom:10px; font-weight:bold; }
        .list-article-title a{ color:#333; }
        .list-article-title a:hover{ color:#c0392b; }
        .list-article-meta{ display:flex; color:#777; font-size:13px; margin-bottom:10px; }
        .list-article-meta span{ margin-right:15px; }
        .list-article-desc{ color:#666; font-size:14px; line-height:1.6; }
        .list-article-tags{ margin-top:10px; }
        .list-tag{ display:inline-block; background:#f0f0f0; color:#777; padding:3px 8px; border-radius:3px; font-size:12px; margin-right:5px; }
        .list-tag:hover{ background:#c0392b; color:#fff; }
        
        /* 分页 */
        .pagination{ display:flex; justify-content:center; margin:30px 0; }
        .page-item{ margin:0 5px; }
        .page-link{ display:block; padding:8px 15px; background:#fff; border:1px solid #ddd; border-radius:4px; color:#666; }
        .page-link:hover{ background:#f0f0f0; }
        .page-item.active .page-link{ background:#c0392b; color:#fff; border-color:#c0392b; }
        .page-item.disabled .page-link{ color:#ccc; cursor:not-allowed; }
        .page-item.disabled .page-link:hover{ background:#fff; }
        
        /* 侧边栏组件 */
        .list-widget{ margin-bottom:20px; }
        .list-widget-title{ background:linear-gradient(135deg, #a52a2a 0%, #8b0000 100%); color:#fff; padding:10px 15px; font-size:16px; font-weight:bold; border-radius:5px 5px 0 0; }
        .list-widget-content{ background:#fff; padding:15px; border-radius:0 0 5px 5px; box-shadow:0 2px 5px rgba(0,0,0,0.05); }
        
        /* 热门文章列表 */
        .list-popular-articles{ list-style:none; }
        .list-popular-item{ padding:10px 0; border-bottom:1px solid #eee; }
        .list-popular-item:last-child{ border-bottom:none; }
        .list-popular-title{ font-size:14px; margin-bottom:5px; }
        .list-popular-meta{ color:#888; font-size:12px; }
        
        /* 分类列表 */
        .list-categories{ list-style:none; }
        .list-category-item{ padding:10px 0; border-bottom:1px solid #eee; display:flex; justify-content:space-between; }
        .list-category-item:last-child{ border-bottom:none; }
        .list-category-count{ background:#c0392b; color:#fff; padding:2px 8px; border-radius:10px; font-size:12px; }
        
        /* 标签云 */
        .list-tag-cloud{ display:flex; flex-wrap:wrap; gap:8px; }
        .list-tag-item{ background:#f0f0f0; color:#555; padding:5px 12px; border-radius:20px; font-size:13px; transition:all 0.3s ease; }
        .list-tag-item:hover{ background:#c0392b; color:#fff; }
                
        /* 响应式调整 */
        @media (max-width: 1020px) {
            .container{ width:95%; }
            .list-container{ flex-direction:column; }
        }
        
        @media (max-width: 768px) {
            .nav-menu{ flex-wrap:wrap; }
            .nav-menu a{ padding:10px 15px; font-size:14px; }
        }

/* 详情页特定样式 */
        .detail-container{ display:flex;  gap:20px; }
        .detail-main{ flex:3; }
        .detail-sidebar{ flex:1; }
        
        /* 面包屑导航 */
        .breadcrumb{ padding:15px 0; font-size:14px; color:#666; }
        .breadcrumb a{ color:#a52a2a; }
        .breadcrumb a:hover{ text-decoration:underline; }
        
        /* 文章详情卡片 */
        .detail-card{ background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.08); margin-bottom:20px; overflow:hidden; }
        .detail-card-header{ background:linear-gradient(135deg, #a52a2a 0%, #8b0000 100%); color:#fff; padding:20px; }
        .detail-card-body{ padding:25px; }
        
        /* 文章标题 */
        .detail-title{ font-size:28px; margin-bottom:15px; line-height:1.3; color:#ffffff; }
        
        /* 文章元信息 */
        .detail-meta{ display:flex; flex-wrap:wrap; color:#777; font-size:14px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #eee; }
        .detail-meta-item{ margin-right:20px; display:flex; align-items:center; }
        .detail-meta-item i{ margin-right:5px; }
        
        /* 文章内容 */
        .detail-content{ font-size:16px; line-height:1.8; }
        .detail-content p{ margin-bottom:15px; text-align:justify; }
        .detail-content h2{ font-size:22px; margin:25px 0 15px; color:#a52a2a; padding-bottom:8px; border-bottom:1px solid #eee; }
        .detail-content h3{ font-size:18px; margin:20px 0 10px; color:#7a1c1c; }
        .detail-content blockquote{ background:#f9f9f9; border-left:4px solid #c0392b; padding:15px 20px; margin:20px 0; font-style:italic; }
        .detail-content ul, .detail-content ol{ margin:15px 0; padding-left:30px; }
        .detail-content li{ margin-bottom:8px; }
        .detail-content img{ max-width:100%; height:auto; margin:15px 0; border-radius:5px; }
        .detail-content table{ width:100%; border-collapse:collapse; margin:20px 0; }
        .detail-content table th, .detail-content table td{ border:1px solid #ddd; padding:10px; text-align:left; }
        .detail-content table th{ background:#f5f5f5; }
        
        /* 文章标签 */
        .detail-tags{ margin-top:25px; padding-top:15px; border-top:1px solid #eee; }
        .detail-tag{ display:inline-block; background:#f0f0f0; color:#777; padding:5px 12px; border-radius:3px; font-size:13px; margin-right:8px; margin-bottom:8px; }
        .detail-tag:hover{ background:#c0392b; color:#fff; }
        
        /* 文章操作 */
        .detail-actions{ display:flex; justify-content:space-between; margin-top:25px; padding-top:15px; border-top:1px solid #eee; }
        .detail-action-btn{ background:#f0f0f0; color:#666; padding:8px 15px; border-radius:4px; font-size:14px; transition:all 0.3s ease; }
        .detail-action-btn:hover{ background:#c0392b; color:#fff; }
        
        /* 上一篇下一篇 */
        .detail-nav{ display:flex; justify-content:space-between; margin:20px 0; }
        .detail-nav-item{ flex:1; padding:15px; background:#fff; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.1); }
        .detail-nav-item.prev{ margin-right:10px; }
        .detail-nav-item.next{ margin-left:10px; text-align:right; }
        .detail-nav-label{ font-size:13px; color:#777; margin-bottom:5px; }
        .detail-nav-title{ font-size:15px; font-weight:bold; }
        
        /* 相关文章 */
        .detail-related{ margin-top:30px; }
        .detail-related-title{ font-size:20px; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #a52a2a; color:#333; }
        .detail-related-list{ display:grid; grid-template-columns:repeat(2, 1fr); gap:15px; }
        .detail-related-item{ padding:15px; background:#fff; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.1); }
        .detail-related-item-title{ font-size:15px; margin-bottom:8px; }
        .detail-related-item-meta{ font-size:12px; color:#777; }
        
        /* 评论区域 */
        .detail-comments{ margin-top:30px; }
        .detail-comments-title{ font-size:20px; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #a52a2a; color:#333; }
        .detail-comment-form{ background:#fff; padding:20px; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px; }
        .detail-form-group{ margin-bottom:15px; }
        .detail-form-label{ display:block; margin-bottom:5px; font-weight:bold; }
        .detail-form-input, .detail-form-textarea{ width:100%; padding:10px; border:1px solid #ddd; border-radius:4px; font-family:inherit; }
        .detail-form-textarea{ min-height:120px; resize:vertical; }
        .detail-form-submit{ background:#a52a2a; color:#fff; border:none; padding:10px 20px; border-radius:4px; cursor:pointer; transition:background 0.3s ease; }
        .detail-form-submit:hover{ background:#8b0000; }
        
        .detail-comment-list{ list-style:none; }
        .detail-comment-item{ background:#fff; padding:20px; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:15px; }
        .detail-comment-header{ display:flex; justify-content:space-between; margin-bottom:10px; }
        .detail-comment-author{ font-weight:bold; }
        .detail-comment-date{ color:#777; font-size:13px; }
        .detail-comment-content{ line-height:1.6; }
        
        /* 侧边栏组件 */
        .detail-widget{ margin-bottom:20px; }
        .detail-widget-title{ background:linear-gradient(135deg, #a52a2a 0%, #8b0000 100%); color:#fff; padding:10px 15px; font-size:16px; font-weight:bold; border-radius:5px 5px 0 0; }
        .detail-widget-content{ background:#fff; padding:15px; border-radius:0 0 5px 5px; box-shadow:0 2px 5px rgba(0,0,0,0.05); }
        
        /* 作者信息 */
        .detail-author{ display:flex; align-items:center; }
        .detail-author-avatar{ width:60px; height:60px; border-radius:50%; margin-right:15px; background:#ddd; }
        .detail-author-info{ flex:1; }
        .detail-author-name{ font-weight:bold; margin-bottom:5px; }
        .detail-author-desc{ font-size:13px; color:#666; line-height:1.4; }
        
        /* 热门文章列表 */
        .detail-popular-articles{ list-style:none; }
        .detail-popular-item{ padding:10px 0; border-bottom:1px solid #eee; }
        .detail-popular-item:last-child{ border-bottom:none; }
        .detail-popular-title{ font-size:14px; margin-bottom:5px; }
        .detail-popular-meta{ color:#888; font-size:12px; }
        
        /* 标签云 */
        .detail-tag-cloud{ display:flex; flex-wrap:wrap; gap:8px; }
        .detail-tag-item{ background:#f0f0f0; color:#555; padding:5px 12px; border-radius:20px; font-size:13px; transition:all 0.3s ease; }
        .detail-tag-item:hover{ background:#c0392b; color:#fff; }
        
        /* 页脚 - 复用首页样式 */
        .footer{ background:#7a1c1c; width:1000px; margin:0 auto; color:#fff; padding:30px 0; margin-top:10px; text-align:center; }
        .footer-links{ margin-bottom:15px; }
        .footer-links a{ color:#fff; margin:0 10px; }
        .footer-links a:hover{ color:#ffcccb; }
        .copyright{ font-size:14px; opacity:0.8; }
        
        /* 响应式调整 */
        @media (max-width: 1020px) {
            .container{ width:95%; }
            .detail-container{ flex-direction:column; }
            .detail-related-list{ grid-template-columns:1fr; }
        }
        
        @media (max-width: 768px) {
            .nav-menu{ flex-wrap:wrap; }
            .nav-menu a{ padding:10px 15px; font-size:14px; }
            .detail-title{ font-size:24px; }
            .detail-meta{ flex-direction:column; }
            .detail-meta-item{ margin-bottom:5px; }
        }