/* ===== 专利检索工具样式 ===== */

.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: #0084c6;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;}

/* 热门搜索标签 */
.zl-hot-search {max-width: 680px; margin: 0 auto 20px auto; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 0 4px;}
.zl-hot-label {font-size: 13px; color: #999; white-space: nowrap;}
.zl-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;}
.zl-hot-search a:hover {background: #e8f4ff; border-color: #b8daff; color: #0084c6;}

/* 搜索提示信息 */
.zl-patent-tips {max-width: 680px; margin: 0 auto; text-align: left; display: flex; flex-direction: column; gap: 8px;}
.zl-tip-item {display: flex; align-items: flex-start; gap: 8px; padding: 10px 16px; background: #f9fafb; border-radius: 8px; font-size: 13px; color: #777; transition: background 0.2s;}
.zl-tip-item:hover {background: #f0f2f5;}
.zl-tip-icon {flex-shrink: 0; font-size: 15px;}
.zl-tip-item strong {color: #555;}

/* 搜索结果区 */
.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:#0084c6}
.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:#0084c6;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:#0084c6;text-decoration:underline;}

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

/* 专利分类标签 */
.widget-tool-zlfl { display: flex; flex-wrap: wrap; gap: 8px; }
.widget-tool-zlfl 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-zlfl a:hover{background: #0086c6; color: #fff; border-color: #0086c6;}

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

/* 快捷入口 */
@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;}
    .zl-hot-search{justify-content: center;}
}
