// 弹出框样式
.login-modal,
.edit-modal {
    --height: auto;
    --max-height: 90vh;

    &::part(content) {
        margin: 0 16px;
    }

    ion-content {
        --padding-top: 0;
        --padding-bottom: 0;
    }

    ion-card {
        margin: 0 0 16px;
    }

    ion-card-content {
        padding-top: 12px !important;

        ion-item {
            margin-bottom: 10px !important;

            &:last-of-type {
                margin-bottom: 12px !important;
            }

            ion-icon {
                margin-right: 8px !important;
            }
        }
    }

    ion-button {
        margin: 4px 0 !important;
    }

    // 调整标题和副标题的间距
    ion-card-header {
        padding: 16px 16px 8px !important;

        ion-card-title {
            margin-bottom: 12px !important;
        }

        ion-card-subtitle {
            margin-bottom: 4px !important;
        }
    }

    // 调整分段控件的间距
    ion-segment {
        margin-bottom: 0 !important;
    }
}

// 添加模态框动画
.modal-wrapper {
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    &.show-modal {
        transform: translateY(0);
    }
}

// 确保模态框不会被底部内容遮挡
ion-modal {
    --min-height: auto;
    --border-radius: 16px 16px 0 0;

    &.bottom-sheet {
        align-items: flex-end;
        --height: auto;

        .ion-page {
            position: relative;
            display: block;
            contain: content;
        }
    }
}

// 在现有样式基础上添加
.error-toast {
    --background: var(--ion-color-danger);
    --color: white;
    --border-radius: 8px;
    --button-color: white;

    &::part(message) {
        font-size: 14px;
    }
}

.success-toast {
    --background: var(--ion-color-success);
    --color: white;
    --border-radius: 8px;
    --button-color: white;

    &::part(message) {
        font-size: 14px;
    }
}

ion-item.ion-invalid {
    --highlight-background: var(--ion-color-danger);

    ion-label {
        color: var(--ion-color-danger) !important;
    }

    ion-icon {
        color: var(--ion-color-danger) !important;
    }
}