You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.7 KiB
1 lines
3.7 KiB
.click-animation.data-v-e888984c:active{-webkit-transform:scale(.98);transform:scale(.98);box-shadow:0 2rpx 8rpx rgba(0,0,0,.12)}.community-page.data-v-e888984c{min-height:100vh;background-color:#f8f9fa;position:relative;padding-bottom:120rpx}.banner-section.data-v-e888984c{height:375rpx;overflow:hidden}.tab-section.data-v-e888984c{background:#fff;padding:0 40rpx;border-bottom:1rpx solid #f0f0f0;box-shadow:0 1.5px 3px 0 rgba(0,0,0,.16)}.tab-container.data-v-e888984c{display:flex;justify-content:space-evenly}.tab-item.data-v-e888984c{position:relative;padding:30rpx 0}.tab-item .tab-text.data-v-e888984c{font-size:32rpx;color:#666;font-weight:500;transition:color .3s ease}.tab-item.active .tab-text.data-v-e888984c{color:#007aff;font-weight:700}.tab-line.data-v-e888984c{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40rpx;height:6rpx;background:#007aff;border-radius:3rpx;-webkit-animation:slideIn-data-v-e888984c .3s ease;animation:slideIn-data-v-e888984c .3s ease}@-webkit-keyframes slideIn-data-v-e888984c{from{width:0}to{width:40rpx}}@keyframes slideIn-data-v-e888984c{from{width:0}to{width:40rpx}}.post-item.data-v-e888984c{background-color:#fff;border-radius:16rpx;padding:32rpx;box-shadow:0 2rpx 16rpx rgba(0,0,0,.06);border:1rpx solid #f5f5f5;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.post-item.data-v-e888984c:active{-webkit-transform:scale(.98);transform:scale(.98);box-shadow:0 4rpx 20rpx rgba(0,0,0,.1)}.user-info.data-v-e888984c{display:flex;align-items:center;margin-bottom:24rpx}.user-avatar.data-v-e888984c{width:88rpx;height:88rpx;border-radius:50%;margin-right:24rpx;border:2rpx solid #f0f0f0}.user-details.data-v-e888984c{flex:1}.username.data-v-e888984c{font-size:30rpx;font-weight:700;color:#333;display:block;margin-bottom:8rpx}.post-time.data-v-e888984c{font-size:24rpx;color:#999}.post-content .post-text.data-v-e888984c{font-size:30rpx;color:#333;line-height:1.6;display:block;margin-bottom:24rpx}.image-grid.data-v-e888984c{display:flex;flex-wrap:wrap;gap:12rpx}.post-image.data-v-e888984c{width:200rpx;height:200rpx;border-radius:12rpx;border:1rpx solid #f0f0f0}.comment-list.data-v-e888984c{margin-top:24rpx;padding-top:24rpx;border-top:1rpx solid #f0f0f0}.comment-header.data-v-e888984c{margin-bottom:20rpx}.comment-title.data-v-e888984c{font-size:28rpx;color:#666;font-weight:500}.comment-item.data-v-e888984c{background-color:#f8f9fa;border-radius:12rpx;padding:20rpx;margin-bottom:16rpx}.comment-item.data-v-e888984c:last-child{margin-bottom:0}.comment-user-info.data-v-e888984c{display:flex;align-items:center;justify-content:space-between;margin-bottom:12rpx}.comment-username.data-v-e888984c{font-size:26rpx;color:#007aff;font-weight:500}.comment-time.data-v-e888984c{font-size:22rpx;color:#999}.comment-content.data-v-e888984c{font-size:28rpx;color:#333;line-height:1.5;display:block}.action-btn.data-v-e888984c{position:fixed;bottom:120rpx;right:30rpx;width:120rpx;height:120rpx;background:linear-gradient(135deg,#007aff,#0056cc);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8rpx 24rpx rgba(0,122,255,.4);z-index:100;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.action-btn.data-v-e888984c:active{-webkit-transform:scale(.95);transform:scale(.95);box-shadow:0 4rpx 16rpx rgba(0,122,255,.6)}.action-btn.photo.data-v-e888984c{background:linear-gradient(135deg,#f66,#c33)}.action-text.data-v-e888984c{font-size:20rpx;color:#fff;margin-top:8rpx;font-weight:700}
|