/* pages/healthprofile/index.less */ page { background-color: #f5f6fa; color: #1a1a2e; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } .profile-page { padding: 24rpx; padding-bottom: 48rpx; } .card { background-color: #ffffff; border-radius: 24rpx; box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); } /* 头部统计卡 */ .header-card { background: linear-gradient(135deg, #2dd36f, #17c3a5); border-radius: 24rpx; padding: 32rpx; color: #ffffff; box-shadow: 0 8rpx 24rpx rgba(23, 195, 165, 0.25); } .header-row { display: flex; justify-content: space-between; align-items: center; } .header-title { font-size: 32rpx; font-weight: 600; } .stat-center { margin-top: 36rpx; display: flex; flex-direction: column; align-items: center; } .stat-label { font-size: 24rpx; opacity: 0.9; } .stat-value { display: flex; align-items: baseline; margin-top: 8rpx; font-weight: 600; } .stat-num { font-size: 64rpx; font-weight: 700; line-height: 1.1; } .stat-unit { font-size: 26rpx; margin-left: 8rpx; } /* 常用功能 */ .section { margin-top: 32rpx; } .section-title { display: block; font-size: 32rpx; font-weight: 700; color: #1a1a1a; margin-left: 8rpx; } .quick-grid { margin-top: 16rpx; padding: 24rpx 0 0; display: flex; flex-wrap: wrap; } .quick-item { width: 25%; display: flex; flex-direction: column; align-items: center; margin-bottom: 28rpx; } .quick-item:active { opacity: 0.7; } .quick-icon { width: 80rpx; height: 80rpx; background-color: #e6f9f3; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; margin-bottom: 12rpx; } .quick-label { font-size: 24rpx; color: #333333; } /* 健康档案列表 */ .profile-list { margin-top: 16rpx; padding: 0 24rpx; patient-info { display: block; padding: 24rpx 0; border-bottom: 1rpx solid #f5f5f5; &:last-child { border-bottom: none; } &:active { opacity: 0.7; } } }