/* 品牌页统一样式（Brand Index / Hot / New / Cat 共用）
   由 themes/yuxin/brandn_*.dwt 内联 <style> 抽离而来
   深圳市爱租网络有限公司 2016-2026 */
/* ===== 品牌页企业站统一风格（与产品中心 pro-layout 一致） ===== */
/* 品牌Banner：支持品牌背景图 brand_bg，无图时渐变 */
.brandn-banner .pro-banner-inner{display:flex;flex-direction:column;align-items:center;}
.brandn-banner-logo{width:96px;height:96px;border-radius:16px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;padding:14px;margin:0 auto 16px;box-shadow:0 8px 24px rgba(0,0,0,.18);}
.brandn-banner-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.brandn-banner-site{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:7px 20px;border-radius:20px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:13px;text-decoration:none;transition:all .25s;}
.brandn-banner-site:hover{background:#fff;color:var(--ent-primary);border-color:#fff;}
.brandn-banner-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;}
.brandn-banner-cats a{color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:5px 16px;font-size:13px;text-decoration:none;transition:all .25s;}
.brandn-banner-cats a:hover,.brandn-banner-cats a.on{background:#fff;color:var(--ent-primary);border-color:#fff;}

/* 侧边栏品牌介绍卡 */
.brandn-card{background:#fff;border:1px solid var(--ent-line);border-radius:var(--ent-radius);margin-bottom:24px;padding:26px 22px;text-align:center;}
.brandn-card-logo{width:110px;height:110px;margin:0 auto 14px;border:1px solid #eef0f3;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;}
.brandn-card-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.brandn-card-name{font-size:19px;font-weight:700;color:#1b2431;margin-bottom:12px;}
.brandn-card-meta{display:flex;justify-content:center;gap:18px;margin-bottom:14px;}
.brandn-card-meta span{font-size:12px;color:#8a94a6;display:flex;align-items:baseline;gap:4px;}
.brandn-card-meta em{font-style:normal;color:var(--ent-primary);font-weight:600;font-size:15px;}
.brandn-card-desc{font-size:13px;color:#5b6b81;line-height:1.75;margin:0 0 16px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.brandn-card-more{display:block;padding:9px 0;background:var(--ent-primary);color:#fff;border-radius:6px;font-size:13px;text-decoration:none;transition:opacity .25s;}
.brandn-card-more:hover{opacity:.88;color:#fff;}
.brandn-cat-count{font-style:normal;font-size:12px;color:#9aa4b2;margin-left:4px;}

/* 主区品牌简介区 */
.brandn-main{background:#f5f7fa;border-radius:12px;padding:20px 24px;}
.brandn-intro{background:#fff;border:1px solid var(--ent-line);border-radius:10px;padding:24px 26px;margin-bottom:20px;}
.brandn-intro-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.brandn-intro-head h3{font-size:18px;font-weight:600;color:#1b2431;margin:0;padding-left:12px;border-left:4px solid var(--ent-primary);line-height:1.2;}
.brandn-intro-body{display:flex;gap:24px;align-items:flex-start;}
.brandn-intro-logo{width:130px;height:130px;flex-shrink:0;border:1px solid #eef0f3;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;}
.brandn-intro-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.brandn-intro-text{flex:1;min-width:0;}
.brandn-intro-text>p{font-size:14px;color:#4a586c;line-height:1.9;margin:0 0 16px;white-space:pre-line;}
.brandn-intro-empty{color:#9aa4b2;font-size:13px;}
.brandn-intro-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;border-top:1px dashed #e8ecf2;}
.brandn-intro-meta span{font-size:13px;color:#8a94a6;display:inline-flex;align-items:baseline;gap:4px;}
.brandn-intro-meta em{font-style:normal;color:var(--ent-primary);font-weight:600;font-size:16px;}
.brandn-intro-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;}
.brandn-intro-actions .btn-inquiry{display:inline-block;padding:9px 26px;background:var(--ent-primary);color:#fff;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;transition:opacity .25s;}
.brandn-intro-actions .btn-inquiry:hover{opacity:.88;color:#fff;}
.brandn-intro-actions .btn-site{display:inline-block;padding:9px 26px;background:#fff;color:var(--ent-primary);border:1px solid var(--ent-primary);border-radius:6px;font-size:14px;white-space:nowrap;text-decoration:none;transition:all .25s;}
.brandn-intro-actions .btn-site:hover{background:var(--ent-primary);color:#fff;}

/* 主区商品区块 */
.brandn-goods-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.brandn-goods-head h3{font-size:18px;font-weight:600;color:#1b2431;margin:0;padding-left:12px;border-left:4px solid var(--ent-primary);line-height:1.2;}
.brandn-goods-head .brandn-total{font-size:13px;color:#8a94a6;}
.brandn-goods-head .brandn-total em{color:var(--ent-primary);font-style:normal;font-weight:600;margin-left:4px;}

/* 卡片复用产品中心小图卡片 */
.gl-h-item{border-bottom:none;margin-bottom:14px;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .3s,transform .3s;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.gl-h-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 28px rgba(15,23,42,.13);}
.gl-h-item .gl-i-wrap{display:flex;align-items:center;padding:18px 22px;gap:24px;border:1px solid #e5e9ef;border-radius:10px;transition:border-color .25s,box-shadow .25s;}
.gl-h-item .gl-i-wrap:hover{border-color:var(--ent-primary);box-shadow:0 2px 10px rgba(15,23,42,.07);}
.gl-h-item .p-img{width:160px;flex-shrink:0;border:1px solid #eef0f3;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;min-height:0;}
.gl-h-item .p-img img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease;display:block;}
.gl-h-item:hover .p-img img{transform:scale(1.05);}
.gl-h-item .p-info{flex:1;min-width:0;}
.gl-h-item .p-name{font-size:17px;font-weight:600;line-height:1.5;}
.gl-h-item .p-name a{color:#1b2431;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.gl-h-item .p-name a:hover{color:var(--ent-primary);}
.gl-h-item .p-brief{color:#888;font-size:13px;margin-top:8px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.gl-h-item .p-action{flex-shrink:0;}
.gl-h-item .btn-inquiry{display:inline-block;padding:10px 28px;background:var(--ent-primary);color:#fff;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;transition:opacity .25s;}
.gl-h-item .btn-inquiry:hover{opacity:.88;color:#fff;}

/* 空状态 */
.brandn-empty{text-align:center;padding:60px 0;color:#8a94a6;font-size:14px;}
.brandn-empty a{color:var(--ent-primary);}

/* ===== 移动端适配 ===== */
@media(max-width:768px){
.brandn-banner-logo{width:72px;height:72px;padding:10px;}
.brandn-card-logo{width:84px;height:84px;}
.brandn-main{padding:12px 16px;}
.brandn-intro{padding:18px 16px;}
.brandn-intro-body{flex-direction:column;align-items:center;}
.brandn-intro-logo{width:96px;height:96px;padding:12px;}
.brandn-intro-text{width:100%;}
.brandn-intro-actions{margin-left:0;width:100%;justify-content:center;}
.gl-h-item .gl-i-wrap{flex-direction:column;align-items:stretch;padding:16px;gap:14px;}
.gl-h-item .p-img{width:100%;aspect-ratio:4/3;min-height:180px;}
.gl-h-item .p-name{font-size:16px;}
.gl-h-item .p-brief{display:none;}
.gl-h-item .p-action{text-align:center;}
.gl-h-item .btn-inquiry{width:100%;text-align:center;padding:12px 0;font-size:15px;}
}
@media(max-width:480px){
.brandn-banner-logo{width:64px;height:64px;padding:8px;}
.gl-h-item .gl-i-wrap{padding:12px;gap:10px;}
.gl-h-item .p-img{min-height:140px;}
.gl-h-item .p-name{font-size:15px;}
.gl-h-item .btn-inquiry{padding:10px 0;font-size:14px;}
}