/* ===== 全局重置与字体 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, “PingFang SC”, “Microsoft YaHei”, sans-serif;
background: #f5f7fb;
color: #1e2a3a;
line-height: 1.6;
padding: 40px 20px;
}
.container {
max-width: 1100px;
margin: 0 auto;
background: #ffffff;
border-radius: 24px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
overflow: hidden;
padding: 0 40px 50px;
}
/* ===== 头部 ===== */
.header { padding: 40px 0 20px; border-bottom: 2px solid #eef2f7; }
.header-badge {
display: inline-block; background: #1a3a5c; color: #fff;
font-size: 13px; font-weight: 600; letter-spacing: 0.5px;
padding: 4px 16px; border-radius: 20px; margin-bottom: 16px;
}
.header h1 { font-size: 36px; font-weight: 700; color: #0b1e2e; line-height: 1.2; }
.header .sub-info {
display: flex; flex-wrap: wrap; gap: 24px 40px;
margin-top: 18px; font-size: 15px; color: #3d5166;
}
.header .meta-grid {
display: flex; flex-wrap: wrap; gap: 20px 48px;
margin-top: 20px; padding-top: 18px; border-top: 1px solid #e8edf4;
font-size: 14px; color: #2a4058;
}
.header .meta-grid .item { display: flex; flex-direction: column; }
.header .meta-grid .item .label {
font-size: 12px; font-weight: 500; letter-spacing: 0.3px;
color: #7a8fa3; margin-bottom: 2px;
}
.header .meta-grid .item .value { font-weight: 600; font-size: 15px; }
.header .meta-grid .item .value.highlight { color: #c0392b; }
/* ===== 通用区块 ===== */
.section { margin-top: 40px; }
.section-title {
font-size: 22px; font-weight: 700; color: #0b1e2e;
padding-bottom: 8px; border-bottom: 3px solid #dce3ec;
margin-bottom: 20px; display: flex; align-items: center; gap: 10px;
}
.section-title .num {
display: inline-block; background: #1a3a5c; color: #fff;
font-size: 14px; font-weight: 600; width: 28px; height: 28px;
border-radius: 50%; text-align: center; line-height: 28px; flex-shrink: 0;
}
.section-title .num.alt { background: #c0392b; }
.section-body { color: #1e2a3a; font-size: 15px; }
.section-body p { margin-bottom: 14px; }
.section-body ul, .section-body ol { padding-left: 24px; margin-bottom: 14px; }
.section-body ul li, .section-body ol li { margin-bottom: 6px; }
/* ===== 卡片网格 ===== */
.card-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
margin: 16px 0 8px;
}
.card-grid .card {
background: #f8faff; border-radius: 16px; padding: 20px 22px;
border: 1px solid #eaf0f8;
}
.card-grid .card h4 { font-size: 16px; font-weight: 600; color: #0b1e2e; margin-bottom: 8px; }
.card-grid .card p, .card-grid .card li { font-size: 14px; color: #2d4058; }
.card-grid .card ul { padding-left: 18px; margin: 6px 0 0; }
.card-grid .card ul li { margin-bottom: 3px; }
/* ===== 高亮框 ===== */
.highlight-box {
background: #f0f6fe; border-left: 4px solid #1a3a5c;
padding: 18px 24px; border-radius: 8px;
margin: 16px 0 20px; font-size: 14px; color: #1e2a3a;
}
.highlight-box strong { color: #0b1e2e; }
/* ===== 讲师 ===== */
.lecturer {
display: flex; flex-wrap: wrap; gap: 30px;
background: #f8faff; border-radius: 20px; padding: 28px 32px;
margin: 10px 0 6px; border: 1px solid #eaf0f8;
}
.lecturer .avatar {
flex-shrink: 0; width: 120px; height: 120px;
background: #dce3ec; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 48px; font-weight: 300; color: #1a3a5c;
}
.lecturer .info { flex: 1; }
.lecturer .info .name { font-size: 24px; font-weight: 700; color: #0b1e2e; }
.lecturer .info .title { font-size: 15px; color: #2a4058; margin-top: 2px; }
.lecturer .info .desc { margin-top: 12px; font-size: 14px; color: #2d4058; }
.lecturer .info .desc p { margin-bottom: 6px; }
/* ===== 表格 ===== */
.table-wrap { overflow-x: auto; margin: 16px 0 6px; border-radius: 16px; border: 1px solid #e8edf4; }
.table-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 600px; }
.table-wrap table th {
background: #f0f4fa; font-weight: 600; color: #0b1e2e;
padding: 14px 16px; text-align: left; border-bottom: 2px solid #dce3ec;
}
.table-wrap table td {
padding: 12px 16px; border-bottom: 1px solid #eef2f7; color: #1e2a3a;
}
.table-wrap table tr:last-child td { border-bottom: 0; }
/* ===== 主办方 ===== */
.org {
background: #f8faff; border-radius: 20px; padding: 24px 28px;
border: 1px solid #eaf0f8; margin: 10px 0 6px; font-size: 14px; color: #1e2a3a;
}
.org p { margin-bottom: 10px; }
.org p:last-child { margin-bottom: 0; }
.org strong { color: #0b1e2e; }
/* ===== 底部 ===== */
.footer-note {
margin-top: 40px; padding-top: 24px; border-top: 1px solid #e8edf4;
text-align: center; font-size: 13px; color: #7a8fa3;
}
/* ===== 响应式 ===== */
@media (max-width: 760px) {
body { padding: 16px 10px; }
.container { padding: 0 18px 30px; border-radius: 16px; }
.header { padding-top: 24px; }
.header h1 { font-size: 26px; }
.card-grid { grid-template-columns: 1fr; }
.lecturer { flex-direction: column; align-items: center; text-align: center; padding: 20px; }
.lecturer .avatar { width: 100px; height: 100px; font-size: 40px; }
.section-title { font-size: 20px; }
}
@media (max-width: 480px) {
.header h1 { font-size: 22px; }
.lecturer .info .name { font-size: 20px; }
}