@charset "utf-8";
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding-top: 5.0rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

.card {
    border-radius: 0.8rem!important;
}

.card-img-overlay {
    border-radius: 0.8rem!important;
}

.rounded-xl {
    border-radius: 0.8rem!important;
}

.rounded-xl-bottom {
    border-bottom-right-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}

.rounded-xl-top {
    border-top-left-radius: 0.8rem !important;
    border-top-right-radius: 0.8rem !important;
}


.text-profile-position {
    font-weight: 400;
}

.text-profile-bio {
    /* font-family: "Raleway"; */
    font-weight: 400;
}

.navbar {
    opacity: 0.95;
}

.inline-badge {
    height: 16px;
    vertical-align: -10%;
    margin-right: 2px;
    line-break: unset;
}

.no-break {
    white-space: nowrap;
}

.cover-image {
    width: 180px;
    max-height: 120px;
}

.abstract-body {
    min-height: 100px;
}

img.lazy {
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px 50px;
    min-height: 80px;
}

div.lazy {
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px 50px;
    min-height: 80px;
}

.badge-publication {
    font-size: 100%;
}

.email-text {
    font-family: Source Code Pro, monospace;
}

/* CCF等级徽章样式 - 更大版本 */
.ccf-badge {
    display: inline-block;
    padding: 0.3em 0.8em;   /* 进一步增大内边距 */
    font-size: 0.8em;       /* 进一步增大字体 */
    font-weight: 800;       /* 更粗的字体 */
    line-height: 1.3;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.4rem;
    margin-left: 0.5em;
    margin-right: 0.3em;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    min-width: 4em;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.2); /* 添加白色边框增强对比 */
}

/* 渐变背景色调整 */
.ccf-a {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    box-shadow: 0 3px 6px rgba(231, 76, 60, 0.3);
}

.ccf-b {
    background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
    box-shadow: 0 3px 6px rgba(230, 126, 34, 0.3);
}

.ccf-c {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    box-shadow: 0 3px 6px rgba(52, 152, 219, 0.3);
}

.ccf-badge:hover {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease;
}

/* ====== SCI分区徽章（完全匹配CCF样式，仅颜色不同） ====== */

/* SCI Q1 - 绿色（匹配CCF样式） */
.sci-q1 {
    background-color: #28a745; /* Bootstrap success color */
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3);
}

/* SCI Q2 - 青色 */
.sci-q2 {
    background-color: #20c997; /* Bootstrap teal color */
    background: linear-gradient(135deg, #20c997 0%, #17a589 100%);
    box-shadow: 0 2px 4px rgba(32, 201, 151, 0.3);
}

/* SCI Q3 - 紫色 */
.sci-q3 {
    background-color: #6f42c1; /* Bootstrap purple color */
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    box-shadow: 0 2px 4px rgba(111, 66, 193, 0.3);
}

/* SCI Q4 - 灰色 */
.sci-q4 {
    background-color: #6c757d; /* Bootstrap secondary color */
    background: linear-gradient(135deg, #6c757d 0%, #545b62 100%);
    box-shadow: 0 2px 4px rgba(108, 117, 125, 0.3);
}

/* ====== 确保所有SCI徽章使用与CCF相同的CSS类 ====== */
.sci-badge {
    display: inline-block;
    padding: 0.3em 0.8em;   /* 进一步增大内边距 */
    font-size: 0.8em;       /* 进一步增大字体 */
    font-weight: 800;       /* 更粗的字体 */
    line-height: 1.3;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.4rem;
    margin-left: 0.5em;
    margin-right: 0.3em;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    min-width: 4em;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.2); /* 添加白色边框增强对比 */
}

.sci-badge:hover {
    opacity: 0.95;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 响应式调整 - 与CCF保持一致 */
@media (max-width: 768px) {
    .sci-badge {
        font-size: 0.7em;
        padding: 0.2em 0.5em;
        min-width: 3em;
        margin-left: 0.3em;
    }
}


/* 当CCF和SCI徽章同时存在时的间距调整 */
.small .ccf-badge + .sci-badge,
.small .sci-badge + .ccf-badge {
    margin-left: 0.3em;
}