<!-- ========== 1. Banner / Hero (Bootstrap 3) ========== -->
<div class="hero-banner"
style="position:relative; overflow:hidden; min-height:360px;
background:url('/files/tu_pian_ku_/2025-06/100592656-392939-mind.png') center center / cover no-repeat;">
<!-- 深色遮罩 -->
<div style="position:absolute; top:0; left:0; width:100%; height:100%;
background:rgba(0,0,0,0.55);"></div>
<!-- 文案与按钮 -->
<div class="container" style="position:relative; z-index:2; height:100%;">
<div>
<div class="col-md-8 col-sm-10 col-xs-12" style="padding:60px 15px;">
<h1 class="h1" style="color:#fff; font-weight:bold;">脑洞扳手</h1>
<p class="lead" style="color:#fff; margin-bottom:25px;">
像扳手拧开锈迹斑斑的螺钉，助你打破设计瓶颈、激活创意之泉！
</p>
<a href="/node/add/mindspanner" class="btn btn-primary btn-lg">立即提问</a>
</div>
</div>
</div>
</div>
<!-- ========== 2. 栏目简介 & 二次 CTA ========== -->
<div class="section-intro" style="padding:60px 0; background:#f7f7f7;">
<div>
<h2 class="h3">栏目简介</h2>
<p>
这是电子创新网独家推出的栏目，我们专业的设计专家团队给缺乏灵感的设计工程师、产品工程师们提供设计独特的建议，像扳手拧开锈迹斑斑的螺钉，打开灵感源泉，激发新的创意设计！助力中国创造走向世界！
</p>
<div class="text-center" style="margin:30px 0 10px;">
<a href="/node/add/mindspanner" class="btn btn-primary btn-lg">我有想法，马上提问</a>
</div>
</div>
</div>