/* 全局页面重置(避免留白) */
body {
margin: 0;
padding: 0;
font-family: “Arial Black”, Gadget, sans-serif;
background: #f5f5f5; /* 浅灰背景衬托表单 */
}
/* 社交按钮容器(重工黑+黄色按钮) */
.mach-social-box {
background: #000 !important;
padding: 30px !important;
max-width: 800px;
margin: 20px auto !important;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
text-align: center !important;
}
/* 社交按钮样式(立体重工感) */
.mach-social-box a {
display: block !important;
width: 200px;
margin: 10px auto !important;
padding: 15px 0 !important;
background: #ffc105 !important;
color: #000 !important;
font-weight: 900 !important;
text-decoration: none !important;
border-radius: 6px;
border: 1px solid #e6b800;
box-shadow: 0 5px 0 #b38f00;
transition: all 0.2s ease;
}
.mach-social-box a:hover {
transform: translateY(-2px);
box-shadow: 0 7px 0 #b38f00;
}
/* 表单容器(和社交按钮统一风格) */
.wpcf7 {
max-width: 800px;
margin: 20px auto !important;
background: #000 !important;
padding: 30px !important;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
color: #fff !important;
}
/* 表单标题(黄色高亮) */
.wpcf7 h3 {
color: #ffc105 !important;
font-size: 22px !important;
border-bottom: 2px solid #ffc105;
padding-bottom: 10px;
margin-bottom: 25px !important;
text-transform: uppercase;
}
/* 表单输入框(暗黑金属质感) */
.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 input[type=”tel”],
.wpcf7 input[type=”number”],
.wpcf7 select,
.wpcf7 textarea {
width: 100% !important;
padding: 12px !important;
background: #1a1a1a !important;
color: #fff !important;
border: 1px solid #444 !important;
border-left: 4px solid #ffc105 !important;
border-radius: 4px !important;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.8) !important;
margin-bottom: 15px !important;
box-sizing: border-box !important;
}
/* 下拉框文字颜色(修复白色文字看不见) */
.wpcf7 select option {
color: #000 !important;
}
/* 提交按钮(和社交按钮同风格) */
.wpcf7 input[type=”submit”] {
background: #ffc105 !important;
color: #000 !important;
font-weight: 900 !important;
padding: 15px 40px !important;
border: 1px solid #e6b800 !important;
border-radius: 6px !important;
box-shadow: 0 5px 0 #b38f00 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
.wpcf7 input[type=”submit”]:hover {
transform: translateY(-2px) !important;
box-shadow: 0 7px 0 #b38f00 !important;
}