/* 表单整体样式 */
.domain-form {
    background-color: white;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 输入框容器布局 */
.domains-basic {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* 输入框之间的间距 */
}

/* 默认状态：一行两个各占一半 */
.domains-basic .form-group {
    flex: 0 0 calc(50% - 7.5px); /* 50%宽度减去一半gap（15px/2） */
    margin-bottom: 0; /* 移除原有底部边距，通过容器gap控制间距 */
}

/* 标签样式 */
.domain-form label {
    display: block;
    margin-bottom: 8px;
    color: #2c3e50;
}

/* 输入框样式 */
.domain-form input {
    width: 100%;
    padding: 8px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

/* 输入框聚焦样式 */
.domain-form input:focus {
    outline: none;
    border-color: #2196F3;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
}

/* 提交按钮样式 */
.domain-form .submit-btn {
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    background-color: #2196F3;
    color: white;
    cursor: pointer;
    font-size: 14px;
}

/* 小屏幕适配（宽度低于768px时一行一个） */
@media (max-width: 768px) {
    .domains-basic .form-group {
        flex: 0 0 100%; /* 小屏幕时占满宽度 */
    }
}

/* 功能选择按钮组样式 */
.domains-anniu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 按钮之间的间距 */
    margin: 15px 0; /* 上下边距 */
}

.domains-anniu .function-radio {
    display: none; /* 隐藏原始单选框 */
}

.domains-anniu .function-label {
    padding: 8px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    color: #2c3e50;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.domains-anniu .function-radio:checked + .function-label {
    border-color: #2196F3; /* 选中时边框变蓝 */
    background-color: rgba(33, 150, 243, 0.1); /* 选中时背景色 */
    color: #2196F3; /* 选中时文字颜色 */
}

/* 更多设置小标题样式 */
.more-settings-title {
    display: block;
    margin: 0 0 10px; /* 上下边距：上15px，下10px */
    color: #2c3e50; /* 与表单标签颜色一致 */
    font-size: 16px;
    font-weight: 600; /* 文字加粗 */
}

#subFormContainer {
    border: 1px solid #2196F3;
    border-radius: 8px;
}

/* 美化hr标签 */
.domain-form hr {
    margin: 20px 0;  /* 上下边距20px，左右无间距 */
    border: none;     /* 移除默认边框 */
    border-top: 1px solid #e0e0e0;  /* 定义顶部线条样式 */
}

/* 功能按钮禁用状态样式 */
.domains-anniu .function-radio:disabled + .function-label {
    border-color: #f0f0f0;  /* 禁用时边框变浅 */
    background-color: #f8f9fa;  /* 禁用时背景色 */
    color: #999;  /* 禁用时文字颜色 */
    cursor: not-allowed;  /* 光标显示不可点击 */
}
/* 新增：顶部边距20px */
.mt-20 {
    margin-top: 20px;
}

/* 小屏幕适配：按钮组换行显示 */
@media (max-width: 768px) {
    .domains-anniu .function-label {
        padding: 6px 12px; /* 小屏幕缩小内边距 */
    }
}

.notice2 {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}