/* 表单容器样式 */
.form-container {
    width: 845px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    /* 去掉圆角和阴影 */
}

/* 表单行样式 */
.form-row {
    display: flex;
    margin-bottom: 15px;
    align-items: flex-start;
}

/* 表单组样式 */
.form-group {
    flex: 1;
    margin-right: 15px;
}

.form-group:last-child {
    margin-right: 0;
}

.full-width {
    width: 100%;
}

/* 标签样式 */
.form-group label {
    display: inline-block;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    line-height: 34px;
    font-size: 14px;
    color: #333;
}

/* 输入框样式 */
.intxt, textarea {
    width: calc(100% - 0px);
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.intxt {
    height: 34px;
}

textarea {
    resize: vertical;
    min-height: 60px;
}

/* 按钮组样式 */
.button-group {
    text-align: center;
    margin-top: 20px;
}

/* 按钮样式 */
.coolbg {
    padding: 10px 25px;
    margin: 0 10px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.3s ease, background-color 0.3s ease; /* 只保留颜色过渡 */
}

.coolbg[type="submit"] {
    background-color: #4285f4;
    color: white;
}

.coolbg[type="reset"] {
    background-color: #f2f2f2;
    color: #333;
}

/* 去掉跳动效果，只保留颜色变化 */
.coolbg[type="submit"]:hover {
    background-color: #3367d6;
    color: white;
}

.coolbg[type="reset"]:hover {
    background-color: #e0e0e0;
    color: #000;
}

/* 占位符样式 */
::placeholder {
    color: #999;
    font-size: 14px;
}
