.detailedReport {
    width: 100%;
    height: 100%;
    //padding: 24rpx 32rpx;
    //box-sizing: border-box;
    //background-color: #F5F7FB;

    .scrollViewContent {
        width: 100%;
        padding: 24rpx 32rpx;
        box-sizing: border-box;

        /* 顶部头部 */
        .header {
            width: 100%;
            height: 360rpx;
            border-radius: 24rpx;
            background: linear-gradient(135deg, #C0E0FD 0%, #E2E9F9 100%);
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 40rpx;
            box-sizing: border-box;
            margin-bottom: 24rpx;

            .header-slogan {
                margin-bottom: 24rpx;

                .slogan-title {
                    color: #1A3F68;
                    height: 32rpx;
                    font-size: 32rpx;
                    line-height: 32rpx;
                }

                .slogan-sub {
                    color: #446D99;
                    height: 26rpx;
                    font-size: 26rpx;
                    line-height: 26rpx;
                    margin-top: 12rpx;
                }
            }

            .header-date {
                color: #FFFFFF;
                height: 26rpx;
                font-size: 26rpx;
                line-height: 26rpx;
            }

            .header-weight {
                display: flex;
                align-items: flex-end;
                margin-top: 24rpx;

                .weight-num {
                    color: #FFFFFF;
                    height: 120rpx;
                    font-size: 120rpx;
                    line-height: 120rpx;
                }

                .weight-unit {
                    color: #FFFFFF;
                    height: 28rpx;
                    font-size: 28rpx;
                    line-height: 28rpx;
                    margin: 0 0 24rpx 12rpx;
                }
            }

            .header-info {
                display: flex;
                align-items: center;
                margin-top: 16rpx;

                .header-bmi {
                    color: #FFFFFF;
                    height: 22rpx;
                    font-size: 22rpx;
                    line-height: 22rpx;
                    margin-right: 24rpx;
                }

                .header-change {
                    color: #FFFFFF;
                    height: 22rpx;
                    font-size: 22rpx;
                    line-height: 22rpx;
                }
            }
        }

        /* 卡片 */
        .card {
            width: 100%;
            padding: 32rpx;
            border-radius: 24rpx;
            background-color: #FFFFFF;
            box-sizing: border-box;
            margin-bottom: 24rpx;

            .card-title {
                display: flex;
                align-items: center;
                margin-bottom: 24rpx;

                .title-bar {
                    width: 6rpx;
                    height: 20rpx;
                    border-radius: 4rpx;
                    background-color: #1385FA;
                    margin-right: 16rpx;
                }

                .title-text {
                    color: #252535;
                    height: 32rpx;
                    font-size: 32rpx;
                    line-height: 32rpx;
                }
            }

            /* 基础指标 2x2 */
            .basic-grid {
                display: flex;
                flex-wrap: wrap;

                .basic-item {
                    width: 50%;
                    box-sizing: border-box;
                    padding: 24rpx 0;

                    .basic-label {
                        color: #808080;
                        height: 26rpx;
                        font-size: 26rpx;
                        line-height: 26rpx;
                        margin-bottom: 16rpx;
                    }

                    .basic-value-row {
                        display: flex;
                        align-items: flex-end;

                        .basic-value {
                            color: #252535;
                            height: 48rpx;
                            font-size: 48rpx;
                            line-height: 48rpx;
                        }

                        .basic-unit {
                            color: #252535;
                            height: 26rpx;
                            font-size: 26rpx;
                            line-height: 26rpx;
                            margin: 0 0 6rpx 8rpx;
                        }

                        .basic-tag {
                            height: 30rpx;
                            padding: 0 10rpx;
                            font-size: 18rpx;
                            line-height: 30rpx;
                            border-radius: 8rpx;
                            color: #FFFFFF;
                            background-color: #2AC79F;
                            margin: 0 0 6rpx 12rpx;
                        }
                    }
                }
            }

            /* BMI 刻度 */
            .bmi-scale {
                margin-top: 24rpx;

                .scale-track {
                    display: flex;
                    height: 20rpx;
                    border-radius: 6rpx;
                    overflow: hidden;

                    .scale-block {
                        flex: 1;
                    }

                    .scale-block--low {
                        background-color: #1385FA;
                    }

                    .scale-block--normal {
                        background-color: #2AC79F;
                    }

                    .scale-block--over {
                        background-color: #FFA151;
                    }

                    .scale-block--obese {
                        background-color: #F24439;
                    }
                }

                .scale-row {
                    display: flex;
                    margin-top: 16rpx;

                    > view {
                        flex: 1;
                        text-align: center;
                        color: #77849E;
                        height: 24rpx;
                        font-size: 24rpx;
                        line-height: 24rpx;
                    }
                }

                .scale-row--range {
                    margin-top: 12rpx;

                    > view {
                        color: #B6B6B6;
                        height: 20rpx;
                        font-size: 20rpx;
                        line-height: 20rpx;
                    }
                }
            }

            /* 指标行 */
            .metric-row {
                width: 100%;
                display: flex;
                align-items: center;
                padding: 20rpx 0;

                .metric-label {
                    flex: 1;
                    color: #77849E;
                    height: 28rpx;
                    font-size: 28rpx;
                    line-height: 28rpx;
                }

                .metric-value {
                    color: #252535;
                    height: 28rpx;
                    font-size: 28rpx;
                    line-height: 28rpx;
                    margin-right: 24rpx;
                }

                .metric-status {
                    height: 24rpx;
                    font-size: 24rpx;
                    line-height: 24rpx;
                }

                .metric-status--normal {
                    color: #2AC79F;
                }

                .metric-status--low {
                    color: #1385FA;
                }

                .metric-status--high {
                    color: #F24439;
                }
            }
        }
    }
}