/* API 沙箱页面专属样式（配合 Bootstrap 卡片标记使用） */

.sandbox-console__header {
    display: flex;
    align-items: center;
    gap: var(--su8);
    margin-bottom: var(--su16);
}

.sandbox-console__title {
    font-size: var(--fs-body2);
    font-weight: 600;
    color: var(--so-black-600);
}

    .sandbox-console__title i {
        color: var(--bs-primary);
        margin-right: var(--su4);
    }

.sandbox-console__url {
    overflow-x: auto;
}

    .sandbox-console__url code {
        background: var(--so-black-150);
        padding: var(--su2) var(--su6);
        border-radius: var(--bs-border-radius);
        font-size: 13px;
        color: var(--bs-primary);
        font-family: var(--bs-font-monospace);
        white-space: nowrap;
    }

.sandbox-console .form-label {
    font-size: 13px;
    color: var(--so-black-400);
}

.sandbox-console__result {
    margin-top: var(--su16);
}

.sandbox-console__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--su8);
    margin-bottom: var(--su8);
    font-size: 13px;
    font-family: var(--bs-font-monospace);
    color: var(--so-black-500);
}

.sandbox-console__body {
    background: var(--so-black-150);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: var(--su16);
    max-height: 480px;
    overflow: auto;
    font-size: 13px;
    line-height: 1.5;
}

    .sandbox-console__body code {
        background: none;
        padding: 0;
        color: var(--so-black-600);
        white-space: pre-wrap;
        word-break: break-all;
    }

.sandbox-console__tip {
    margin-top: var(--su16);
    font-size: 13px;
    color: var(--so-black-400);
}

    .sandbox-console__tip a {
        color: var(--bs-link-color);
    }