外觀小工具：新增一個(gè)導(dǎo)航框（用了主題的框架，僅適配一為主題）自行添加到小工具，然后使用嵌入代碼即可。

更多美化內(nèi)容可以關(guān)注我的網(wǎng)站：https://navw.cn/（歡迎大家申請(qǐng)友聯(lián)）

<div id="iow_ranking_post_min-4" class="fx-header-bg card io-sidebar-widget io-widget-ranking-list ajax-parent">
<div class="sidebar-header ">
<div class="card-header widget-header">
<h3 class="text-md mb-0">次級(jí)導(dǎo)航</h3>
</div>
</div>
<div class="cards">
<br>
<a class="card red">
<p class="tip">AIGC 智能導(dǎo)航</p>生成式人工智能工具平臺(tái)
</a>
<a class="card blue">
<p class="tip">行業(yè)企業(yè) 導(dǎo)航</p>全網(wǎng)最全的實(shí)體行業(yè)
</a>
<a class="card green">
<p class="tip">大海資源庫(kù)</p>大海官網(wǎng)-優(yōu)質(zhì)資源
</a>
<br>
</div>
</div>
<style>
.cards {
display: flex;
flex-direction: column;
gap: 15px;
margin: 0 auto; /* 水平居中 */
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中 */
}

.cards .red {
background-color: #f43f5e;
}

.cards .blue {
background-color: #3b82f6;
}

.cards .green {
background-color: #22c55e;
}

.cards .card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
height: 70px;
width: 250px;
border-radius: 5px;
color: white;
cursor: pointer;
transition: 400ms;
line-height: 1em;
}

.cards .card p.tip {
font-size: 1em;
font-weight: 400;
}

.cards .card:hover {
transform: scale(1.1, 1.1);
}

.cards:hover > .card:not(:hover) {
filter: blur(10px);
transform: scale(0.9, 0.9);
}
</style>