/* ========== 全局容器样式 ========== */
.container,
.laws-search{
    background:#ffffff;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
    margin:20px auto;
    max-width:900px;
    padding:20px;
}
/* ========== 标题样式 ========== */
h2{
    color:#333333;
    font-size:2.5rem;
    margin-bottom:20px;
    text-align:center;
}
h4{
    color:#555555;
    font-size:1.8rem;
    margin-bottom:10px;
}
/* ========== 表单布局 ========== */
.laws-search .formGroup{
    margin-bottom:15px;
}
.laws-search input[type="search"],
.laws-search .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;
}
/* ========== 按钮样式 ========== */
.btnCustom,
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:last-child,
searchBtnDiv > button[type="button"]:last-child{
    margin-right:0;
}
.btnCustom:hover,
searchBtnDiv > button[type="button"]:hover{
    background:#0052aa;
    /*transform:translateY(-2px);*/
}
/* ========== 搜索结果面板 ========== */
.searchResult{
    /*display: none;*/
    background:#f9f9f9;
    border-radius:6px;
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);
    margin-top:25px;
    padding:20px;
}
#lawsLoading{
    color:#007bff;
    display:none;
    font-size:1rem;
    margin-bottom:15px;
    margin-top:10px;
}
#lawsLoading span::after{
    animation:dots 1.5s infinite steps(3);
    content:"";
}
/* ========== 单条结果样式 ========== */
.resultHtmlBox{
    background:#ffffff;
    border-radius:6px;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);
    margin:15px 0;
    padding:15px;
    transition:background 0.3s ease, box-shadow 0.3s ease;
}
.resultHtmlBox:hover{
    background:#f0f8ff;
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);
}
.resultHtmlTitle{
    color:#007bff;
    cursor:pointer;
    font-size:1.2rem;
    font-weight:600;
    margin-bottom:8px;
}
.resultHtmlTitle:hover{
    text-decoration:underline;
}
.resultHtmlHigh{
    -webkit-box-orient:vertical;
    color:#555555;
    display:-webkit-box;
    font-size:0.95rem;
    -webkit-line-clamp:20;
    line-height:1.5;
    overflow:hidden;
    text-overflow:ellipsis;
}
/* ========== 统计与分页 ========== */
#lawsCountText,
#lawsCount{
    color:#333333;
    font-size:1rem;
}
#laws-pagination{
    margin-top:20px;
    text-align:center;
}
#laws-pagination a{
    color:#007bff;
    margin:0 6px;
    text-decoration:none;
    transition:color 0.2s ease;
}
#laws-pagination a:hover{
    color:#0056b3;
    text-decoration:underline;
}
/* ========== DeepSeek 按钮位置 ========== */
#searchBtnDiv{
    /*text-align:center;*/
    margin-top:10px;
}
.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;
}
.lawsHighlightItem{
    font-size:13px;
    margin:0 0 8px 0;
}
.lawsHighlightItem:hover{
    cursor:pointer;
    text-decoration:underline;
    text-decoration-color:#007bff;
    text-decoration-style:dashed;
}
/* ========== 动画关键帧 ========== */
@keyframes dots{
    0%{
        content:"";
    }
    33%{
        content:".";
    }
    66%{
        content:"..";
    }
    100%{
        content:"...";
    }
}
/* ========== 响应式调整 ========== */
@media (max-width:600px){
    .container, .laws-search{
        border-radius:8px;
        box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
        margin:20px auto;
        max-width:900px;
        padding:20px;
    }
    #searchBtnDiv > button{
        font-size:13px;
        line-height:20px;
        margin:0;
        padding:8px;
        vertical-align:middle;
        width:32%;
    }
    #laws-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;
    }
    .searchResult{
        background:white;
        border:none;
        border-radius:0;
        box-shadow:none;
        margin-top:25px;
        padding:0;
    }
    .resultHtmlTitle{
        font-size:17px;
    }
    #searchBtnDiv .btnCustom#useDeepSeek{
        font-size:10px;
        white-space:nowrap;
    }
}