/* 面包屑导航 */
#breadcrumb{padding:1.5rem 0;font-size:.875rem;color:#64748b}
#breadcrumb a{color:#64748b;transition:var(--transition)}
#breadcrumb a:hover{color:rgb(var(--rgb-color-primary))}
#breadcrumb .current-index{display:inline-block;font-size:.875rem;font-weight:500;color:#040f42}

/* 归档页头部 */
#archive-section{position:relative;padding:4rem 0;text-align:center;background:var(--gradient-hero);overflow:hidden}
#archive-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}
#archive-section h1{font-size:2.5rem;font-weight:800;color:#fff;position:relative;z-index:1}
@media (max-width:768px){
	#archive-section{padding:3rem 0}
	#archive-section h1{font-size:1.75rem}
}

/* 通用内容区 */
#general-section{padding:3rem 0;background:#f8fafc}
#general-section .container{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:2rem}
#general-section .main{width:68%}
#general-section .sidebar{width:28%}

/* 文章列表 */
#general-section .main .article-list{display:flex;flex-direction:column;gap:1.5rem}
#general-section .main .article-list .item{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #e2e8f0;transition:var(--transition)}
#general-section .main .article-list .item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:transparent}
#general-section .main .article-list .item-article{display:flex;align-items:stretch}
#general-section .main .article-list picture{width:35%;min-height:200px;overflow:hidden}
#general-section .main .article-list picture img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
#general-section .main .article-list .item:hover picture img{transform:scale(1.05)}
#general-section .main .article-list .item-detail{width:65%;display:flex;justify-content:center;align-items:start;flex-direction:column;gap:12px;padding:1.5rem}
#general-section .main .article-list .categorys{display:flex;align-items:center;justify-content:start;gap:8px}
#general-section .main .article-list .category{background:var(--gradient-card);color:rgb(var(--rgb-color-primary));padding:4px 12px;font-size:.75rem;border-radius:50px;font-weight:600}
#general-section .main .article-list .title{font-size:1.25rem;font-weight:700;color:#040f42;transition:var(--transition);line-height:1.4}
#general-section .main .article-list .item:hover .title{color:rgb(var(--rgb-color-primary))}
#general-section .main .article-list .content{font-size:.9375rem;color:#64748b;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#general-section .main .article-list .date{font-size:.8125rem;color:#94a3b8}

/* 侧边栏 */
#general-section .sidebar .box{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;margin:0 0 1.5rem;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0}
#general-section .sidebar .box .title{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:#040f42}
#general-section .sidebar .box .list-iwt .item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}
#general-section .sidebar .box .list-iwt .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
#general-section .sidebar .box .list-iwt .item-cont{width:calc(100% - 72px)}
#general-section .sidebar .box .list-iwt .item-cont .item-title{display:block;font-size:.9375rem;font-weight:500;margin:0 0 6px;transition:var(--transition);color:#040f42}
#general-section .sidebar .box .list-iwt .item:hover .item-title{color:rgb(var(--rgb-color-primary))}
#general-section .sidebar .box .list-iwt .item-cont .item-datetime{font-size:.8125rem;color:#94a3b8}
#general-section .sidebar .box .list-iwt .item-img{width:64px;height:64px;overflow:hidden;border-radius:var(--radius-sm)}
#general-section .sidebar .box .list-iwt .item-img img{width:100%;height:100%;object-fit:cover}
#general-section .sidebar .box .list-tags{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:8px}
#general-section .sidebar .box .list-tags a{display:inline-block;padding:6px 14px;border-radius:50px;background:var(--gradient-card);color:rgb(var(--rgb-color-primary));font-size:.8125rem;font-weight:500;transition:var(--transition)}
#general-section .sidebar .box .list-tags a:hover{background:var(--gradient-primary);color:#fff}

/* 文章详情 */
#general-section article{width:100%}
#general-section article h1{font-size:2rem!important;margin:0 0 1rem;color:#040f42;font-weight:800;line-height:1.3}
#general-section article h2.section-title{font-size:1.5rem;margin:0 0 1rem}
#general-section article .info{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;row-gap:8px;padding:1rem 1.25rem;background:#f8fafc;border-radius:var(--radius-md);font-size:.875rem;color:#64748b}
#general-section article .info>div{display:inline-flex;justify-content:center;align-items:center;gap:4px}
#general-section article .info>div:not(:first-child){margin-left:1rem;padding-left:1rem;position:relative}
#general-section article .info>div:not(:first-child)::before{content:"";position:absolute;left:0;top:calc(50%);transform:translateY(-50%);height:12px;width:1px;background:#e2e8f0}
#general-section article .info a{text-decoration:underline;text-underline-offset:2px;color:rgb(var(--rgb-color-primary))}
#general-section article .info a:hover{text-decoration:underline;color:rgb(var(--rgb-color-primary))}

/* 文章内容 */
#general-section article .content{font-size:1rem;color:#334155;line-height:1.8;padding-top:2rem;margin-top:2rem;border-top:1px solid #e2e8f0}
#general-section article .content a,
#general-section article .content a:hover{text-decoration:none;font-weight:600;color:rgb(var(--rgb-color-primary))}
#general-section article .content #ez-toc-container{background:#f8fafc;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;border:1px solid #e2e8f0}
#general-section article .content #ez-toc-container .ez-toc-title,
#general-section article .content #ez-toc-container a{font-weight:600;color:#334155}
#general-section article .content img{display:block;max-width:100%;margin:1.5rem auto;border-radius:var(--radius-md)}
#general-section article .content iframe{width:100%;height:450px;margin:1.5rem 0;display:block;border-radius:var(--radius-md)}
#general-section article .content ol.wp-block-list{margin:1rem 0;padding-left:2rem;list-style:decimal outside;color:#334155}
#general-section article .content ul.wp-block-list{margin:1rem 0;padding-left:2rem;list-style:disc outside;color:#334155}
#general-section article .content ol.wp-block-list li{font-size:1rem;display:list-item;list-style:decimal;margin-bottom:.5rem}
#general-section article .content ul.wp-block-list li{font-size:1rem;display:list-item;list-style:disc;margin-bottom:.5rem}
#general-section article .content h2,
#general-section article .content h3,
#general-section article .content h4,
#general-section article .content h5,
#general-section article .content h6{color:#040f42;font-weight:700;margin:2rem 0 1rem}
#general-section article .content h2{font-size:1.75rem}
#general-section article .content h3{font-size:1.5rem}
#general-section article .content h4{font-size:1.25rem}
#general-section article .content h5,
#general-section article .content h6{font-size:1.125rem}
#general-section article .content p{font-size:1rem;color:#334155;margin:1rem 0}
#general-section article .content strong{font-weight:700;color:#040f42}
#general-section article .content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);overflow:hidden}
#general-section article .content table th{background-color:#f8fafc;color:#040f42;padding:12px 16px;text-align:left;font-weight:600;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0}
#general-section article .content table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;vertical-align:top}
#general-section article .content table tr:hover{background-color:#f8fafc}
#general-section article .content .prevornext{display:flex;flex-direction:column;margin:2rem 0;font-size:1rem;color:#64748b;gap:.5rem}
#general-section article .content .prevornext a{color:#64748b;text-decoration:none;transition:var(--transition)}
#general-section article .content .prevornext a:hover{color:rgb(var(--rgb-color-primary))}

/* 移动端适配 */
@media (max-width:768px){
	#general-section .main,
	#general-section .sidebar{width:100%}
	#general-section .main .article-list .item-article{flex-direction:column}
	#general-section .main .article-list picture{width:100%;min-height:180px}
	#general-section .main .article-list .item-detail{width:100%}
	#general-section article h1{font-size:1.75rem!important}
	#general-section article .content iframe{height:250px}
	#general-section article .content h2{font-size:1.5rem}
	#general-section article .content h3{font-size:1.25rem}
	#general-section article .content h4{font-size:1.125rem}
	#general-section article .content h5,
	#general-section article .content h6{font-size:1rem}
	#general-section article .content ol.wp-block-list,
	#general-section article .content ul.wp-block-list{padding-left:1.5rem}
	#general-section article .content table{overflow-x:auto;overflow-y:hidden;display:block}
	#general-section article .content table td,
	#general-section article .content table th{padding:8px 12px}
}