// @import '@/styles/custom-theme.scss';
// 导入变量
@import './variables';

.product-script {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem;

    .product-details {
        background-color: #fff;
        padding: 1.5rem;
        border-radius: 0.5rem;

        .product-details-header {
            display: flex;
            flex-flow: column nowrap;
            align-items: flex-start;
            .product-details-header-title {
                font-size: 1rem;
                color: $primary;
                font-weight: 800;
            }
            .product-details-header-pid {
                font-size: 0.75rem;
                color: $neutral-600;
            }
        }
        .product-details-body {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;

            .product-img {
                flex-shrink: 0;
                width: 16rem;
                padding-right: 1rem;
                height: 15rem;
                background-color: $neutral-200;
                border-radius: 0.5rem;
            }
            .product-detail-list {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                justify-content: space-between;
                gap: 0.5rem;

                .product-detail-item {
                    display: flex;
                    flex-flow: column nowrap;
                    align-items: center;
                    background-color: $neutral-150;
                    border-radius: 0.375rem;
                    padding: 0.75rem 0;
                    width: 10rem;

                    .product-detail-item-value {
                        font-size: 1rem;
                        font-weight: 600;
                    }
                    .product-detail-item-label {
                        font-size: 0.875rem;
                        color: $neutral-600;
                    }
                }
            }
        }
    }
    .product-script-video-req {
        .video-req-form {
            display: flex;
            flex-flow: column nowrap;
            gap: 0.5rem;

            .form-header {
                font-size: 1.25rem;
                font-weight: 700;
            }
            .form-label {
                color: $neutral-700;
                font-weight: 700;
                margin: 0;
            }
        }
    }
}