.elementor-835 .elementor-element.elementor-element-60d2b48{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-835 .elementor-element.elementor-element-60d2b48:not(.elementor-motion-effects-element-type-background), .elementor-835 .elementor-element.elementor-element-60d2b48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DADADA;}.elementor-835 .elementor-element.elementor-element-e3f8b5a{background-color:#FFFFFF;padding:6vw 6vw 6vw 6vw;border-style:none;border-radius:40px 40px 40px 40px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-835 .elementor-element.elementor-element-60d2b48{--content-width:1300px;}}/* Start custom CSS for shortcode, class: .elementor-element-e3f8b5a *//* 1. 布局设置：实现两列并排 */
.jewelry-form-row {
    display: flex;
    gap: 20px; /* 两个输入框之间的间距 */
    margin-bottom: 20px;
    flex-wrap: wrap; /* 手机端自动换行 */
}

.jewelry-form-col {
    flex: 1; /* 让两个列平分宽度 */
    min-width: 250px; /* 防止在极小屏幕上太窄 */
}
.wpcf7-form-control-wrap {
    margin-top: 15px;
}

.jewelry-form-row-full {
    margin-bottom: 30px;
}

/* 2. 标签样式：字体和红色星号 */
.wpcf7 label {
    font-family: sans-serif; /* 或者你网站使用的字体 */
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: block;
    margin-bottom: 8px;
}

/* 强制星号为红色，并调整位置 */
.red-asterisk {
    color: #d6336c; /* 图片中的深粉色/红色 */
    font-weight: bold;
    margin-left: 4px;
}

/* 3. 输入框和文本域样式：圆角和边框 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc; /* 浅灰色边框 */
    border-radius: 8px; /* 圆角 */
    font-size: 16px;
    box-sizing: border-box; /* 确保padding不撑大宽度 */
    background-color: #fff;
    transition: border-color 0.3s;
    /*height: 50px;*/
}

.wpcf7 textarea {
    height: 20vh; /* 控制评论框的高度 */
    resize: vertical; /* 允许垂直拉伸 */
}

/* 鼠标点击输入框时的效果 */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #000;
    outline: none;
}

/* 4. 提交按钮样式：黑色背景，白色文字 */
.jewelry-submit-wrapper {
    text-align: center; /* 按钮居中 */
    margin-top: 10px;
}

.wpcf7 input[type="submit"] {
    background-color: #000000;
    color: #ffffff;
    border: none;
    padding: 12px 80px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px; /* 按钮微圆角 */
    cursor: pointer;
    transition: background-color 0.3s;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #333333; /* 鼠标悬停变深灰 */
}

/* 5. 移动端适配：屏幕小于 600px 时变为单列 */
@media (max-width: 600px) {
    .jewelry-form-row {
        flex-direction: column;
        gap: 0;
    }
    .jewelry-form-col {
        margin-bottom: 20px;
        width: 100%;
    }
}/* End custom CSS */