/* =========================================================
   内页：物流工具 tool.html
   风格延续首页（深蓝主色 #13294b / 强调金 #f5b642）
   ========================================================= */

.tool .mbx { margin-top: 22px; }

/* 常用工具快捷入口 */
.tool_quick { padding: 38px 0 12px; }
.quick_list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.quick_list li { list-style: none; }
.quick_list li a {
    display: block; background: #fff; border: 1px solid #eef0f6; border-radius: 14px;
    padding: 26px 18px; text-align: center; transition: all .3s;
}
.quick_list li a:hover { transform: translateY(-6px); border-color: transparent; box-shadow: 0 14px 30px rgba(126,81,228,.16); }
.quick_list .qic {
    display: block; width: 58px; height: 58px; margin: 0 auto 14px; border-radius: 16px;
    background: #f3edfd;
}
.quick_list .qic.q1 { background: #f3edfd; }
.quick_list .qic.q2 { background: #e7f1fd; }
.quick_list .qic.q3 { background: #fff3e0; }
.quick_list .qic.q4 { background: #e9f8ef; }
.quick_list .qic.q5 { background: #fdeef2; }
.quick_list li a:hover .qic { transform: scale(1.08); }
.quick_list b { display: block; font-size: 17px; color: #13294b; font-weight: 700; }
.quick_list p { font-size: 13px; color: #999; margin-top: 6px; }

/* 列表 + 侧栏两栏 */
.toolbox { display: flex; gap: 26px; padding: 26px 0 40px; align-items: flex-start; }
.toolmain { width: 860px; }
.toolright { width: 360px; }

/* 工具文章列表 */
.toollist { background: #fff; border-radius: 14px; padding: 10px 30px; box-shadow: 0 6px 20px rgba(19,41,75,.06); }
.toollist li { list-style: none; border-bottom: 1px solid #f0f2f7; }
.toollist li:last-child { border-bottom: none; }
.toollist li a { display: flex; align-items: center; padding: 22px 0; transition: all .25s; }
.toollist li a:hover { padding-left: 8px; }
.toollist .tool_tag {
    flex-shrink: 0; width: 64px; height: 64px; border-radius: 14px; margin-right: 22px;
    display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color: #fff;
}
.toollist .tool_tag.t1 { background: linear-gradient(135deg,#7e51e4,#9b6ff0); }
.toollist .tool_tag.t2 { background: linear-gradient(135deg,#f5b642,#f7c869); }
.toollist .tool_tag.t3 { background: linear-gradient(135deg,#3a7afe,#5b9bff); }
.toollist .tool_tag.t4 { background: linear-gradient(135deg,#23b97a,#4fd09c); }
.toollist .tool_txt { flex: 1; min-width: 0; }
.toollist .tool_txt h3 { font-size: 17px; color: #13294b; font-weight: 600; line-height: 1.4; }
.toollist li a:hover .tool_txt h3 { color: #7e51e4; }
.toollist .tool_txt p {
    font-size: 14px; color: #888; line-height: 1.7; margin-top: 8px;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.toollist .tool_info { margin-top: 10px; font-size: 13px; color: #aaa; display: flex; gap: 18px; }
.toollist .tool_info i { font-style: normal; }

/* 分页 */
.tool_pages { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.tool_pages a {
    min-width: 40px; height: 40px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center;
    background: #fff; border: 1px solid #e9ecf3; border-radius: 22px; color: #555; font-size: 14px; transition: all .25s;
}
.tool_pages a:hover { border-color: #7e51e4; color: #7e51e4; }
.tool_pages a.on { background: #7e51e4; border-color: #7e51e4; color: #fff; }
.tool_pages a.next { padding: 0 18px; }

/* 响应式 */
@media (max-width: 1024px) {
    .quick_list { grid-template-columns: repeat(3, 1fr); }
    .toolbox { flex-direction: column; }
    .toolmain, .toolright { width: 100%; }
}
@media (max-width: 640px) {
    .quick_list { grid-template-columns: repeat(2, 1fr); }
    .toollist { padding: 6px 18px; }
    .toollist .tool_tag { width: 52px; height: 52px; margin-right: 14px; font-size: 13px; }
    .toollist .tool_txt h3 { font-size: 15px; }
    .toollist .tool_txt p { display: none; }
}