.elementor-23624 .elementor-element.elementor-element-d76c72e{--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-23624 .elementor-element.elementor-element-d76c72e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23624 .elementor-element.elementor-element-1e770a9{--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-23624 .elementor-element.elementor-element-2710aa6{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-23624 .elementor-element.elementor-element-2710aa6:not(.elementor-motion-effects-element-type-background), .elementor-23624 .elementor-element.elementor-element-2710aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFC;}.elementor-23624 .elementor-element.elementor-element-c7b9a5d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-23624 .elementor-element.elementor-element-c7b9a5d .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-23624 .elementor-element.elementor-element-c7b9a5d .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-23624 .elementor-element.elementor-element-c7b9a5d .elementor-divider__text{color:var( --e-global-color-secondary );font-weight:600;}.elementor-23624 .elementor-element.elementor-element-69c51c2{--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-23624 .elementor-element.elementor-element-ddbb999{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-23624 .elementor-element.elementor-element-c474f34{--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-23624 .elementor-element.elementor-element-dc4b318{--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-23624 .elementor-element.elementor-element-08ec8e2{--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-23624 .elementor-element.elementor-element-01f56da{--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-23624 .elementor-element.elementor-element-e11ea49{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23624 .elementor-element.elementor-element-1f00bdb{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;}.elementor-23624 .elementor-element.elementor-element-1f00bdb > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-23624 .elementor-element.elementor-element-1f00bdb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23624 .elementor-element.elementor-element-5b08fae{--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-23624 .elementor-element.elementor-element-e2e56b5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-23624 .elementor-element.elementor-element-9a2d0c7{--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-23624 .elementor-element.elementor-element-70959a0{--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-23624 .elementor-element.elementor-element-8146c21{--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;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23624 .elementor-element.elementor-element-8146c21:not(.elementor-motion-effects-element-type-background), .elementor-23624 .elementor-element.elementor-element-8146c21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fd56ad );}.elementor-23624 .elementor-element.elementor-element-609d85d{--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-23624 .elementor-element.elementor-element-32c45a4 .wd-text-block{max-width:1200px;}.elementor-23624 .elementor-element.elementor-element-0878e78{--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-23624 .elementor-element.elementor-element-2ef9a4f .wd-text-block{max-width:1000px;}.elementor-23624 .elementor-element.elementor-element-46afa4b{--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-23624 .elementor-element.elementor-element-b223635 .wd-text-block{max-width:1200px;}.elementor-23624 .elementor-element.elementor-element-94b87fe .wd-text-block{max-width:1200px;}.elementor-23624 .elementor-element.elementor-element-0038eee .wd-text-block{max-width:1200px;}.elementor-23624 .elementor-element.elementor-element-19bd33a{--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-23624 .elementor-element.elementor-element-5d7ad17 .wd-text-block{max-width:1200px;}.elementor-23624 .elementor-element.elementor-element-85e4471 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-23624 .elementor-element.elementor-element-85e4471 .wd-text-block{max-width:1000px;}.elementor-23624 .elementor-element.elementor-element-5fcde51 .wd-text-block{max-width:1200px;}.elementor-23624 .elementor-element.elementor-element-0c3ba93 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-23624 .elementor-element.elementor-element-0c3ba93 .wd-text-block{max-width:1000px;}.elementor-23624 .elementor-element.elementor-element-f5af6c6 .wd-text-block{max-width:1200px;}.elementor-23624 .elementor-element.elementor-element-a5992ad{--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-23624 .elementor-element.elementor-element-a5992ad:not(.elementor-motion-effects-element-type-background), .elementor-23624 .elementor-element.elementor-element-a5992ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-23624 .elementor-element.elementor-element-8ce65d1 .wd-text-block{max-width:1000px;font-size:16px;line-height:39px;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-41004e5 );}.elementor-23624 .elementor-element.elementor-element-b20b8d9{--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-23624 .elementor-element.elementor-element-2b7375c .wd-text-block{max-width:1000px;}.elementor-23624 .elementor-element.elementor-element-fa3371b{--display:flex;}.elementor-23624 .elementor-element.elementor-element-de3c687{--display:flex;}.elementor-23624 .elementor-element.elementor-element-d8af33c{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23624 .elementor-element.elementor-element-e0e78ad{text-align:center;}.elementor-23624 .elementor-element.elementor-element-e0e78ad .elementor-heading-title{font-size:32px;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-23624 .elementor-element.elementor-element-423e251{--display:flex;}.elementor-23624 .elementor-element.elementor-element-28ee6a8{--display:flex;}.elementor-23624 .elementor-element.elementor-element-6e50ba0{--display:flex;}.elementor-23624 .elementor-element.elementor-element-2997d6d{--display:flex;}.elementor-23624 .elementor-element.elementor-element-92fb9fa{--display:flex;}.elementor-23624 .elementor-element.elementor-element-2330eb3{--display:flex;}.elementor-23624 .elementor-element.elementor-element-2b207a2{--n-accordion-title-font-size:14px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-23624 .elementor-element.elementor-element-2b207a2 > .elementor-widget-container{border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-accent );}.elementor-23624 .elementor-element.elementor-element-2b207a2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-accent );}.elementor-23624 .elementor-element.elementor-element-2b207a2 {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-23624 .elementor-element.elementor-element-2b207a2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:500;}.elementor-23624 .elementor-element.elementor-element-fc0775b{--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-23624 .elementor-element.elementor-element-fc0775b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23624 .elementor-element.elementor-element-c030056{--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-23624 .elementor-element.elementor-element-a2554ee{--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-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-pagination{text-align:center !important;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-filter-container{border:1px solid #e5e5e5 !important;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-filter-container .shortcode-wcpr-filter-button{border:1px solid #e5e5e5 !important;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .rate-percent-bg .rate-percent{background-color:#1C2C63 !important;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-grid{grid-template-columns:repeat(5, 1fr) !important;column-count:5 !important;grid-gap:15px !important;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-grid-item{background-color:#f3f3f3 !important;color:#000 !important;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-stars-count .star-rating:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-content .shortcode-review-content-container .star-rating:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-stars-count .star-rating span:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-content .shortcode-review-content-container .star-rating span:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-comments .star-rating span:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star .star-rating:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star .star-rating span:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-overall-rating-right .shortcode-wcpr-overall-rating-right-star .star-rating:before,
					 .elementor-23624 .elementor-element.elementor-element-2a50e33 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-overall-rating-right .shortcode-wcpr-overall-rating-right-star .star-rating span:before{color:#ffb600 !important;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .woocommerce-photo-reviews-shortcode .woocommerce-review__verified{color:#29d50b !important;}@media(max-width:767px){.elementor-23624 .elementor-element.elementor-element-2710aa6{--content-width:500px;--padding-top:015px;--padding-bottom:015px;--padding-left:015px;--padding-right:015px;}.elementor-23624 .elementor-element.elementor-element-5b08fae{--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23624 .elementor-element.elementor-element-9a2d0c7{--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23624 .elementor-element.elementor-element-8146c21{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23624 .elementor-element.elementor-element-e0e78ad .elementor-heading-title{font-size:30px;}.elementor-23624 .elementor-element.elementor-element-2a50e33 .shortcode-wcpr-grid{grid-template-columns:repeat(1, 1fr) !important;column-count:1 !important;}}@media(min-width:768px){.elementor-23624 .elementor-element.elementor-element-d76c72e{--width:70.344%;}.elementor-23624 .elementor-element.elementor-element-1e770a9{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-2710aa6{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-69c51c2{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-c474f34{--width:50%;}.elementor-23624 .elementor-element.elementor-element-dc4b318{--width:50%;}.elementor-23624 .elementor-element.elementor-element-08ec8e2{--width:50%;}.elementor-23624 .elementor-element.elementor-element-01f56da{--width:50%;}.elementor-23624 .elementor-element.elementor-element-5b08fae{--width:50%;}.elementor-23624 .elementor-element.elementor-element-9a2d0c7{--width:50%;}.elementor-23624 .elementor-element.elementor-element-609d85d{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-0878e78{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-46afa4b{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-19bd33a{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-b20b8d9{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-fa3371b{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-d8af33c{--content-width:1200px;}.elementor-23624 .elementor-element.elementor-element-fc0775b{--width:70.344%;}.elementor-23624 .elementor-element.elementor-element-c030056{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-e77a2a0 *//* Guide Grid 样式 */
.guide-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 12px;
  column-gap: 20px;
  font-size: 14px;
}

.guide-grid div {
  white-space: nowrap;
}

.guide-grid span {
  font-weight: bold;
  margin-right: 6px;
}

.guide-grid a {
  color: #000;
  transition: color 0.2s ease;
}

.guide-grid a:hover {
  color: #1C2B62;
  text-decoration: underline;
}

/* 移动端响应式切换为单列 */
@media (max-width: 767px) {
  .guide-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f00bdb */.cut-.elementor-23624 .elementor-element.elementor-element-1f00bdb {
  font-family: sans-serif;
  text-align: center;
  margin-top: 30px;
}

.cut-image {
  height: 180px;
  display: flex;
  flex-direction: column; /* ✅ 修复：使图片和标题垂直排列 */
  align-items: center;
  justify-content: center;
}
.cut-image img {
  max-height: 100%;
  object-fit: contain;
}

.cut-options-wrapper {
  position: relative;
  max-width: 600px;
  margin: 0 auto 20px;
}

.cut-line {
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}

.cut-options {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
}

.cut-options button {
  all: unset;
  flex: 1 1 auto;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 16px;
}

.cut-options button:hover {
  background-color: transparent !important;
}

.cut-options .dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.cut-options .label {
  margin-top: 26px;
  z-index: 4;
  pointer-events: none;
  font-weight: 600;
}

.cut-options .arrow {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 2px;
  z-index: 5;
}

.cut-options button.active .dot {
  background: #1C2B62;
  border-color: #1C2B62;
}

.cut-options button.active .label {
  color: #1C2B62;
  text-decoration: underline;
}

.cut-options button.active .arrow {
  display: block;
}

.cut-content {
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 30px 20px;
  position: relative;
  min-height: 120px;
}

/* ✅ 移动端适配 */
@media (max-width: 480px) {
  .cut-options button {
    padding-bottom: 10px;
    font-size: 12px;
  }

  .cut-options .label {
    margin-top: 28px;
    font-size: 12px;
    line-height: 1.3;
  }

  .cut-options .arrow {
    margin-top: 8px;
    width: 8px;
    height: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2e56b5 */.cut-.elementor-23624 .elementor-element.elementor-element-e2e56b5 {
  font-family: sans-serif;
  text-align: center;
  margin-top: 30px;
}

.cut-image {
  height: 180px;
  display: flex;
  flex-direction: column; /* 垂直排列图+标题 */
  align-items: center;
  justify-content: center;
}

.cut-image img {
  max-height: 100%;
  object-fit: contain;
}

.cut-options-wrapper {
  position: relative;
  max-width: 600px;
  margin: 0 auto 20px;
}

.cut-line {
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}

.cut-options {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
}

.cut-options button {
  all: unset;
  flex: 1 1 auto;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 16px;
}

.cut-options button:hover {
  background-color: transparent !important;
}

.cut-options .dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.cut-options .label {
  margin-top: 26px;
  z-index: 4;
  pointer-events: none;
  font-weight: 600;
}

.cut-options .arrow {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 2px;
  z-index: 5;
}

.cut-options button.active .dot {
  background: #1C2B62;
  border-color: #1C2B62;
}

.cut-options button.active .label {
  color: #1C2B62;
  text-decoration: underline;
}

.cut-options button.active .arrow {
  display: block;
}

/* ❗️新增：不可点击灰色按钮样式 */
.cut-options button.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1;
}
.cut-options button.disabled .dot {
  background-color: #eee;
  border: 2px solid #bbb;
}
.cut-options button.disabled .label {
  color: #bbb;
  text-decoration: none;
}

.cut-content {
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 30px 20px;
  position: relative;
  min-height: 120px;
}

/* ✅ 移动端适配 */
@media (max-width: 480px) {
  .cut-options button {
    padding-bottom: 10px;
    font-size: 12px;
  }

  .cut-options .label {
    margin-top: 28px;
    font-size: 12px;
    line-height: 1.3;
  }

  .cut-options .arrow {
    margin-top: 8px;
    width: 8px;
    height: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-643c028 */.cut-.elementor-23624 .elementor-element.elementor-element-643c028 {
  font-family: sans-serif;
  text-align: center;
  margin-top: 30px;
}

.cut-image {
  height: 180px;
  display: flex;
  flex-direction: column; /* 垂直排列图+标题 */
  align-items: center;
  justify-content: center;
}

.cut-image img {
  max-height: 100%;
  object-fit: contain;
}

.cut-options-wrapper {
  position: relative;
  max-width: 600px;
  margin: 0 auto 20px;
}

.cut-line {
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}

.cut-options {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
}

.cut-options button {
  all: unset;
  flex: 1 1 auto;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 16px;
}

.cut-options button:hover {
  background-color: transparent !important;
}

.cut-options .dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.cut-options .label {
  margin-top: 26px;
  z-index: 4;
  pointer-events: none;
  font-weight: 600;
}

.cut-options .arrow {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 2px;
  z-index: 5;
}

.cut-options button.active .dot {
  background: #1C2B62;
  border-color: #1C2B62;
}

.cut-options button.active .label {
  color: #1C2B62;
  text-decoration: underline;
}

.cut-options button.active .arrow {
  display: block;
}

/* ❗️新增：不可点击灰色按钮样式 */
.cut-options button.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1;
}
.cut-options button.disabled .dot {
  background-color: #eee;
  border: 2px solid #bbb;
}
.cut-options button.disabled .label {
  color: #bbb;
  text-decoration: none;
}

.cut-content {
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 30px 20px;
  position: relative;
  min-height: 120px;
}

/* ✅ 移动端适配 */
@media (max-width: 480px) {
  .cut-options button {
    padding-bottom: 10px;
    font-size: 12px;
  }

  .cut-options .label {
    margin-top: 28px;
    font-size: 12px;
    line-height: 1.3;
  }

  .cut-options .arrow {
    margin-top: 8px;
    width: 8px;
    height: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cd24a1 *//* ======================
   桌面端样式（默认）
====================== */

/* 主布局 */
.diamond-container {
  display: flex;
  align-items: center;
  gap: 100px;
  padding: 40px;
  font-family: sans-serif;
  background: #f8f8f8;
}

/* 左侧区域 */
.diamond-left {
  max-width: 50%;
}

.diamond-left h2,
.main-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
}

.category-block {
  margin-bottom: 30px;
}

.category-block h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 8px;
}

.shape-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.shape-list span {
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
  padding: 2px 0;
  position: relative;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.2s ease;
}

.shape-list span:hover,
.shape-list span.active {
  border-bottom: 2px solid #000;
}

/* 右侧整体容器 */
.diamond-right {
  max-width: 450px;
  margin-left: 120px;
  margin-bottom: 60px;
}

/* 圆形 + 按钮整体包裹器 */
.diamond-shape-wrapper {
  width: 420px;
  margin: 0 auto;
}

/* 圆形区域 */
.diamond-shape-circle {
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

/* 钻石图片 */
.main-image {
  max-width: 240px;
  transition: all 0.3s ease;
}

.main-image.fade-out {
  opacity: 0;
  transform: scale(0.95);
}

/* 按钮压住圆底 */
.diamond-shape-circle a {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  border: 1px solid black;
  text-decoration: none;
  font-weight: 600;
  color: #000;
  font-size: 14px;
  background: #fff;
  z-index: 2;
  white-space: nowrap; /* ✅ 防止按钮文字换行 */
}

/* ======================
   移动端响应式优化
====================== */
@media (max-width: 768px) {
  .diamond-container {
    flex-direction: column-reverse;
    gap: 30px;
    padding: 20px;
  }

  .main-title,
  .diamond-left h2 {
    text-align: center;
    font-size: 20px;
    margin: 0 auto 20px;
    line-height: 1.3;
    white-space: nowrap;
  }

  .diamond-left,
  .diamond-right {
    max-width: 100%;
    width: 100%;
  }

  .diamond-left {
    text-align: left;
    padding: 0 20px;
  }

  .category-block {
    margin-bottom: 20px;
  }

  .category-block h3 {
    text-align: left;
    margin-bottom: 6px;
    font-size: 16px;
  }

  .shape-list {
    justify-content: flex-start;
  }

  .shape-list span {
    font-size: 15px;
  }

  .diamond-shape-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .diamond-shape-circle {
    width: 280px;
    height: 280px;
    margin: 0 auto;
    position: relative;
  }

  .main-image {
    max-width: 180px;
  }

  .diamond-shape-circle a {
    bottom: -16px;
  }

  .diamond-right {
    margin-left: 0;
    margin-bottom: 40px;
  }
}/* End custom CSS */