.b2b-blog-hero {
position: relative;
width: 100%;
min-height: 340px;
height: 340px;
/* 终极解法：使用 cover 100% 铺满绝无任何黑边/灰边，并将背景焦点精准定位在水平居中、向下微调 8% 的位置，完美露出招牌且不留空隙 */
background: linear-gradient(135deg, rgba(8, 11, 16, 0.55) 0%, rgba(15, 20, 28, 0.25) 100%),
url('https://hardcasefactory.com/wp-content/uploads/2026/10/博客图-scaled.png') 50% 8% / cover no-repeat !important;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 50px;
box-sizing: border-box;
overflow: hidden;
}
.b2b-hero-content {
max-width: 620px;
z-index: 2;
}
.b2b-hero-tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(245, 158, 11, 0.2);
border: 1px solid rgba(245, 158, 11, 0.5);
padding: 4px 12px;
border-radius: 20px;
margin-bottom: 12px;
backdrop-filter: blur(4px);
}
.b2b-hero-tag-dot {
width: 6px;
height: 6px;
background: #f59e0b;
border-radius: 50%;
box-shadow: 0 0 10px #f59e0b;
}
.b2b-hero-tag-text {
color: #f59e0b;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.b2b-hero-h1 {
color: #ffffff;
font-size: 38px;
font-weight: 800;
line-height: 1.15;
margin: 0 0 12px 0;
letter-spacing: -0.5px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9);
}
.b2b-hero-sub {
color: #e2e8f0;
font-size: 14px;
line-height: 1.5;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}
.b2b-hero-badge {
background: transparent;
border-left: 2px solid #f59e0b;
padding-left: 18px;
max-width: 240px;
width: 100%;
z-index: 2;
}
@media (max-width: 768px) {
.b2b-blog-hero {
flex-direction: column;
justify-content: center;
padding: 25px 20px;
height: auto;
min-height: 380px;
}
.b2b-hero-badge {
display: none;
}
.b2b-hero-h1 {
font-size: 26px;
}
}
OEM / ODM Direct Factory
Custom Aluminum Cases
Expert Insights & Guides
Bespoke hard boxes, foam design guides, and manufacturing solutions tailored for global B2B clients.
Precision Built
Custom Foam Inserts • Low MOQ Bespoke Solutions • Direct Export.
