/* src/pages/MainPage.css */ | |
.main-page-wrapper { | |
min-height: 100vh; | |
background-color: #f0f2f5; | |
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
} | |
.main-page-content { | |
max-width: 1200px; | |
margin: 0 auto; | |
padding: 32px 16px; | |
} | |
/* 欢迎区 */ | |
.main-page-header { | |
margin-bottom: 32px; | |
text-align: center; | |
} | |
.main-page-header h1 { | |
font-size: 32px; | |
color: #333; | |
margin-bottom: 8px; | |
} | |
.main-page-subtitle { | |
font-size: 16px; | |
color: #666; | |
} | |
/* 卡片样式通用区 */ | |
.card-section { | |
background: #fff; | |
padding: 24px; | |
border-radius: 12px; | |
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); | |
margin-bottom: 32px; | |
} | |
.section-title { | |
font-size: 22px; | |
font-weight: 600; | |
margin-bottom: 20px; | |
border-bottom: 1px solid #eaeaea; | |
padding-bottom: 10px; | |
} | |
/* 推荐资源占位样式 */ | |
.placeholder-box { | |
height: 150px; | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
border: 2px dashed #ccc; | |
border-radius: 8px; | |
background-color: #fafafa; | |
} | |
.placeholder-text { | |
color: #999; | |
font-size: 16px; | |
} |