@import url("/css/css_lQaZfjVpwP_oGNqdtWCSpJT1EMqXdMiU84ekLLxQnc4.css");
@import url("/css/css_sAFmkODzvh5vrachkJjmxeF6KRrLdbXTY5sphnuN2Oo.css");
@import url("/css/css_ZrEQL8jmITWmuDvehaTj0h4IalHLyHvVfNre6lAMwHw.css");
@import url("/css/css_C4Yzzn2aaDC2seH0c7qJkEUfFAQ5_IQ1nIJ1m6LZVw4.css");
@import url("/css/css_kyVqhvE8M4bLdg0GlNdmEDqBNZ5Z6Xe78SiJNYCxCCA.css");

body {
    background-image: url(/conferences2_wallpaper/ccncgradient.jpg);
    overflow-y: scroll;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

body,
html {
    scrollbar-gutter: stable
}

.navbar-nav>li>.dropdown-toggle,
.navbar-nav>li>a,
.navbar-nav>li>button {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important
}

.navbar-nav>li {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important
}

.navbar-nav>li>.dropdown-toggle,
.navbar-nav>li>a,
.navbar-nav>li>button {
    margin: 0 !important;
    padding: 10px 15px !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    box-sizing: border-box !important
}

.navbar-nav>li.dropdown>.dropdown-toggle,
.navbar-nav>li.expanded>.dropdown-toggle {
    min-height: 40px !important
}

.navbar-nav>li.dropdown:not(:last-child):after,
.navbar-nav>li.expanded:not(:last-child):after,
.navbar-nav>li.leaf:not(:last-child):after,
.navbar-nav>li:not(:last-child):after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 1px !important;
    height: 100% !important;
    background-color: #ffffff !important;
    z-index: 1 !important
}



* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

body,
html {
    max-width: 100vw;
    overflow-x: hidden
}

img {
    max-width: 100%;
    height: auto
}

#site-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    min-width: 140px;
    max-width: 200px;
    word-break: keep-all;
    font-family: Montserrat, Arial Rounded MT Bold, Gotham Rounded, Source Han Sans SC, PingFang SC, Microsoft YaHei, Arial, sans-serif;
    color: #5a5a5a
}

#site-name .en {
    font-size: .95rem;
    font-family: Montserrat, Arial Rounded MT Bold, Gotham Rounded, Arial, sans-serif;
    letter-spacing: .08em
}

#site-name .cn,
#site-name .en {
    font-weight: bolder;
    line-height: 1;
    color: #666
}

#site-name .cn {
    font-size: 1.9rem;
    font-family: Source Han Sans SC, PingFang SC, Microsoft YaHei, Arial, sans-serif
}

.navbar-nav>li>a,
.navbar-nav>li>button {
    transition: all .2s ease-in-out;
    position: relative
}

.navbar-nav>li>a:hover,
.navbar-nav>li>button:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.dropdown-toggle {
    background: none !important;
    border: none !important;
    color: inherit !important;
    font: inherit !important;
    cursor: pointer !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    height: auto !important;
    line-height: 20px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    vertical-align: inherit !important;
    white-space: inherit !important;
    word-spacing: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    text-indent: inherit !important;
    text-shadow: inherit !important;
    box-sizing: border-box !important;
    border-radius: inherit !important;
    box-shadow: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important
}

.dropdown-toggle:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, .25)
}

.navbar-nav>li.active>.dropdown-toggle {
    background-color: rgba(0, 123, 255, .1) !important;
    border-bottom: 2px solid #007bff !important;
    color: inherit !important
}

.navbar-nav>li.dropdown>.dropdown-toggle,
.navbar-nav>li.expanded>.dropdown-toggle {
    border: none !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    line-height: 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    vertical-align: inherit !important;
    white-space: inherit !important;
    word-spacing: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    text-indent: inherit !important;
    text-shadow: inherit !important;
    box-sizing: border-box !important;
    border-radius: inherit !important;
    box-shadow: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important
}

.navbar-nav>li.dropdown>.dropdown-toggle,
.navbar-nav>li.dropdown>.dropdown-toggle:hover,
.navbar-nav>li.expanded>.dropdown-toggle,
.navbar-nav>li.expanded>.dropdown-toggle:hover {
    color: #ffffff !important;
    background-color: transparent !important;
    text-decoration: none !important
}

.navbar-nav>li.dropdown.active>.dropdown-toggle,
.navbar-nav>li.expanded.active>.dropdown-toggle {
    color: #ffffff !important;
    background-color: rgba(53, 86, 169, .1) !important;
    border-bottom: 2px solid #3556a9 !important
}

.dropdown-menu {
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px) scale(.95)
}

.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1)
}

.dropdown-menu>li>Link,
.dropdown-menu>li>a {
    transition: all .2s ease;
    padding: 8px 20px;
    border-left: 3px solid transparent
}

.dropdown-menu>li>Link:hover,
.dropdown-menu>li>a:hover {
    background-color: #f8f9fa;
    border-left-color: #007bff;
    transform: translateX(5px)
}

.navbar-collapse {
    transition: all .3s ease-in-out
}

.navbar-collapse.in {
    animation: slideDown .3s ease-out
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.navbar-nav>li.active>a,
.navbar-nav>li.active>button {
    background-color: rgba(0, 123, 255, .1) !important;
    border-bottom: 2px solid #007bff
}

.page-transition {
    animation: fadeIn .3s ease-in-out
}

.page-transition.transitioning {
    animation: fadeOut .15s ease-in-out
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-5px)
    }
}

a {
    transition: color .2s ease
}

a:hover {
    text-decoration: none
}

@media (max-width:768px) {
    .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .dropdown-menu.show {
        display: block
    }

    .navbar-nav .open .dropdown-menu>li>a {
        padding-left: 30px
    }
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    scroll-behavior: smooth
}

:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px
}

.loading {
    opacity: .6;
    pointer-events: none
}

.navbar-nav>li:hover>a,
.navbar-nav>li:hover>button {
    background-color: rgba(0, 123, 255, .05)
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1)
}

@media (hover:none) and (pointer:coarse) {
    .dropdown-menu {
        transition: none
    }

    .navbar-nav>li>a:hover,
    .navbar-nav>li>button:hover {
        transform: none;
        box-shadow: none
    }
}

@media (max-width:768px) {
    footer nav ul {
        flex-direction: column !important;
        gap: 5px !important
    }

    footer nav ul li {
        margin: 2px 0
    }

    footer .col-md-4 {
        text-align: center !important;
        margin-top: 20px
    }

    footer .col-md-4>div {
        justify-content: center !important
    }
}

footer,
footer .container {
    margin-top: 0 !important
}

footer .container {
    background: linear-gradient(135deg, #e9ecef, #d6d8db) !important;
    border-radius: 0 !important;
    padding: 30px !important;
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0 !important
}

footer a:hover {
    color: #2a4a8a !important;
    text-decoration: underline !important
}

@media (max-width:768px) {
    footer nav ul {
        flex-direction: column;
        gap: 5px
    }

    footer nav ul li {
        margin: 2px 0
    }

    footer .col-md-4 {
        margin-top: 20px;
        text-align: center
    }

    footer .col-md-4>div {
        justify-content: center
    }
}

.page-header {
    margin-top: 30px !important
}

.paper-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
    margin: 40px 0;
    padding: 0 8px
}

.paper-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(53, 86, 169, .08), 0 1.5px 6px rgba(0, 0, 0, .06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: box-shadow .25s, transform .22s;
    position: relative;
    min-height: 220px;
    animation: fadeInPaper .7s cubic-bezier(.4, 0, .2, 1)
}

.paper-card img {
    width: 100%;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
    background: #f6f6f6;
    transition: transform .22s
}

.paper-card:hover {
    box-shadow: 0 8px 32px rgba(53, 86, 169, .16), 0 3px 12px rgba(0, 0, 0, .1);
    transform: translateY(-6px) scale(1.03)
}

.paper-card img:hover {
    transform: scale(1.04)
}

.paper-card-title {
    font-size: 16px;
    color: rgb(255, 255, 255)2;
    font-weight: 600;
    margin: 18px 0 10px;
    text-align: center;
    letter-spacing: .5px
}

@keyframes fadeInPaper {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: none
    }
}