body{background-color:#fafafa;}

.uizhan-goods-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
@media (max-width: 1200px) { .uizhan-goods-list { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .uizhan-goods-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .uizhan-goods-list { grid-template-columns: repeat(2, 1fr); } }
.uizhan-goods-list .item { background: #fff; border: 1px solid #eee; border-radius: 5px; overflow: hidden; transition: box-shadow 0.3s, transform 0.3s; }
.uizhan-goods-list .item:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.1); transform: translateY(-3px); }
.uizhan-goods-list .item .img { height: 200px; overflow: hidden; background: #f5f5f5 url(/static/image/loading8.gif) no-repeat center center; }
.uizhan-goods-list .item .img img { width: 100%; height: 100%; object-fit: cover; }
.uizhan-goods-list .item .info { padding: 10px; }
.uizhan-goods-list .item .title { display: block; color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uizhan-goods-list .item .title:hover { color: #1E9FFF; }
.uizhan-goods-list .item .meta { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.uizhan-goods-list .item .attrs { font-size: 12px; color: #999; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.uizhan-goods-list .item .price { color: #ff6700; font-size: 18px; font-weight: bold; }
.uizhan-goods-list .item .price small { font-size: 12px; }
.uizhan-goods-list .item .tags .tag { display: inline-block; padding: 1px 5px; font-size: 10px; border-radius: 2px; margin-left: 3px; }
.uizhan-goods-list .item .tag-auto { background: #e8f5e9; color: #4caf50; }
.uizhan-goods-list .item .tag-jf { background: #fff3e0; color: #ff9800; }
.uizhan-goods-list .item .tag-bond { background: #e3f2fd; color: #2196f3; }
.uizhan-goods-list .item .bottom { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border-top: 1px solid #f5f5f5; background: #fafafa; }
.uizhan-goods-list .item .seller { display: flex; align-items: center; gap: 5px; }
.uizhan-goods-list .item .seller .seller-avatar { width: 20px; height: 20px; border-radius: 50%; }

.uizhan-goods-list .item .seller span { font-size: 12px; color: #999; }
.uizhan-goods-list .item .sales { font-size: 12px; color: #999; }
.uizhan-goods-list.list { grid-template-columns: 1fr; }
.uizhan-goods-list.list .item { display: flex; }
.uizhan-goods-list.list .item .img { width: 180px; height: 120px; flex-shrink: 0; }
.uizhan-goods-list.list .item .info { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.uizhan-goods-list.list .item .bottom { border-top: none; background: transparent; padding: 10px; }

.uizhan-empty { grid-column: 1/-1; text-align: center; padding: 60px; color: #999; }


/* ========== 源码列表页推广（掌柜推荐商品 ads=2）========== */
.uizhan-list-promote { margin-top: 20px; overflow: hidden; }
.uizhan-list-promote .list-promote-tit {
    border: 1px solid #e5e5e5;
    background: #fdfdfd;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
}
.uizhan-list-promote .list-promote-tit strong { color: #333; }
.uizhan-list-promote .list-promote-items { display: flex; flex-wrap: wrap; gap: 7px; padding: 10px 0; }
.uizhan-list-promote .list-promote-items li {
    width: calc((100% - 40px) / 5);
    min-width: 160px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.3s, transform 0.3s;
}
.uizhan-list-promote .list-promote-items li:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}
.uizhan-list-promote .lp-img { display: block; overflow: hidden; background: #f5f5f5 url(/static/image/loading8.gif) no-repeat center center; }
.uizhan-list-promote .lp-img img { width: 100%; height: 140px; object-fit: cover; display: block; }
.uizhan-list-promote .lp-title {
    display: block;
    padding: 8px 10px;
    line-height: 20px;
    height: 48px;
    overflow: hidden;
    color: #333;
    font-size: 13px;
}
.uizhan-list-promote .lp-title:hover { color: #ff6600; }
.uizhan-list-promote p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px 8px;
    line-height: 20px;
}
.uizhan-list-promote p em { color: #ff6600; font-style: normal; font-weight: bold; font-size: 14px; }
.uizhan-list-promote p a { color: #999; font-size: 12px; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uizhan-list-promote p a:hover { color: #666; }

@media (max-width: 900px) {
    .uizhan-list-promote .list-promote-items li { width: calc(33.33% - 7px); }
}
@media (max-width: 600px) {
    .uizhan-list-promote .list-promote-items li { width: calc(50% - 5px); }
}