/* 头部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%; } }