/* 整体容器样式 */
body {
    background-color: #f4f7f9;
    /* font-size: 5px; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.container {
    max-width: 600px;
    margin: 0px auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 30px;
}
@media (max-width: 600px) {
    .container {
        padding: 10px;
    }


}


/* 学校logo和标题样式 */
.school-logo {
    text-align: center;
    margin-bottom: 30px;
}

.school-logo img {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin-bottom: 15px;
}

.school-logo h2 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
}

/* 表单标签样式 */
.layui-form-label {
    width: 90px;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    padding: 0 10px 0 0;
    white-space: nowrap;
    box-sizing: border-box;
    min-width: 90px;
}

/* 确保表单项内的元素垂直居中对齐 */
.layui-form-item {
    /* margin-bottom: 15px!important; */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
}

/* 确保表单元素的垂直对齐 */
.layui-form-item > label {
    flex: 0 0 auto;
}

.layui-form-item > div {
    flex: 1 1 auto;
    box-sizing: border-box;
}

.layui-input-block {
    margin-left: 0;
    box-sizing: border-box;
    width: 100%;
}

/* 调整输入框样式，使其更紧凑 */
.layui-input {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    transition: border-color 0.3s ease;
    width: 100%;
    box-sizing: border-box;
}

/* 调整select样式，使其更紧凑 */
.layui-form-select {
    margin: 0;
    width: 100%;
}

/* 调整多行标签样式 */
.layui-form-label[title] {
    width: 90px;
    padding: 0 10px 0 0;
    white-space: nowrap;
    text-align: right;
}

/* 调整单选按钮样式 */
.layui-input-block .layui-radio {
    margin: 0 15px 0 0;
}

/* 调整省市区选择器样式 */
.layui-input-block > select {
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
    width: calc(33.333% - 7px);
    box-sizing: border-box;
    margin-right: 10px;
}

.layui-input-block > select:last-child {
    margin-right: 0;
}

/* 确保所有输入元素垂直对齐 */
.layui-input,
.layui-textarea,
.layui-select {
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0;
}

/* 确保placeholder能正常显示 */
::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

::-moz-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

:-ms-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

/* 修复全局textarea样式，确保placeholder显示 */
textarea {
    color: #333 !important;
}

/* 确保textarea的placeholder显示 */
textarea::placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-style: normal !important;
}

/* 确保mailAddressInput的placeholder显示 */
#mailAddressInput::placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-style: normal !important;
    display: block !important;
}

/* 移除textarea上可能影响placeholder的样式 */
.layui-textarea {
    background-color: #ffffff !important;
    color: #333 !important;
    border: 1px solid #e6e6e6 !important;
}

/* 修复textarea样式 */
.layui-textarea {
    height: 80px;
    resize: vertical;
    width: 100%;
    margin: 0 !important;
    padding: 10px;
    box-sizing: border-box;
}

/* 修复邮寄地址表单项的对齐 */
.layui-form-item:has(textarea) {
    align-items: flex-start;
}

/* 修复textarea表单项的标签对齐 */
/* .layui-form-item:has(textarea) .layui-form-label {
    padding-top: 10px;
} */

/* 确保所有表单项的标签和内容对齐 */
.layui-form-item {
    align-items: flex-start;
    /* padding-top: 5px;
    padding-bottom: 5px; */
}

/* 确保下拉选择器的对齐 */
.layui-input-block > select {
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
}

/* 修复textarea表单项的对齐问题 */
.layui-form-item textarea {
    margin: 0 !important;
    vertical-align: middle;
}

/* 修复邮寄地址表单项的对齐 */
.layui-form-item:has(textarea) .layui-form-label {
    vertical-align: top;
    /* padding-top: 15px; */
}

/* 修复多省市区选择器的对齐 */
.layui-input-block {
    box-sizing: border-box;
}

/* 确保所有输入元素垂直对齐 */
.layui-input,
.layui-textarea,
.layui-select {
    vertical-align: middle;
}

.layui-input {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    transition: border-color 0.3s ease;
}

.layui-input:focus {
    border-color: #1E9FFF;
    outline: none;
}

/* 按钮样式 */
.layui-btn.layui-btn-fluid {
    background-color: #1E9FFF;
    color: #fff;
    border-radius: 4px;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.layui-btn.layui-btn-fluid:hover {
    background-color: #0081ff;
}

.error-message {
    color: red;
    margin-left: 10px;
}

/* 统一textarea样式，与其他输入框保持一致 */
textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    margin: 0 !important;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    resize: vertical;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #333;
    min-width: 0;
    flex: 1 1 auto;
}

/* 统一layui-input-block样式 */
.layui-input-block {
    margin-left: 13px;
    width: calc(100% - 13px);
    box-sizing: border-box;
    display: block;
    min-width: 0;
}

/* 确保mailAddressInput宽度与其他输入框一致 */
#mailAddressInput {
    width: 83% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 10px !important;
    display: block !important;
}
@media (max-width: 551px) {
    #mailAddressInput {
    width: 80% !important;
}
}
@media (max-width: 471px) {
    #mailAddressInput {
    width: 70% !important;
}
}
@media (max-width: 360px) {
    #mailAddressInput {
    width: 57% !important;
}
}


/* 确保layui-input-block内的textarea宽度正确 */
.layui-input-block textarea {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* 统一所有输入框样式 */
.layui-input,
.layui-textarea,
.layui-select,
select {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    color: #333 !important;
}

/* 统一下拉选择器样式 */
.layui-form-select {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* 统一表单项间距 */
.layui-form-item {
    margin-bottom: 5px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
}

/* 统一错误提示样式 */
#idCardResult,#phoneError,#mailAddressResult {
    color: red;
    margin-left: 10px;
    font-size: 12px;
    display: inline-block;
}