/* ===== 商标查询工具样式（橙色主题） ===== */

.tool-main {max-width: 1200px; margin: 20px auto;display: flex;gap: 24px;}
.tool-left {flex: 1 1 auto;min-width: 0;}
.tool-right {width: 320px;flex: 0 0 320px;}

/* 标题区 */
.tool-header{border:1px solid #eef0f3;border-radius:10px;background:#fff;padding:15px}
.tool-header h1{font-size:22px;font-weight:700;color:#333;display:flex;align-items:center;gap:6px}
.tool-header h1 i{color: #e67e22;font-size: 22px;font-weight: normal;}
.tool-header p{margin-top:6px;color:#666;font-size:13px}

/* 搜索区域 */
.tool-sosu {background: #fff; border: 1px solid #eef0f3; border-radius: 12px; padding: 30px; margin-top: 14px; text-align: center;}

.sosu-logo {display: flex; justify-content: center; margin: 25px 0 44px 0;}
.sosu-logo img { height: auto;}

.sosu-form {max-width: 680px;margin: 0 auto 25px auto;}
.sosu-form-box {display: flex; border: 2px solid #e5e8eb; border-radius: 50px; overflow: hidden; transition: all 0.3s ease; background: #fff;}
.sosu-form-box:focus-within {border-color: #0084c6; box-shadow: 0 0 0 3px rgba(0, 132, 198, 0.1);}
.sosu-form input {flex: 1; padding: 16px 24px; border: none; outline: none; font-size: 16px; background: transparent; color: #333;}
.sosu-form input::placeholder {color: #999;}
.sosu-form button {padding: 16px 32px; background: #0084c6; color: #fff; border: none; font-size: 16px; font-weight: 500; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: background 0.3s ease; white-space: nowrap;}
.sosu-form button:hover {background: #006aa8;}

/* 热门搜索标签 */
.sb-hot-search {max-width: 680px; margin: 0 auto 20px auto; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 0 4px;}
.sb-hot-label {font-size: 13px; color: #999; white-space: nowrap;}
.sb-hot-search a {display: inline-block; padding: 4px 14px; background: #f5f7fa; border: 1px solid #e8ebf0; border-radius: 20px; font-size: 13px; color: #666; text-decoration: none; cursor: pointer; transition: all 0.2s ease;}
.sb-hot-search a:hover {background: #fef5ec; border-color: #f5cba7; color: #e67e22;}

/* 搜索提示信息 - 横向三列卡片 */
.sb-search-tips {max-width: 680px; margin: 0 auto; text-align: center; display: flex; gap: 12px; flex-wrap: wrap;}
.sb-tip-item {flex: 1; min-width: 180px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 14px; background: #f9fafb; border-radius: 10px; font-size: 13px; color: #777; transition: all 0.2s; border-top: 3px solid transparent;}
.sb-tip-item:hover {background: #fef9f2; border-top-color: #e67e22; transform: translateY(-2px);}
.sb-tip-item:nth-child(1) .sb-tip-icon {font-size: 22px;}
.sb-tip-item:nth-child(2) .sb-tip-icon {font-size: 22px;}
.sb-tip-item:nth-child(3) .sb-tip-icon {font-size: 22px;}
.sb-tip-icon {flex-shrink: 0; margin-bottom: 2px;}
.sb-tip-item strong {color: #e67e22;}

/* 搜索结果区 */
.sosu-tip {margin-bottom: 12px;}
.sosu-tip p{color: #666; font-size: 13px;}

.sosu-ssjg{background:#fff;border:1px solid #eef0f3;border-radius:12px;margin-top:20px;overflow:hidden}

.ssjg-head{padding:20px 24px;border-bottom:1px solid #f0f2f5;background:#fafbfc;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.ssjg-head h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#333;margin:0}
.ssjg-head i{color:#e67e22}
.ssjg-head p{font-size:14px;color:#666}

.sosu-tjlb{background:#fff}
.sosu-tjlb-tips{text-align:left;padding:2.5% 3% 0 3%;}
.sosu-tjlb-tips h4{font-size: 18px; color: #333; margin-bottom: 10px; margin-top: 16px; font-weight: 700;}
.sosu-tjlb-tips h4:first-child {margin-top: 0;}
.sosu-tjlb-tips ul{list-style:none;padding:0;margin-bottom: 15px;}
.sosu-tjlb-tips li{padding:6px 0;font-size:15px;color:#666;position:relative;padding-left:16px}
.sosu-tjlb-tips li:before{content:"•";color:#e67e22;position:absolute;left:0}
.sosu-tjlb-tips p{padding:3px 0;font-size:15px;color:#666;margin-bottom: 15px;line-height: 2;}
.sosu-tjlb-foot{padding:20px 24px;background:#fafbfc;border-top:1px solid #f0f2f5;text-align:center;margin:0;font-size:14px;color:#ff0000;}
.sosu-tjlb-foot a{color:#e67e22;text-decoration:underline;}

/* ===== 右侧栏样式 ===== */

/* 商标相关标签 */
.widget-tool-sbfl { display: flex; flex-wrap: wrap; gap: 8px; }
.widget-tool-sbfl a{padding: 6px 12px; border-radius: 999px; background: #eef4ff; color: #0086c6; border: 1px solid #d8e6ff; font-size: 13px; text-decoration: none; transition: all 0.3s ease;}
.widget-tool-sbfl a:hover{background: #0086c6; color: #fff; border-color: #0086c6;}

/* 快捷入口 */
.widget-tool-sbfast {padding: 0;}
.sbfast-item {display: flex; align-items: center; padding: 12px 14px; text-decoration: none; border-bottom: 1px solid #f0f2f5; gap: 10px; transition: background 0.3s;}
.sbfast-item:last-child {border-bottom: none;}
.sbfast-item:hover {background: #fafbfc;}
.sbfast-icon {font-size: 22px; flex-shrink: 0;}
.sbfast-info {flex: 1; display: flex; flex-direction: column; gap: 2px;}
.sbfast-info strong {font-size: 14px; color: #333; transition: color 0.3s;}
.sbfast-info small {font-size: 12px; color: #999;}
.sbfast-arrow {font-size: 14px; color: #ccc; transition: all 0.3s; flex-shrink: 0;}
.sbfast-item:hover .sbfast-info strong {color: #e67e22;}
.sbfast-item:hover .sbfast-arrow {transform: translateX(3px); color: #e67e22;}

@media (max-width: 768px) {
    .tool-main{flex-direction: column;padding: 0 1.5%;}
    .tool-right{width: 100%;}
    .tool-sosu{padding: 20px 16px;}
    .ssjg-head{padding: 12px;}
    .ssjg-head p{display: none;}
    .sosu-form button{padding: 14px 20px; font-size: 14px;}
    .sb-hot-search{justify-content: center;}
    .sb-search-tips{flex-direction: column;}
}