/* 主体布局 */
.list-main {max-width: 1200px; margin: 20px auto;display: flex;gap: 24px;}
.list-left {flex: 1 1 auto;min-width: 0;}
.list-right {width: 320px;flex: 0 0 320px;}

/* 标题区 */
.list-left-header{padding:16px;border:1px solid #eef0f3;border-radius:8px;background:#fff}
.list-left-header h1{font-size:22px;font-weight:600;color:#0086c6}
.list-left-header h1 i{font-size:22px;font-weight: normal;}
.list-left-header p{margin-top:6px;color:#666;font-size:13px}
.list-left-header p strong{color:#c60000}

/* 文章列表 */
.list-left-post{list-style:none;margin:16px 0 0;padding:0}
.list-left-post li{padding:16px;border:1px solid #eef0f3;border-radius:8px;background:#fff;transition:box-shadow .2s ease,transform .2s ease;margin-bottom: 10px;}
.list-left-post li + .list-left-post li{margin-top:12px}
.list-left-post li:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-1px)}
.list-left-post li .post-title{font-size:18px;color:#333;font-weight:600}
.list-left-post li .post-title:hover{color:#0086c6}
.list-left-post li .post-meta{margin-top:6px;font-size:12px;color:#666}
.list-left-post li .post-meta span + span{margin-left:14px}
.list-left-post li .post-meta i{font-size: 12px;}
.list-left-post li .post-excerpt{margin-top:8px;color:#666;line-height:1.7;font-size:14px}
.list-left-post li .post-tags{margin-top:10px}
.list-left-post li .post-tags a{display:inline-block;font-size:12px;color:#0086c6;background:#eef4ff;border:1px solid #d8e6ff;padding:2px 8px;border-radius:999px;margin-right:6px}



/* 响应式 */
@media (max-width: 768px) {
  .list-main{padding: 0 1.5%; flex-direction: column;}
  .list-right{width: 100%;}

}