.modern-card {background:#fff;border-radius:18px;box-shadow:0 5px 30px 0 rgba(0,54,160,0.07);margin:30px 0 36px 0;padding:36px 24px 30px 24px;}
.modern-title {font-size:1.55rem;font-weight:600;margin-bottom:2rem;background:linear-gradient(90deg,#3077ed,#1fd1f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.modern-label {font-weight:500;color:#184972;}
.modern-form .form-group {margin-bottom:2.2rem;}
.modern-form input.form-control,
.modern-form select.form-control {
    border-radius:10px;padding:12px 16px;font-size:1.12rem;box-shadow:none;border:1.3px solid #e6eafd;background: #f8fafd;transition:.2s;}
.modern-form input.form-control:focus,
.modern-form select.form-control:focus {
    border-color:#71b8f8;background:#fffbe8;outline:none;}
.modern-form .input-group-btn .btn,
.modern-form .input-group-addon .btn {
  font-size:1.09rem;padding:7px 18px;color:#fff;border:0;font-weight:500;}
.modern-form .input-group-btn .btn-danger {background:linear-gradient(70deg,#f6785f,#fbca47 65%);}
.modern-form .input-group-btn .btn-primary {background:linear-gradient(70deg,#3f8efc,#47e0fa 65%);}
.modern-form .form-check-input, .modern-form .radio-inline input {margin-right:7px;}
.modern-section {margin-bottom:2.7rem;}
.modern-upload .input-group {background:#f4fbff;border-radius:10px;padding:15px 19px;}
.modern-upload .faupload-preview {margin-left:0;padding-left:0;}
.modern-form .form-control[readonly] {background:#f3f3fa;}
@media (max-width:750px){.modern-card{padding:20px 6px}.modern-title{font-size:1.2rem}.modern-form .form-group{margin-bottom:1.2rem}}

/* ========== 通用表单样式（add.html和edit.html共用） ========== */
/* 页面布局基础 */
.modern-card {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.modern-form {
    width: 100%;
    flex: 1;
    min-height: 0;
}

.modern-card .form-group {
    margin: 0 auto !important;
    margin-bottom: 24px !important;
}

.modern-card .form-group label {
    text-align: left !important;
}

/* 表单组间距 */
.modern-card .form-group {
    margin-bottom: 24px !important;
}

/* 表单控件基础样式 */
.modern-card .form-control {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    border: 1px solid #dcdfe6 !important;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* 表单控件聚焦样式 */
.modern-card .form-control:focus {
    border-color: #409eff !important;
    outline: none !important;
}

/* 文本域样式 */
.modern-card textarea.form-control {
    height: auto !important;
    line-height: 1.5 !important;
    padding: 10px 14px !important;
    min-height: 100px !important;
}

/* 标签样式 */
.modern-card .control-label {
    padding-top: 11px !important;
    font-weight: 500 !important;
    color: #606266 !important;
}

/* SelectPage组件样式 */
.modern-card .selectpage {
    height: 42px !important;
    line-height: 42px !important;
}

/* 日期时间选择器样式 */
.modern-card .datetimepicker {
    height: 42px !important;
    line-height: 42px !important;
}

/* 富文本编辑器样式 */
.modern-card .editor {
    min-height: 300px !important;
}

/* 输入组中的表单控件 */
.modern-card .input-group .form-control {
    height: 42px !important;
    line-height: 42px !important;
}

/* 输入组附加按钮 */
.modern-card .input-group-addon .btn {
    height: 42px !important;
    line-height: 40px !important;
    padding: 0 16px !important;
}

/* SelectPage清除按钮 */
.modern-card .form-group .sp_clear_btn {
    padding-top: 11px;
}

/* 表单按钮样式 */
.modern-card .form-group .btn {
    height: 45px;
    line-height: 24px;
}

/* Bootstrap Select样式 */
.modern-card .bootstrap-select {
    width: 100% !important;
}

.modern-card .bootstrap-select .dropdown-toggle {
    height: 45px !important;
    line-height: 42px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    border: 1px solid #dcdfe6 !important;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.modern-card .bootstrap-select .dropdown-toggle:focus {
    border-color: #409eff !important;
    outline: none !important;
}

.modern-card .bootstrap-select .dropdown-toggle .filter-option {
    line-height: 42px !important;
}

.modern-card .bootstrap-select .dropdown-toggle .caret {
    margin-top: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}