159 lines
3.8 KiB
CSS
159 lines
3.8 KiB
CSS
/* 头部banner */
|
||
.declare-banner {
|
||
height: 300px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
margin-bottom: 20px;
|
||
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(images/内蒙古工业大学白天.jpg) center/cover no-repeat;
|
||
transition: background 0.3s ease;
|
||
}
|
||
body.night-mode .declare-banner {
|
||
background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url(images/内蒙古工业大学夜晚.jpg) center/cover no-repeat;
|
||
}
|
||
.declare-banner-text {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
text-align: center;
|
||
color: #fff; /* Banner文字固定白色（和背景对比） */
|
||
z-index: 10;
|
||
}
|
||
.declare-banner-text h1 {
|
||
font-size: 36px;
|
||
margin-bottom: 12px;
|
||
letter-spacing: 1px;
|
||
}
|
||
.declare-banner-text p {
|
||
font-size: 18px;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
/* 板块一：核心信息（统一背景色） */
|
||
.declare-section1 {
|
||
max-width: 1300px;
|
||
margin: 0 auto;
|
||
padding: 40px 20px;
|
||
background-color: #faf9f9; /* 统一浅灰背景 */
|
||
border-radius: 0;
|
||
box-shadow: none;
|
||
}
|
||
body.night-mode .declare-section1 {
|
||
background-color: #1D2129; /* 夜间统一深色背景 */
|
||
}
|
||
|
||
/* Markdown 内容核心样式（统一文字色） */
|
||
.md-content {
|
||
font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
|
||
font-size: 18px;
|
||
line-height: 1.8;
|
||
color: #333333; /* 白天统一深灰文字 */
|
||
}
|
||
body.night-mode .md-content {
|
||
color: #E5E6EB; /* 夜间统一浅灰文字 */
|
||
}
|
||
|
||
/* 段落样式：首行缩进2字符 */
|
||
.md-content p {
|
||
margin: 16px 0;
|
||
text-indent: 2em;
|
||
text-align: justify;
|
||
color: #333333; /* 和正文统一颜色 */
|
||
}
|
||
body.night-mode .md-content p {
|
||
color: #E5E6EB; /* 夜间统一 */
|
||
}
|
||
|
||
/* 一级标题样式（统一颜色+加粗） */
|
||
.md-content .md-h3 {
|
||
font-size: 22px;
|
||
font-weight: bold;
|
||
color: #333333; /* 和正文统一颜色 */
|
||
margin: 28px 0 16px;
|
||
text-indent: 0;
|
||
border: none;
|
||
padding: 0;
|
||
}
|
||
body.night-mode .md-content .md-h3 {
|
||
color: #E5E6EB; /* 夜间统一 */
|
||
}
|
||
|
||
/* 二级标题样式（统一颜色+加粗） */
|
||
.md-content .md-h2 {
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
color: #333333; /* 和正文统一颜色 */
|
||
margin: 20px 0 12px 2em;
|
||
text-indent: 0;
|
||
border: none;
|
||
padding: 0;
|
||
}
|
||
body.night-mode .md-content .md-h2 {
|
||
color: #E5E6EB; /* 夜间统一 */
|
||
}
|
||
|
||
/* 有序列表样式（统一颜色） */
|
||
.md-content ol {
|
||
margin: 16px 0 16px 3em;
|
||
padding: 0;
|
||
list-style-type: decimal;
|
||
color: #333333; /* 和正文统一颜色 */
|
||
}
|
||
body.night-mode .md-content ol {
|
||
color: #E5E6EB; /* 夜间统一 */
|
||
}
|
||
.md-content li {
|
||
margin: 12px 0;
|
||
text-indent: 0;
|
||
text-align: left;
|
||
color: #333333; /* 和正文统一颜色 */
|
||
}
|
||
body.night-mode .md-content li {
|
||
color: #E5E6EB; /* 夜间统一 */
|
||
}
|
||
|
||
/* 无序列表样式（统一颜色） */
|
||
.md-content ul {
|
||
margin: 16px 0 16px 4em;
|
||
padding: 0;
|
||
list-style-type: none;
|
||
color: #333333; /* 和正文统一颜色 */
|
||
}
|
||
body.night-mode .md-content ul {
|
||
color: #E5E6EB; /* 夜间统一 */
|
||
}
|
||
.md-content ul li {
|
||
margin: 12px 0;
|
||
text-indent: 0;
|
||
text-align: left;
|
||
color: #333333; /* 和正文统一颜色 */
|
||
}
|
||
body.night-mode .md-content ul li {
|
||
color: #E5E6EB; /* 夜间统一 */
|
||
}
|
||
|
||
/* 免责声明页专属移动端适配 */
|
||
@media (max-width: 768px) {
|
||
.declare-banner {
|
||
height: 200px;
|
||
}
|
||
.declare-banner-text h1 {
|
||
font-size: 24px;
|
||
}
|
||
.declare-banner-text p {
|
||
font-size: 16px;
|
||
}
|
||
.declare-grid {
|
||
grid-template-columns: 1fr;
|
||
gap: 20px;
|
||
}
|
||
.leader-container {
|
||
flex-direction: column;
|
||
gap: 20px;
|
||
padding: 20px;
|
||
}
|
||
.leader-avatar {
|
||
flex: none;
|
||
width: 100%;
|
||
}
|
||
} |