/*璁剧疆涓哄潡绾у厓绱狅紝鍥犱负琛岀被鍏冪礌涓嶈兘鏀瑰彉楂樺害銆佸搴︺€佸唴澶栬竟璺濈瓑灞炴€�
琛屽唴鍏冪礌锛歛銆乥銆乻pan銆乮mg銆乮nput銆乻trong銆乻elect銆乴abel銆乪m銆乥utton銆乼extarea
鍧楃骇鍏冪礌锛歞iv銆乽l銆乴i銆乨l銆乨t銆乨d銆乸銆乭1-h6銆乥lockquote
绌哄厓绱狅細鍗崇郴娌℃湁鍐呭鐨凥TML鍏冪礌锛屼緥濡傦細br銆乵eta銆乭r銆乴ink銆乮nput銆乮mg
*/
/*椤佃剼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 {
    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;
}

/*搴曢儴灏弆ogo鏍峰紡*/
.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; /* 娣诲姞閫変腑鏃剁殑鏍峰紡 */
}


/*璋冩暣灏弆ogo*/
#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;
}