/*设置为块级元素，因为行类元素不能改变高度、宽度、内外边距等属性
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea
块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img
*/
/*页脚css*/
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#content {
    flex: 1;
}

.footer {
    background-color: #f8f9fa;
    padding: 20px;
    text-align: center;
}

/*全局css*/
.dropdown:hover .dropdown-menu {
    display: block;
}

p {
    text-indent: 20px; /* 设置段落首行缩进为20像素 */
}

/*设置去除所有a标签下划线*/
a {
    text-decoration: none
}
/*设置鼠标悬停背景颜色，并设置背景颜色圆角*/
.menu-item:hover {
    background-color: gainsboro;
    border-radius: 7%;
}

/*设置导航栏样式*/
#navigation {
    font-family: var(--theme-font-family);
    font-size: 14px;
    /*background-color: #20a0ff;*/
    height: 65px;
    /*border-bottom: 1px solid #cbc5c5;*/
    box-shadow: 0px 1px 10px #d2d1d1;
}

/*设置导航栏字体颜色*/
#navigation a{
    color: #0a0a0a;
}

#navigationBar a{
    margin-left: 15px;
}

/*设置logo样式*/
#logo {
    margin-top: 100px;
}

/*设置首页字体*/
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.woff2) format("woff2"),url(../fonts/fontawesome-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

/*解析按钮样式3e86ee*/
#downloadButton {
    height: 50px;
    border-radius: 30px;
    background-color: #3e86ee;
    border: 1px solid #3e86ee;
}
#batchAnalysis {
    height: 50px;
    border-radius: 30px;
    background-color: #16a616;
    border: 1px solid #16a616;
}

/*输入框样式*/
#urlDiv {
    height: 50px;
}

/*底部小logo样式*/
.brand-log {
    width: 80%;
}

/*缩略图样式*/
.preview-image {
    width: 115%;
    border-radius: 3%;
}

/*设置h6字体*/
#set-list-bk h6 {
    font-weight: bold;
    color: black;
}

/*设置整个内容页样式*/
#main-content {
    margin-top: 8%;
}

/*设置预览的图片样式*/
#preview img{
    max-width: 300px; /* 最大宽度为父容器宽度 */
    min-width: 100px; /* 最小宽度为50像素 */
    max-height: 600px;
    min-height: 100px;
}

/*设置成功图标大小*/
#successIcon,#failIcon {
    font-size: 40px;
}

#downloadSuccess,#downloadFail span {
    font-size: 22px;
}

/*选择框样式*/
#results-display input[type="checkbox"] {
    width: 20px;  /* 设置复选框的宽度 */
    height: 20px; /* 设置复选框的高度 */
}


.selected {
    border: 2px solid #3e86ee; /* 添加选中时的样式 */
}


/*调整小logo*/
#logoLink {
    margin-left: 5%;
}

/*.navbar-toggler {*/
/*    border-color: #d90d0d;*/
/*}*/


/*页脚样式*/
#footerArea {
    font-size: 14px;
    color: #d0cbcb;
}

#footerArea a{
    font-size: 14px;
    color: #d0cbcb;
}

/*导航下拉样式*/
#nav-drop-down {
    border: none;
    border-radius: 10px;
}

#navigation {
    position: relative; /* 或 absolute, fixed, sticky */
    z-index: 100;
}


/*设置列表组样式*/
.custom-list-group .list-group-item {
    background-color: #ffffff; /* 白色背景 */
    border: 1px solid transparent; /* 透明边框 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 浅色阴影 */
    border-radius: 10px; /* 圆角边框 */
    margin-bottom: 10px; /* 调整间距 */
}

.custom-list-group .list-group-item:hover {
    background-color: #f8f9fa; /* 鼠标悬停时背景色 */
}
.download_success{
    display: none;
    color: green;
}