.container { padding: 20rpx; background-color: #f5f5f5; } .header { font-size: 36rpx; font-weight: bold; color: #333; padding: 20rpx 0; text-align: center; } .content { margin-top: 20rpx; } .card { background-color: #fff; border-radius: 16rpx; margin-bottom: 20rpx; box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1); overflow: hidden; } .card-header { font-size: 32rpx; font-weight: bold; color: #333; padding: 20rpx; border-bottom: 2rpx solid #f0f0f0; } .card-content { padding: 20rpx; } /* 学校信息样式 */ .school-info { margin-top: 10rpx; } .school-photo { width: 100%; height: 400rpx; border-radius: 8rpx; margin-bottom: 20rpx; } .info-item { margin-bottom: 16rpx; } .intro-text { font-size: 28rpx; color: #666; line-height: 1.6; } /* 运营数据样式 */ .operation-data { display: flex; justify-content: space-around; padding: 20rpx 0; } .data-item { text-align: center; } .data-value { font-size: 36rpx; font-weight: bold; color: #333; display: block; margin-bottom: 8rpx; } .data-label { font-size: 24rpx; color: #999; } /* 公告样式 */ .notice-info { margin-top: 10rpx; } .notice-title { font-size: 32rpx; font-weight: bold; color: #333; margin-bottom: 16rpx; } .notice-meta { display: flex; align-items: center; margin-bottom: 16rpx; } .notice-author { font-size: 24rpx; color: #666; margin-right: 20rpx; } .notice-date { font-size: 24rpx; color: #999; } .notice-photo { width: 100%; height: 300rpx; border-radius: 8rpx; margin-bottom: 16rpx; } .notice-content { font-size: 28rpx; color: #666; line-height: 1.6; margin-bottom: 20rpx; } .share-btn { background-color: #07c160; color: #fff; font-size: 28rpx; padding: 16rpx 32rpx; border-radius: 8rpx; border: none; margin-top: 20rpx; } .share-btn::after { border: none; }