/* List & Content Page Styles */
.crumb{background:#fff;padding:10px 20px;border-radius:4px;margin-bottom:15px;font-size:13px;color:#999;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.crumb a{color:#2d8c3c}
.crumb a:hover{color:#e67e22}

/* List Layout */
.list-layout{display:flex;gap:15px}
.list-main{flex:1;min-width:0}
.list-sidebar{width:260px;flex-shrink:0}

.list-header{background:#fff;border-radius:4px;padding:15px 20px;margin-bottom:15px;box-shadow:0 1px 3px rgba(0,0,0,.06);border-bottom:3px solid #2d8c3c}
.list-header h2{font-size:22px;color:#333;font-weight:600}

.list-content{background:#fff;border-radius:4px;padding:15px 20px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.supply-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}
.supply-item:last-child{border:none}
.supply-item:hover{background:#faffff}
.supply-thumb{width:120px;height:90px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#f0f0f0}
.supply-thumb img{width:100%;height:100%;object-fit:cover}
.supply-info{flex:1;min-width:0}
.supply-info h3{font-size:15px;margin-bottom:5px}
.supply-info h3 a{color:#333}
.supply-info h3 a:hover{color:#2d8c3c}
.supply-desc{font-size:13px;color:#888;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.supply-meta{display:flex;gap:15px;font-size:12px;color:#aaa;flex-wrap:wrap}
.supply-meta .price{color:#e67e22;font-weight:600;font-size:14px}
.supply-meta .area{color:#2d8c3c}

.news-item{padding:10px 0;border-bottom:1px dashed #eee;display:flex;align-items:center}
.news-item:last-child{border:none}
.news-item .news-cat{color:#2d8c3c;font-size:12px;background:#f0faf0;padding:2px 8px;border-radius:3px;margin-right:10px;white-space:nowrap}
.news-item a{flex:1;color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-item a:hover{color:#2d8c3c}
.news-item .date{font-size:12px;color:#999;margin-left:10px}

.company-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:center}
.company-item:last-child{border:none}
.company-logo{width:60px;height:60px;flex-shrink:0;background:#2d8c3c;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;text-align:center}
.company-info{flex:1}
.company-info h3{font-size:14px;margin-bottom:3px}
.company-info h3 a{color:#333}
.company-info h3 a:hover{color:#2d8c3c}
.company-info p{font-size:12px;color:#999}

.list-page{text-align:center;padding:20px 0}
.list-page a,.list-page b{display:inline-block;padding:6px 12px;margin:0 2px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#666}
.list-page a:hover{background:#2d8c3c;color:#fff;border-color:#2d8c3c}
.list-page b{background:#2d8c3c;color:#fff;border-color:#2d8c3c}

/* Sidebar */
.side-box{background:#fff;border-radius:4px;padding:15px;margin-bottom:15px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.side-box h3{font-size:15px;color:#333;border-left:3px solid #2d8c3c;padding-left:10px;margin-bottom:10px}
.side-cats li{padding:6px 0;border-bottom:1px dashed #f0f0f0}
.side-cats li:last-child{border:none}
.side-cats li a{font-size:13px;color:#666}
.side-cats li a:hover{color:#2d8c3c}
.side-hot li{padding:5px 0;border-bottom:1px dashed #f0f0f0;font-size:13px}
.side-hot li:last-child{border:none}
.side-hot li a{color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-hot li a:hover{color:#2d8c3c}

/* Article Layout */
.article-layout{display:flex;gap:15px}
.article-main{flex:1;min-width:0;background:#fff;border-radius:4px;padding:25px 30px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.article-sidebar{width:260px;flex-shrink:0}

.article-header{border-bottom:2px solid #2d8c3c;padding-bottom:15px;margin-bottom:20px}
.article-header h1{font-size:24px;color:#333;line-height:1.4;margin-bottom:10px}
.article-info{display:flex;gap:20px;font-size:13px;color:#999}

.article-content{font-size:15px;line-height:1.8;color:#444}
.article-content p{margin:10px 0}
.article-content img{max-width:100%;height:auto;border-radius:4px;margin:10px 0}
.article-content h2,.article-content h3{color:#2d8c3c;margin:20px 0 10px}
.article-content table{width:100%;border-collapse:collapse;margin:15px 0}
.article-content td,.article-content th{border:1px solid #ddd;padding:8px;font-size:14px}

.article-footer{margin-top:25px;padding-top:15px;border-top:1px dashed #eee}
.article-tags{font-size:13px;color:#999;margin-bottom:10px}
.article-tags a{color:#2d8c3c;margin:0 5px}
.article-nav{font-size:13px;color:#999}
.article-nav a{color:#2d8c3c}

/* Responsive */
@media screen and (max-width:1024px){
  .list-sidebar,.article-sidebar{width:220px}
}
@media screen and (max-width:768px){
  .list-layout,.article-layout{display:block}
  .list-sidebar,.article-sidebar{width:100%;margin-top:15px}
  .supply-thumb{width:80px;height:60px}
  .supply-info h3{font-size:13px}
  .article-main{padding:15px}
  .article-header h1{font-size:18px}
  .article-content{font-size:14px;line-height:1.7}
  .list-header h2{font-size:18px}
  .banner-right{display:none}
  .nav-cats{display:none}
}
@media screen and (max-width:480px){
  .supply-item{flex-direction:column;gap:8px}
  .supply-thumb{width:100%;height:120px}
  .article-info{flex-wrap:wrap;gap:8px}
}

/* List page fix */
.supply-meta .date, .supply-meta .time { color: #999; font-size: 12px; margin-left: 10px; }
.article-info span { margin-right: 15px; color: #999; font-size: 13px; }