/* 模态框修复样式 */

/* 确保模态框初始状态是隐藏的 */
.modal {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 2000;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* 显示状态 */
.modal.show {
    display: flex !important;
    opacity: 1;
}

/* 防止点击穿透 */
.modal.show {
    pointer-events: auto;
}

.modal:not(.show) {
    pointer-events: none;
}

/* 模态框内容动画 */
.modal.show .modal-content {
    animation: modalSlideIn 0.3s ease-out forwards;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* 优化模态框按钮样式 */
.modal .btn-primary-full {
    padding: 0.75rem 1.5rem; /* 减小垂直内边距，保持适当的水平内边距 */
    font-size: 0.9rem; /* 稍微减小字体大小 */
    height: auto; /* 确保高度由内容决定 */
    min-height: 44px; /* 设置最小高度确保点击区域足够 */
    border-radius: 0.5rem; /* 更圆润的边角 */
    font-weight: 500; /* 减少字体粗细 */
    transition: all 0.2s ease; /* 更快的过渡动画 */
    box-shadow: 0 2px 4px rgba(30, 58, 138, 0.1); /* 添加轻微阴影 */
}

.modal .btn-primary-full:hover {
    transform: translateY(-1px); /* 减小悬停时的位移 */
    box-shadow: 0 4px 8px rgba(30, 58, 138, 0.15); /* 悬停时增强阴影 */
}

.modal .btn-primary-full:active {
    transform: translateY(0); /* 点击时去除位移 */
    box-shadow: 0 2px 4px rgba(30, 58, 138, 0.1); /* 恢复原始阴影 */
}

/* 优化模态框内容布局 */
.modal-content {
    max-width: 400px; /* 限制模态框最大宽度 */
    width: 90%; /* 响应式宽度 */
}

.modal-body .form-group {
    margin-bottom: 1rem; /* 统一表单组间距 */
}

.modal-body .form-group:last-of-type {
    margin-bottom: 1.5rem; /* 最后一个表单组的底部间距 */
}

/* 注册模态框中的公司名称下拉框样式修复 */
#registerModal .form-group select {
    -webkit-appearance: none; /* 移除Chrome, Safari的默认样式 */
    -moz-appearance: none;    /* 移除Firefox的默认样式 */
    appearance: none;         /* 移除其他浏览器的默认样式 */
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); /* 自定义下拉箭头 */
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    padding-right: 2.5rem; /* 为自定义箭头留出空间 */
}