.elementor-10366 .elementor-element.elementor-element-a4ce396{--display:flex;}.elementor-10366 .elementor-element.elementor-element-a4ce396.e-con{--align-self:center;}.elementor-10366 .elementor-element.elementor-element-9787dba{padding:10px 10px 10px 10px;--e-icon-list-icon-size:28px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-10366 .elementor-element.elementor-element-1b056c5{width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-10366 .elementor-element.elementor-element-1b056c5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-field-type-html{padding-bottom:0px;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-button[type="submit"]{color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1b056c5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10366 .elementor-element.elementor-element-1dff2a8{--display:flex;--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;}.elementor-10366 .elementor-element.elementor-element-f335f79 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10366 .elementor-element.elementor-element-13fc99f{text-align:center;}.elementor-10366 .elementor-element.elementor-element-676a683{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10366 .elementor-element.elementor-element-186df91 .elementor-button{font-family:"Inter", Sans-serif;font-size:18px;text-transform:capitalize;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;}@media(max-width:1024px){.elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-10366 .elementor-element.elementor-element-a4ce396.e-con{--align-self:center;}.elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10366 .elementor-element.elementor-element-9787dba .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-10366 .elementor-element.elementor-element-1b056c5.elementor-element{--align-self:center;}}/* Start custom CSS for form, class: .elementor-element-1b056c5 *//* Elementor表单单选按钮样式定制 - 服务器U值选择器 */

/* 目标表单字段: field_5a1010a、field_dd00472 和 field_9b147a0 */
.elementor-field-type-radio.elementor-field-group-field_5a1010a,
.elementor-field-type-radio.elementor-field-group-field_dd00472,
.elementor-field-type-radio.elementor-field-group-field_9b147a0 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* 隐藏原生单选按钮 */
.elementor-field-type-radio.elementor-field-group-field_5a1010a .elementor-field-option input[type="radio"],
.elementor-field-type-radio.elementor-field-group-field_dd00472 .elementor-field-option input[type="radio"],
.elementor-field-type-radio.elementor-field-group-field_9b147a0 .elementor-field-option input[type="radio"] {
  position: absolute;
  opacity: 0;
}

/* 自定义单选按钮样式 - 长方形 */
.elementor-field-type-radio.elementor-field-group-field_5a1010a .elementor-field-option label,
.elementor-field-type-radio.elementor-field-group-field_dd00472 .elementor-field-option label,
.elementor-field-type-radio.elementor-field-group-field_9b147a0 .elementor-field-option label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px; /* 长方形宽度 */
  height: 50px; /* 高度 */
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

/* 选项悬停效果 */
.elementor-field-type-radio.elementor-field-group-field_5a1010a .elementor-field-option label:hover,
.elementor-field-type-radio.elementor-field-group-field_dd00472 .elementor-field-option label:hover,
.elementor-field-type-radio.elementor-field-group-field_9b147a0 .elementor-field-option label:hover {
  border-color: #0073e6;
  background-color: #e8f4ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 115, 230, 0.2);
}

/* 选中状态样式 */
.elementor-field-type-radio.elementor-field-group-field_5a1010a .elementor-field-option input[type="radio"]:checked + label,
.elementor-field-type-radio.elementor-field-group-field_dd00472 .elementor-field-option input[type="radio"]:checked + label,
.elementor-field-type-radio.elementor-field-group-field_9b147a0 .elementor-field-option input[type="radio"]:checked + label {
  border-color: #0073e6;
  background-color: #d4e8ff;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0, 115, 230, 0.3);
}





/* 优化特定单选按钮: field_fd4aad5 和 field_293c7ed */

/* 基础样式 */
.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option {
  margin: 8px 12px 8px 0;
  display: inline-flex;
  align-items: center;
}

.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option input[type="radio"],
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option input[type="radio"] {
  position: absolute;
  opacity: 0;
}

/* 自定义单选按钮样式 */
.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option label,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 24px;
  font-size: 15px;
  color: #333;
  transition: all 0.25s ease;
}

.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option label::before,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: #fff;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* 选中状态 */
.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option input[type="radio"]:checked + label::before,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option input[type="radio"]:checked + label::before {
  border-color: #4a90e2;
  background-color: #4a90e2;
  transform: translateY(-50%) scale(1.05);
}

.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option input[type="radio"]:checked + label::after,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

/* 悬停状态 */
.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option label:hover::before,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option label:hover::before {
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}

/* 焦点状态 */
.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option input[type="radio"]:focus + label::before,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option input[type="radio"]:focus + label::before {
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3);
  outline: none;
}

/* 禁用状态 */
.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option.elementor-field-disabled label,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option.elementor-field-disabled label {
  opacity: 0.6;
  cursor: not-allowed;
}

.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option.elementor-field-disabled label::before,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option.elementor-field-disabled label::before {
  background-color: #f5f5f5;
  border-color: #ddd;
  box-shadow: none;
}

/* 增强选中状态的文本样式 */
.elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option input[type="radio"]:checked + label,
.elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option input[type="radio"]:checked + label {
  font-weight: 500;
  color: #222;
}

/* 移动端优化 */
@media (max-width: 768px) {
  .elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option,
  .elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option {
    margin: 8px 10px 8px 0;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option label,
  .elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option label {
    padding-left: 32px;
    line-height: 26px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option label::before,
  .elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option label::before {
    width: 22px;
    height: 22px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_fd4aad5 .elementor-field-option input[type="radio"]:checked + label::after,
  .elementor-field-type-radio.elementor-field-group-field_293c7ed .elementor-field-option input[type="radio"]:checked + label::after {
    left: 7px;
    width: 8px;
    height: 8px;
  }
}





/* 优化特定多选按钮: field_3037e98 和 field_df44653 */

/* 基础样式 */
.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option {
  margin: 8px 0;
  position: relative;
}

.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option input[type="checkbox"],
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* 自定义多选按钮样式 */
.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option label,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 24px;
  font-size: 15px;
  color: #333;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
}

.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option label::before,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background: #fff;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* 选中状态 */
.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option input[type="checkbox"]:checked + label::before,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option input[type="checkbox"]:checked + label::before {
  border-color: #4a90e2;
  background-color: #4a90e2;
  transform: translateY(-50%) scale(1.05);
}

.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option input[type="checkbox"]:checked + label::after,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option input[type="checkbox"]:checked + label::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

/* 悬停状态 */
.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option label:hover::before,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option label:hover::before {
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}

/* 焦点状态 */
.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option input[type="checkbox"]:focus + label::before,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option input[type="checkbox"]:focus + label::before {
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3);
  outline: none;
}

/* 禁用状态 */
.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option.elementor-field-disabled label,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option.elementor-field-disabled label {
  opacity: 0.6;
  cursor: not-allowed;
}

.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option.elementor-field-disabled label::before,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option.elementor-field-disabled label::before {
  background-color: #f5f5f5;
  border-color: #ddd;
  box-shadow: none;
}

/* 增强选中状态的文本样式 */
.elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option input[type="checkbox"]:checked + label,
.elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option input[type="checkbox"]:checked + label {
  font-weight: 500;
  color: #222;
}

/* 移动端优化 */
@media (max-width: 768px) {
  .elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option label,
  .elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option label {
    padding-left: 34px;
    line-height: 26px;
  }
  
  .elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option label::before,
  .elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option label::before {
    width: 22px;
    height: 22px;
  }
  
  .elementor-field-type-checkbox.elementor-field-group-field_3037e98 .elementor-field-option input[type="checkbox"]:checked + label::after,
  .elementor-field-type-checkbox.elementor-field-group-field_df44653 .elementor-field-option input[type="checkbox"]:checked + label::after {
    left: 7px;
    width: 6px;
    height: 11px;
  }
}






/* Elementor 表单单选按钮样式 - 提示词居中于放大预览图（优化版） */

/* 基础样式 - 电脑端和移动端统一 */
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option {
  display: inline-block;
  margin: 8px;
  position: relative;
}

.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label {
  display: block;
  width: 70px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: transparent !important;
  text-shadow: none !important;
  position: relative;
  z-index: 10;
}

/* 定义三个选项的背景图片 */
label[for="form-field-field_686c168-0"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/05/侧边-平板.jpg'); }
label[for="form-field-field_686c168-1"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/05/侧边-条纹.jpg'); }
label[for="form-field-field_686c168-2"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/05/侧边-散热齿.jpg'); }

/* 提示框和放大预览图容器 - 公共样式 */
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::before,
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::after {
  content: '';
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 20;
  pointer-events: none;
}

/* 放大预览图片（按钮上方） */
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::before {
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  width: 260px;
  height: 260px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* 提示框（预览图上方居中） */
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::after {
  bottom: calc(100% + 280px); /* 位于预览图正上方 */
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 14px;
  background: rgba(0, 0, 0, 0.85);
  color: white;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  width: 100%; /* 修改：使用预览图宽度 */
  max-width: 260px; /* 限制最大宽度为预览图宽度 */
  box-sizing: border-box; /* 确保内边距不增加宽度 */
}

/* 提示框箭头（指向预览图中心） */
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::after::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.85);
}

/* 为每个选项设置提示词 */
label[for="form-field-field_686c168-0"]::after { content: "Flat" !important; text-align: center; }
label[for="form-field-field_686c168-1"]::after { content: "Stripe" !important; text-align: center; }
label[for="form-field-field_686c168-2"]::after { content: "Heat" !important; text-align: center; }

/* 为每个选项设置放大预览图 */
label[for="form-field-field_686c168-0"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/05/侧边-平板.jpg'); }
label[for="form-field-field_686c168-1"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/05/侧边-条纹.jpg'); }
label[for="form-field-field_686c168-2"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/05/侧边-散热齿.jpg'); }

/* 悬停效果 - 同时显示提示框和放大预览图 */
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label:hover::before,
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scale(1);
}

.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label:hover {
  transform: scale(1.2);
  box-shadow: 0 0 18px rgba(0, 115, 230, 0.9);
  z-index: 10;
}

/* 选中状态 */
.elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option input[type="radio"]:checked + label {
  border-color: #0073e6;
  background-color: rgba(0, 115, 230, 0.15);
  transform: scale(1.15);
  box-shadow: 0 0 15px rgba(0, 115, 230, 0.7);
}

/* 响应式适配 - 防止内容溢出屏幕 */
@media (max-width: 1024px) {
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::before {
    width: 220px;
    height: 220px;
    bottom: calc(100% + 12px);
  }
  
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::after {
    font-size: 13px;
    padding: 6px 12px;
    bottom: calc(100% + 235px); /* 220px预览图高度 + 15px间距 */
    max-width: 220px; /* 与预览图宽度匹配 */
  }
}

@media (max-width: 768px) {
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label {
    width: 60px;
    height: 60px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::before {
    width: 180px;
    height: 180px;
    bottom: calc(100% + 10px);
  }
  
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::after {
    font-size: 12px;
    padding: 5px 10px;
    bottom: calc(100% + 195px); /* 180px预览图高度 + 15px间距 */
    max-width: 180px; /* 与预览图宽度匹配 */
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option {
    margin: 5px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label {
    width: 50px;
    height: 50px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::before {
    width: 160px;
    height: 160px;
    bottom: calc(100% + 8px);
  }
  
  .elementor-field-type-radio.elementor-field-group-field_686c168 .elementor-field-option label::after {
    font-size: 11px;
    padding: 4px 8px;
    bottom: calc(100% + 173px); /* 160px预览图高度 + 13px间距 */
    max-width: 160px; /* 与预览图宽度匹配 */
  }
}












/* 基础样式 - 电脑端和移动端统一 */
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option {
  display: inline-block;
  margin: 8px;
  position: relative;
}

.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label {
  display: block;
  width: 70px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: transparent !important;
  text-shadow: none !important;
  position: relative;
  z-index: 10;
}

/* 定义背景图片 */
label[for="form-field-field_e8d3171-0"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-royal-blue.png'); }
label[for="form-field-field_e8d3171-1"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-light-blue.png'); }
label[for="form-field-field_e8d3171-2"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-blue.png'); }
label[for="form-field-field_e8d3171-3"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-Green.png'); }
label[for="form-field-field_e8d3171-4"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-green.png'); }
label[for="form-field-field_e8d3171-5"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-red.png'); }
label[for="form-field-field_e8d3171-6"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-red.png'); }
label[for="form-field-field_e8d3171-7"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-gray.png'); }
label[for="form-field-field_e8d3171-8"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-black.png'); }
label[for="form-field-field_e8d3171-9"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Light-gray-sandblasted.png'); }
label[for="form-field-field_e8d3171-10"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Dark-Gray.png'); }
label[for="form-field-field_e8d3171-11"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-gray.png'); }
label[for="form-field-field_e8d3171-12"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-deep-gray.png'); }
label[for="form-field-field_e8d3171-13"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-silver.png'); }
label[for="form-field-field_e8d3171-14"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-gold.png'); }
label[for="form-field-field_e8d3171-15"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-champagne-gold.png'); }
label[for="form-field-field_e8d3171-16"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-gold.png'); }
label[for="form-field-field_e8d3171-17"] { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-Champagne-Gold.png'); }

/* 提示框和放大预览图容器 - 公共样式 */
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::before,
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::after {
  content: '';
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 20;
  pointer-events: none;
}

/* 放大预览图片（按钮上方） */
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::before {
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  width: 260px;
  height: 260px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white; /* 添加白色背景 */
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* 提示框（预览图上方居中） */
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::after {
  bottom: calc(100% + 280px);
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 14px;
  background: rgba(0, 0, 0, 0.85);
  color: white;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  width: max-content;
}

/* 提示框箭头（指向预览图中心） */
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::after::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.85);
}

/* 为每个选项设置提示词 */
label[for="form-field-field_e8d3171-0"]::after { content: "Sandblasted royal blue" !important; }
label[for="form-field-field_e8d3171-1"]::after { content: "Sandblasted light blue" !important; }
label[for="form-field-field_e8d3171-2"]::after { content: "Brushed blue" !important; }
label[for="form-field-field_e8d3171-3"]::after { content: "Sandblasted Green" !important; }
label[for="form-field-field_e8d3171-4"]::after { content: "Brushed green" !important; }
label[for="form-field-field_e8d3171-5"]::after { content: "Sandblasted red" !important; }
label[for="form-field-field_e8d3171-6"]::after { content: "Brushed red" !important; }
label[for="form-field-field_e8d3171-7"]::after { content: "Sandblasted gray" !important; }
label[for="form-field-field_e8d3171-8"]::after { content: "Sandblasted black" !important; }
label[for="form-field-field_e8d3171-9"]::after { content: "Light gray sandblasted" !important; }
label[for="form-field-field_e8d3171-10"]::after { content: "Dark Gray" !important; }
label[for="form-field-field_e8d3171-11"]::after { content: "Brushed gray" !important; }
label[for="form-field-field_e8d3171-12"]::after { content: "Brushed deep gray" !important; }
label[for="form-field-field_e8d3171-13"]::after { content: "Brushed silver" !important; }
label[for="form-field-field_e8d3171-14"]::after { content: "Sandblasted gold" !important; }
label[for="form-field-field_e8d3171-15"]::after { content: "Sandblasted champagne gold" !important; }
label[for="form-field-field_e8d3171-16"]::after { content: "Brushed gold" !important; }
label[for="form-field-field_e8d3171-17"]::after { content: "Brushed Champagne Gold" !important; }

/* 为每个选项设置放大预览图 */
label[for="form-field-field_e8d3171-0"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-royal-blue.png'); }
label[for="form-field-field_e8d3171-1"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-light-blue.png'); }
label[for="form-field-field_e8d3171-2"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-blue.png'); }
label[for="form-field-field_e8d3171-3"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-Green.png'); }
label[for="form-field-field_e8d3171-4"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-green.png'); }
label[for="form-field-field_e8d3171-5"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-red.png'); }
label[for="form-field-field_e8d3171-6"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-red.png'); }
label[for="form-field-field_e8d3171-7"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-gray.png'); }
label[for="form-field-field_e8d3171-8"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-black.png'); }
label[for="form-field-field_e8d3171-9"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Light-gray-sandblasted.png'); }
label[for="form-field-field_e8d3171-10"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Dark-Gray.png'); }
label[for="form-field-field_e8d3171-11"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-gray.png'); }
label[for="form-field-field_e8d3171-12"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-deep-gray.png'); }
label[for="form-field-field_e8d3171-13"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-silver.png'); }
label[for="form-field-field_e8d3171-14"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-gold.png'); }
label[for="form-field-field_e8d3171-15"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Sandblasted-champagne-gold.png'); }
label[for="form-field-field_e8d3171-16"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-gold.png'); }
label[for="form-field-field_e8d3171-17"]::before { background-image: url('https://pumaycase.com/wp-content/uploads/2025/04/Brushed-Champagne-Gold.png'); }

/* 悬停效果 - 同时显示提示框和放大预览图 */
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label:hover::before,
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scale(1);
}

.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label:hover {
  transform: scale(1.2);
  box-shadow: 0 0 18px rgba(0, 115, 230, 0.9);
  z-index: 10;
}

/* 选中状态 */
.elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option input[type="radio"]:checked + label {
  border-color: #0073e6;
  background-color: rgba(0, 115, 230, 0.15);
  transform: scale(1.15);
  box-shadow: 0 0 15px rgba(0, 115, 230, 0.7);
}

/* 响应式适配 - 防止内容溢出屏幕 */
@media (max-width: 1024px) {
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::before {
    width: 220px;
    height: 220px;
    bottom: calc(100% + 12px);
  }
  
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::after {
    font-size: 13px;
    padding: 6px 12px;
    bottom: calc(100% + 235px);
  }
}

@media (max-width: 768px) {
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label {
    width: 60px;
    height: 60px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::before {
    width: 180px;
    height: 180px;
    bottom: calc(100% + 10px);
  }
  
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::after {
    font-size: 12px;
    padding: 5px 10px;
    bottom: calc(100% + 195px);
    white-space: normal;
    max-width: 180px;
  }
}

@media (max-width: 480px) {
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option {
    margin: 5px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label {
    width: 50px;
    height: 50px;
  }
  
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::before {
    width: 160px;
    height: 160px;
    bottom: calc(100% + 8px);
  }
  
  .elementor-field-type-radio.elementor-field-group-field_e8d3171 .elementor-field-option label::after {
    font-size: 11px;
    padding: 4px 8px;
    bottom: calc(100% + 173px);
    max-width: 150px;
  }
}/* End custom CSS */