/* 

中南大学校团委 升华网
CSS Style For 54shenghua Part II

2024.5.25 @thetheOrange

本CSS定义了以下部分的样式:
学院风采 示范性团课

*/

/* #region 通用设置 start */

body {
    font-family: 'PingFang SC', 'SF Display Pro';
}

/* bg图片样式设置 */
.bg-image-style {
    width: 18em;
    flex-shrink: 0;
}

/* 栏目标题样式 edited @grtsinry43*/
.title-style {
    color: #0852a2;
    margin: 0 auto;
    font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc, serif;
    font-weight: 700;
    display: flex;
    justify-content: center;
}

.title-style::before{
    content: '';
    height: 3px;
    width: 25vw;
    background: linear-gradient(90deg, #0852a2 0%, #0f7ae5 100%);
    margin: auto 0;
    margin-right: 20px;
}

.title-style::after{
    content: '';
    height: 3px;
    width: 25vw;
    background: linear-gradient(90deg, #0852a2 0%, #0f7ae5 100%);
    margin: auto 0;
    margin-left: 20px;
}

.text-end {
    right: 1em;
    top: 2em;
}

/* 自定义a标签 */
.reset-a {
    color: black;
    text-decoration: none;
}

/* #endregion 通用设置 end*/


/* #region 学院风采 start*/
/* 详细内容展示板块  */
/*
.Academy-charm {
    background-image: url("../../static/compressed-img/2.jpg");
    background-size: cover;
}
*/
.Academy-charm-detail {
    margin-bottom: 50px;
}

.Academy-charm-detail-content {
    border-top: 6px solid rgb(0, 73, 182);
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

/* @thetheorange 适配移动端 */

@media (max-width: 800px) {
    .Academy-charm-detail-content img{
        display: none;
    }
}

.Academy-charm-detail-content-introduce {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    background-color: white;
}

.Academy-charm-detail-content-introduce-text {
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #d2d2d2;
    padding: 15px;
}

.Academy-charm-detail-content-introduce-text h5 {
    margin: 20px 0;
}

.Academy-charm-detail-content-introduce-text-title {
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
}

.Academy-charm-detail-content-introduce-text span {
    white-space: wrap;
}

.Academy-charm-detail-content-introduce-date {
    color: #a9a9a9;
    text-align: center;
}

.Academy-charm-detail-content-introduce-date span {
    font-size: large;
    font-weight: bold;
}


/* #endregion 学院风采 end*/

/* #region 示范性团课板块start */
.Demonstration {
    background-image: url("../../static/compressed-img/2.jpg");
    background-size: cover;
}

.Demonstration .title-style {
    text-align: center;
    margin-bottom: 50px;
}

/* .Demonstration-video:hover {
    transform: translateY(-5px);
    transition: all 0.5s ease;
} */

/* mask 需要改宽度 */
.Demonstration-video-mask {
    width: 16.5em;
    height: 8em;
    font-size: 20px;
    transform: translateY(-60px);
    margin: 0 2.5em;
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 0;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
    background-color: white;
}


.Demonstration-video-mask a {
    text-decoration: none;
    color: black;
}

.Demonstration-video-mask-unit {
    color: #a9a9a9;
    font-size: 0.8em;
} 

/* #endregion 示范性团课板块end*/