/* 容器样式 */
.container{
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
    margin:auto;
    max-width:900px;
    padding:20px;
}
/* 标题样式 */
h2{
    color:#333;
    font-size:2.5rem;
    margin-bottom:20px;
    text-align:center;
}
h4{
    color:#555;
    font-size:1.8rem;
    margin-bottom:10px;
}
/* 表单样式 */
/*#searchBtnDiv > button{*/
/*    margin:15px 15px 0 0;*/
/*    margin-left:0;*/
/*}*/
label{
    color:#333;
    display:block;
    font-size:1rem;
    margin-bottom:5px;
}
input[type="text"],
select{
    border:1px solid #ccc;
    border-radius:4px;
    box-sizing:border-box;
    font-size:1rem;
    padding:10px;
    width:100%;
}
#searchBtnDiv{
    margin-top:15px;
}
/* 按钮样式 */
.btnCustom,
searchBtnDiv > button[type="button"]{
    background:#007bff;
    border:none;
    border-radius:4px;
    color:#ffffff;
    cursor:pointer;
    font-size:1rem;
    margin-right:10px;
    padding:12px 24px;
    transition:background 0.3s ease, transform 0.2s ease;
}
.btnCustom:hover,
searchBtnDiv > button[type="button"]:hover{
    background:#0052aa;
}
/* 搜索结果样式 */
.searchResult{
    background:#f9f9f9;
    border-radius:6px;
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);
    display:none;
    margin:20px auto;
    max-width:900px;
    padding:15px;
    position:relative;
    text-align:left;
}
/* 结果内容样式 */
.resultHtmlBox{
    background:#f8f9fa; /* 轻微灰色背景，增强层次感 */
    border-radius:4px; /* 轻微圆角，增强美观 */
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); /* 添加微弱阴影，提升立体感 */
    margin:10px;
    padding:10px;
    position:relative;
    transition:all 0.3s ease-in-out; /* 交互时更流畅 */
}
/* 鼠标悬停时，边框颜色加深，增强交互感 */
.resultHtmlBox:hover{
    background:#f0f8ff;
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);
}
.resultHtmlTitle{
    color:#007bff;
    cursor:pointer;
    display:inline-block;
    font-size:1.2rem;
    font-weight:600;
    width:95%;
}
.resultHtmlTitle:hover{
    text-decoration:underline;
}
.resultHtmlHigh{
    color:#797979;
    font-size:13px;
    margin:2px;
}
#dbCountText{
    display:inline-block;
    margin:10px 0 0 10px;
}
/* 分页器样式 */
#db-pagination{
    margin:10px 0 0 10px;
    text-align:center;
}
#db-pagination a{
    color:#007bff;
    margin:0 5px;
    text-decoration:none;
}
#db-pagination a:hover{
    text-decoration:underline;
}
/* 其他辅助样式 */
.searchBox{
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
    margin:20px auto;
    max-width:900px;
    padding:20px;
}
.form-control{
    border:1px solid #cccccc;
    border-radius:4px;
    box-sizing:border-box;
    font-size:1rem;
    padding:12px 15px;
    transition:border-color 0.3s ease;
    width:100%;
}
.laws-search input[type="search"]:focus,
.laws-search .form-control:focus{
    border-color:#007bff;
    outline:none;
}
.resultHtmlHigh{
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:6; /* 显示最多6行 */
    overflow:hidden; /* 隐藏超出部分 */
    text-overflow:ellipsis; /* 超出部分显示省略号 */
}
#resKeywordDiv{
    margin:0 5px;
}
#db-loading{
    color:#007bff;
    display:block;
    font-size:16px;
    font-weight:bold;
    padding:10px;
    position:absolute;
    text-align:left;
    top:0;
}
#db-loading span::after{
    animation:dots 1.5s infinite steps(3);
    content:"";
}
.aiSumUpItem:hover, #aiSumUpAll:hover{
    background:#b9d7ff;
}
.aiSumUpItem:active, #aiSumUpAll:active{
    background:#93c1ff;
}
.aiSumUpItem{
    background:#dbeafe;
    border:1px solid;
    border-radius:8px;
    color:#4d6bfe;
    cursor:pointer;
    font-size:10px;
    margin:1px 1px;
    padding:4px;
    position:absolute;
    right:8px;
    top:10px;
    user-select:none;
}
.aiSumUpItemContent{
    border-bottom:1px solid #cccccc;
    color:red;
    display:none;
    margin:10px 0;
    padding:0 0 5px 0;
    white-space:pre-wrap;
}
#aiSumUpAll{
    background:#dbeafe;
    border:1px solid;
    border-radius:8px;
    color:#4d6bfe;
    cursor:pointer;
    font-size:10px;
    margin:1px 1px;
    padding:10px;
    padding:4px;
    position:absolute;
    right:14px;
    top:10px;
    user-select:none;
}
#caseKeyword:focus{
    border-color:#007bff;
    outline:none;
}
.tagCategoryBar{
    bottom:10px;
    display:block;
    margin:10px 0;
    position:relative;
    z-index:20;
}
.tagCategoryWrapper{
    border-radius:6px;
    padding:12px 0 0 0;
}
.tagCategoryBtn{
    border-bottom:none;
    color:#007bff;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    margin-right:20px;
    position:relative;
}
.tagCategoryBtn:hover{
    border-bottom:2px solid #007bff;
    color:#0052b5;
}
.tagCategoryBtn.tagActive{
    border-bottom:2px solid #007bff;
    color:#0052b5;
}
.keywordBtn, .keywordsSectionListBtn{
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    height:30px;
    line-height:30px;
    margin:3px 10px 3px 0;
    padding:2px;
}
.keywordBtn:hover, .keywordsSectionListBtn:hover{
    background:#e0e0e0;
}
.keywordBtn.keywordBtnActive{
    background:#c2bfbf;
}
#caseKeywordList > button{
    background:#dbeafe;
    border:1px solid;
    border-radius:8px;
    color:#4d6bfe;
    cursor:pointer;
    font-size:11px;
    margin:1px 1px;
    padding:10px;
    padding:4px;
    user-select:none;
}
.keywordsSectionList{
    display:inline-block;
}
.keywordsSection{
    line-height:40px;
    min-height:40px;
}
.keywordsSection > *{
    vertical-align:top;
}
.keywordsSection .addOrEmpBtn{
    background:none;
    border:none;
    color:blue;
    cursor:pointer;
    margin:0;
    padding:0;
}
#resKeywordDiv{
    border:1px solid #cccccc;
    display:none;
    max-height:none;
    overflow:hidden;
    padding:0 10px 10px 10px;
    position:relative;
}
#caseKeywordList{
    /*max-height:100px;*/
    /*overflow:hidden;*/
    /*border:1px solid #cccccc;*/
    padding:10px;
    position:relative;
}
#resultTools{
    margin-top:5px;
    min-height:40px;
    position:relative;
}
#unfold{
    color:#4d6bfe;
    cursor:pointer;
    position:absolute;
    right:5px;
    top:8px;
    user-select:none;
}
#resKeywordDiv.resKeywordDivUnfold{
    max-height:30px;
}
@keyframes dots{
    0%{
        content:"";
    }
    /* 0个点 */
    33%{
        content:".";
    }
    /* 1个点 */
    66%{
        content:"..";
    }
    /* 2个点 */
    100%{
        content:"...";
    }
    /* 3个点 */
}
@media (max-width:600px){
    #dbCountText{
        margin-left:0;
    }
    .resultHtmlBox{
        background:white;
        margin:10px 0;
    }
    .resultHtmlBox:hover{
        background:#f0f8ff;
        box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);
    }
    /* 分页器样式 */
    #db-pagination{
        margin:9px 0 0 0;
        transform:scale(0.7);
        transform-origin:top left;
        width:70vh;
    }
    .paginationjs-go-input, .paginationjs-go-button, .paginationjs-size-changer{
        display:none;
    }
    .form-control{
        border:1px solid #cccccc;
        border-radius:4px;
        box-sizing:border-box;
        font-size:1rem;
        padding:12px 15px;
        transition:border-color 0.3s ease;
        width:100%;
    }
    #searchBtnDiv{
        margin-top:15px;
    }
    .searchResult{
        background:none;
        border:none;
        border-radius:0;
        box-shadow:none;
        margin:0 auto;
        padding:10px 0;
        width:100%;
    }
    .formGroup{
        display:inline-block;
        width:100%;
    }
    #searchBtnDiv .btnCustom, #searchBtnDiv button[type="button"]{
        font-size:13px;
        line-height:20px;
        margin:0;
        padding:8px;
        vertical-align:middle;
        width:32%;
    }
    #searchBtnDiv .btnCustom#useDeepSeek{
        font-size:10px;
        white-space:nowrap;
    }
    #aiSumUpAll{
        font-size:13px;
        line-height:19px;
        padding:3px;
        position:fixed;
        right:18%;
        top:52px;
        z-index:15;
    }
    .resultHtmlTitle{
        color:#007bff;
        cursor:pointer;
        display:inline-block;
        font-size:16px;
        font-weight:600;
        width:88%;
    }
    .aiSumUpItem{
        background:#dbeafe;
        border:1px solid;
        border-radius:4px;
        color:#4d6bfe;
        cursor:pointer;
        font-size:9px;
        margin:0;
        padding:2px;
        position:absolute;
        right:8px;
        top:15px;
        user-select:none;
    }
    #db-loading{
        padding:0px 0;
        position:relative;
    }
    .tagCategoryBtn{
        border-bottom:none;
        color:#007bff;
        cursor:pointer;
        font-size:14px;
        font-weight:bold;
        margin-right:9px;
        position:relative;
    }
    .tagCategoryBar{
        bottom:10px;
        display:block;
        margin:0;
        position:relative;
        z-index:20;
    }
    #resKeywordDiv{
        font-size:13px;
        margin:0;
    }
    .keywordBtn, .keywordsSectionListBtn{
        background:white;
        cursor:pointer;
        display:inline-block;
        font-size:13px;
        height:20px;
        line-height:20px;
        margin:1px 3px 3px 0;
        padding:2px;
        position:relative;
        z-index:1;
    }
    .keywordsSection{
        line-height:30px;
        min-height:30px;
    }
    .keywordsSection .addOrEmpBtn{
        font-size:13px;
    }
    #resKeywordDiv.resKeywordDivUnfold{
        max-height:20px;
    }
    #unfold{
        color:#4d6bfe;
        cursor:pointer;
        font-size:10px;
        position:absolute;
        right:5px;
        top:7px;
        user-select:none;
    }
    #dbCountText{
        display:inline-block;
        margin:0;
    }
    #resultTools{
        margin-top:5px;
        min-height:25px;
        position:relative;
    }
    .keywordBtn:hover, .keywordsSectionListBtn:hover{
        background:none;
    }
    .keywordBtn.keywordBtnActive{
        background:#c2bfbf;
        border-radius:4px;
    }
}