@import '../../style/index';

.@{prefix-cls}-sjfx {
    padding: 6px 10px;

    &-top {
        padding: 10px 20px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        background: var(--bg-color2);
        justify-content: space-between;
        border: 1px solid var(--bg-border-color2);
    }

    &-card {
        width: 100%;
        height: 100%;
        background: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);

        border-radius: 4px;
        box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.02);

        &-title {
            display: flex;
            height: 50px;
            align-items: center;
            border-bottom: 1px solid #e8e8e8;
            padding: 0 20px;

            &-text {
                font-size: 16px;
                font-family: PingFangSC-Medium-, PingFangSC-Medium;
                font-weight: normal;
                color: rgba(0, 0, 0, 0.85);
            }
        }

        &-content {
            height: calc(100% - 50px);
            padding: 18px 25px;
            display: flex;

            &-label {
                font-size: 14px;
                font-family: PingFang SC-Regular, PingFang SC;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.65);
            }

            &-value {
                font-size: 14px;
                font-family: PingFang SC-Regular, PingFang SC;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.85);
            }
        }
    }
}
