/* 自动恢复：原 CF7 表单模板内联样式，已按页面作用域隔离 */
/* 来源页面: /15c42-web-agency-gb-contact-us/不良事件上报  (page_id=1865) */
.page-id-1865 .uacf7-uacf7style-1864 label {
						font-style: normal;font-weight: normal;					}
.page-id-1865 .uacf7-uacf7style-1864 input[type="email"], .page-id-1865 .uacf7-uacf7style-1864 input[type="number"], .page-id-1865 .uacf7-uacf7style-1864 input[type="password"], .page-id-1865 .uacf7-uacf7style-1864 input[type="search"], .page-id-1865 .uacf7-uacf7style-1864 input[type="tel"], .page-id-1865 .uacf7-uacf7style-1864 input[type="text"], .page-id-1865 .uacf7-uacf7style-1864 input[type="url"], .page-id-1865 .uacf7-uacf7style-1864 input[type="date"], .page-id-1865 .uacf7-uacf7style-1864 input[type="radio"], .page-id-1865 .uacf7-uacf7style-1864 input[type="checkbox"], .page-id-1865 .uacf7-uacf7style-1864 select, .page-id-1865 .uacf7-uacf7style-1864 textarea {
						font-style: normal;font-weight: normal;border-style: solid!important;					}
.page-id-1865 .uacf7-uacf7style-1864 .wpcf7-radio span, .page-id-1865 .uacf7-uacf7style-1864 .wpcf7-checkbox span {
						font-style: normal;font-weight: normal;					}
.page-id-1865 .uacf7-uacf7style-1864 textarea {
											}
.page-id-1865 .wpcf7-form-control-wrap select {
						width: 100%;
					}
.page-id-1865 .uacf7-uacf7style-1864 input[type="submit"] {
						font-style: normal;font-weight: normal;border-style: none;					}
.page-id-1865 .uacf7-uacf7style-1864 input[type="submit"]:hover {
											}
.page-id-1865 {

  --primary-color: #165DFF;      /* 主色调 - 专业蓝色 */

  --primary-hover: #0E42D2;      /* 主色悬停 */

  --bg-color: #f9f9f9;           /* 背景色 */

  --border-color: #e0e0e0;       /* 边框色 */

  --text-color: #333;            /* 文本色 */

  --hover-bg: #f0f0f0;           /* 悬停背景 */

  --error-color: #e74c3c;        /* 错误色 */

  --info-bg: #f5f7fa;            /* 信息背景 */

}
.page-id-1865 .cf7-ultra-container {

  max-width: 1000px;

  margin: 0 auto;

  padding: 20px;

}
.page-id-1865 .cf7-section-card {

  background-color: #ffffff;

  border-radius: 8px;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

  margin-bottom: 25px;

  padding: 25px;

  transition: all 0.3s ease;

  border-left: 4px solid var(--primary-color);

}
.page-id-1865 .cf7-section-card:hover {

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}
.page-id-1865 .cf7-info-card {

  background-color: var(--info-bg);

  border-radius: 8px;

  margin-bottom: 25px;

  padding: 25px;

  border-left: 4px solid #8c9eff;

}
.page-id-1865 .cf7-info-title {

  color: #555;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 15px;

}
.page-id-1865 .cf7-info-content {

  color: #666;

  line-height: 1.6;

}
.page-id-1865 .cf7-info-content ul {

  margin-left: 20px;

  margin-bottom: 10px;

}
.page-id-1865 .cf7-info-content li {

  margin-bottom: 5px;

}
.page-id-1865 .cf7-section-title {

  color: var(--text-color);

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;

  padding-bottom: 10px;

  border-bottom: 1px solid #eee;

  display: flex;

  align-items: center;

}
.page-id-1865 .cf7-section-title::before {

  content: '';

  display: inline-block;

  width: 6px;

  height: 20px;

  background-color: var(--primary-color);

  margin-right: 10px;

  border-radius: 3px;

}
.page-id-1865 .cf7-form-row {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -15px;

}
.page-id-1865 .cf7-form-col {

  flex: 1;

  padding: 0 15px;

  margin-bottom: 20px;

  min-width: 280px; /* 小屏幕最小宽度 */

}
.page-id-1865 .cf7-form-col-sm {

  flex: 1;

  padding: 0 10px;

  margin-bottom: 15px;

  min-width: 120px;

}
@media (max-width: 768px) {
.page-id-1865 .cf7-form-col, .page-id-1865 .cf7-form-col-sm {

    flex-basis: 100%;

  }
}
.page-id-1865 .cf7-nested-fields {

  background-color: #fafafa;

  padding: 15px;

  border-radius: 6px;

  margin-top: 10px;

}
.page-id-1865 .cf7-nested-label {

  display: block;

  margin-bottom: 5px;

  font-weight: 500;

  color: #555;

  font-size: 14px;

}
.page-id-1865 .cf7-nested-input {

  width: 100%;

  padding: 8px 10px;

  border: 1px solid var(--border-color);

  border-radius: 4px;

  background-color: #fff;

  font-size: 14px;

  transition: all 0.2s ease;

}
.page-id-1865 .cf7-nested-input:focus {

  outline: none;

  border-color: var(--primary-color);

  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.1);

}
.page-id-1865 .cf7-input-wrapper {

  position: relative;

}
.page-id-1865 .cf7-label {

  display: block;

  margin-bottom: 8px;

  font-weight: 500;

  color: #555;

  display: flex;

  align-items: center;

}
.page-id-1865 .required { 

  color: var(--error-color); 

  margin-left: 3px;

  font-size: 14px;

}
.page-id-1865 .cf7-input, .page-id-1865 .cf7-select, .page-id-1865 .cf7-textarea {

  width: 100%;

  padding: 12px 15px;

  border: 1px solid var(--border-color);

  border-radius: 5px;

  background-color: #fff;

  transition: all 0.3s ease;

  font-size: 15px;

  color: var(--text-color);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

}
.page-id-1865 .cf7-input:focus, .page-id-1865 .cf7-select:focus, .page-id-1865 .cf7-textarea:focus {

  outline: none;

  border-color: var(--primary-color);

  background-color: #fff;

  box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.15);

  transform: translateY(-1px);

}
.page-id-1865 .cf7-input::placeholder, .page-id-1865 .cf7-textarea::placeholder {

  color: #999;

  font-style: italic;

}
.page-id-1865 .cf7-input[type="date"] {

  position: relative;

  padding-right: 35px;

}
.page-id-1865 .cf7-input[type="date"]::-webkit-calendar-picker-indicator {

  background: transparent;

  color: transparent;

  cursor: pointer;

  height: 100%;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

}
.page-id-1865 .cf7-input[type="date"]::after {

  content: '📅';

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  pointer-events: none;

  color: #999;

}
.page-id-1865 .cf7-rating-group {

  margin-bottom: 20px;

}
.page-id-1865 .cf7-rating-label {

  display: block;

  margin-bottom: 12px;

  font-weight: 500;

  color: #555;

}
.page-id-1865 .cf7-radio input[type="radio"] {

  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;

}
.page-id-1865 .cf7-radio span.wpcf7-list-item {

  display: inline-block;

  margin-right: 10px;

  margin-bottom: 10px;

}
.page-id-1865 .cf7-radio input[type="radio"] + span.wpcf7-list-item-label {

  display: inline-block;

  padding: 10px 18px;

  border-radius: 6px;

  background-color: var(--bg-color);

  color: #666;

  cursor: pointer;

  transition: all 0.2s ease;

  font-size: 15px;

  line-height: 1.4;

  min-width: 120px;

  text-align: center;

}
.page-id-1865 .cf7-radio input[type="radio"]:checked + span.wpcf7-list-item-label {

  background-color: var(--primary-color) !important;

  color: #fff !important;

  box-shadow: 0 2px 5px rgba(22, 93, 255, 0.3);

}
.page-id-1865 .cf7-radio input[type="radio"] + span.wpcf7-list-item-label:hover {

  background-color: var(--hover-bg);

  transform: translateY(-1px);

}
.page-id-1865 .cf7-checkbox-group {

  margin-bottom: 20px;

}
.page-id-1865 .cf7-checkbox-label {

  display: block;

  margin-bottom: 12px;

  font-weight: 500;

  color: #555;

}
.page-id-1865 .cf7-checkbox input[type="checkbox"] {

  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;

}
.page-id-1865 .cf7-checkbox span.wpcf7-list-item {

  display: block;

  margin-bottom: 15px;

}
.page-id-1865 .cf7-checkbox input[type="checkbox"] + span.wpcf7-list-item-label {

  position: relative;

  padding-left: 35px;

  cursor: pointer;

  line-height: 22px;

  color: #666;

  font-size: 15px;

  display: inline-block;

  min-height: 22px;

}
.page-id-1865 .cf7-checkbox input[type="checkbox"] + span.wpcf7-list-item-label:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 22px;

  height: 22px;

  border: 2px solid var(--border-color);

  border-radius: 4px;

  background-color: #fff;

  transition: all 0.2s ease;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

}
.page-id-1865 .cf7-checkbox input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {

  background-color: var(--primary-color) !important;

  border-color: var(--primary-color) !important;

}
.page-id-1865 .cf7-checkbox input[type="checkbox"]:checked + span.wpcf7-list-item-label:after {

  content: '';

  position: absolute;

  left: 7px;

  top: 3px;

  width: 6px;

  height: 12px;

  border: solid white;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}
.page-id-1865 .cf7-checkbox input[type="checkbox"] + span.wpcf7-list-item-label:hover:before {

  border-color: var(--primary-color);

}
.page-id-1865 .cf7-submit-wrapper {

  text-align: center;

  margin-top: 30px;

  margin-bottom: 20px;

}
.page-id-1865 .cf7-submit {

  background-color: var(--primary-color);

  color: #fff;

  border: none;

  border-radius: 8px;

  padding: 16px 50px;

  font-size: 17px;

  font-weight: 500;

  cursor: pointer;

  transition: all 0.3s ease;

  box-shadow: 0 4px 12px rgba(22, 93, 255, 0.25);

  position: relative;

  overflow: hidden;

}
.page-id-1865 .cf7-submit:hover {

  background-color: var(--primary-hover);

  transform: translateY(-2px);

  box-shadow: 0 6px 15px rgba(22, 93, 255, 0.3);

}
.page-id-1865 .cf7-submit:active {

  transform: translateY(0);

}
.page-id-1865 .cf7-submit::before {

  content: '';

  position: absolute;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100%;

  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);

  animation: shine 2s infinite;

}
@keyframes shine {

  100% {

    left: 100%;

  }

}
.page-id-1865 .wpcf7-not-valid-tip {

  color: var(--error-color);

  font-size: 13px;

  margin-top: 5px;

  display: block;

}
.page-id-1865 .wpcf7-response-output {

  padding: 15px 20px;

  margin: 20px 0;

  border-radius: 6px;

  font-size: 15px;

  line-height: 1.6;

}
.page-id-1865 .wpcf7-mail-sent-ok {

  background-color: #e8f5e9;

  color: #2e7d32;

  border: 1px solid #c8e6c9;

}
.page-id-1865 .wpcf7-mail-sent-ng {

  background-color: #ffebee;

  color: #c62828;

  border: 1px solid #ffcdd2;

}
.page-id-1865 .wpcf7-validation-errors {

  background-color: #fff8e1;

  color: #f57f17;

  border: 1px solid #ffecb3;

}
.page-id-1865 .cf7-scroll-hint {

  text-align: center;

  margin: 15px 0;

  color: #999;

  font-size: 14px;

}
.page-id-1865 .cf7-scroll-hint span {

  display: inline-block;

  animation: bounce 2s infinite;

}
@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    transform: translateY(0);

  }

  40% {

    transform: translateY(-5px);

  }

  60% {

    transform: translateY(-3px);

  }

}