/* 横幅 */
.banner { height:300px; width:1086px; margin:16px auto; margin-top:0; overflow: hidden; position: relative; }
.banner_item{}
.banner_item img{width:100%; height:300px;}

/* 筛选/标签 */
.tabs { margin: 20px 16px 20px 16px; margin-left:40px; display: flex; align-items: center; gap: 18px; }
.tabs .tab { font-size: 14px; color: #6b7683; }
.tabs .active { color: #2b2b2b; font-weight: 600; }
/* 内容区域布局 */
.content { display: flex; overflow:hidden; margin: 0 16px 16px 16px; margin-left:40px; }
.grid {display: grid; grid-template-columns: repeat(3, 1fr); width:806px; overflow:hidden; }
/* 卡片 */
.card { margin-right:20px; margin-bottom:20px; position: relative; height: 255px; width:255px; border-radius: 8px; overflow: hidden; background: linear-gradient(180deg, #547b36 0%, #83a562 60%, #335b24 100%); }
.card .overlay-title {width:255px; text-align:center; position: absolute; left: 0px; top: 92px; color: #ffffff; font-size: 18px; text-shadow: 0 1px 2px rgba(0,0,0,0.35); font-weight:bold; height:30px; overflow:hidden; }
.card .overlay-meta { position: absolute; left: 18px; bottom: 8px; font-size: 12px; color: #d7eacf; }
.card .overlay-right { position: absolute; right: 18px; bottom: 8px; font-size: 12px; color: #ffe9d7; }


/* 右侧栏 */
.right { width:255px; margin-left:20px; }
.panel { background: #ffffff; border-radius: 8px; box-sizing: border-box; border: 1px solid #e9ecef; }
.panel { margin-bottom: 12px; }
.panel_top{padding:0;}
.panel_bottom{padding:0px;}
.panel_top_title { font-size: 14px; font-weight:700; color: #2b2b2b; margin-bottom: 8px; }
.panel_top_title img{width:255px; height:103px;}

.panel .panel-title { font-size: 14px; font-weight:bold; height:40px; line-height:40px; color: #2b2b2b; margin-bottom: 8px;  background:#F7F7F7; text-align:center;}
.life-thumb { height: 120px; background: linear-gradient(90deg, #b7d7ff, #d9e8ff); border-radius: 6px; }
.panel .desc { font-size: 12px; color: #6b7683; line-height: 18px; padding:12px; }
.btn-link { height: 30px; border: 1px solid #ff6b6b; color: #ff6b6b; border-radius: 16px; font-size: 12px; background: #fff; padding: 0 12px; cursor: pointer; width:120px; margin-left:50px; margin-bottom:12px;}
.list-item { display: flex;  padding:12px 12px; border-bottom:1px solid #F8F8F8; }
.list-item .avatar-mini { width: 38px; height: 38px; border-radius: 50%; background: #ffe2c2; margin-right: 8px; }
.list-item .avatar-mini img{width:38px; height:38px; border-radius:38px;}
.list-item .text { font-size: 12px; color: #6b7683; }
.panel_bottom_text_title{font-weight:bold; height:18px; overflow:hidden; color:#000;}
.panel_bottom_text_count{color:gray;}
/* 统一间距模拟 */
.mt-16 { margin-top: 16px; }