.elementor-876 .elementor-element.elementor-element-bca2dd6:not(.elementor-motion-effects-element-type-background), .elementor-876 .elementor-element.elementor-element-bca2dd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.5starmitcham.com.au/wp-content/uploads/2025/06/dl.beatsnoop.com-final-Z41JKDNBTS.jpg");background-position:center center;background-size:cover;}.elementor-876 .elementor-element.elementor-element-bca2dd6 > .elementor-background-overlay{background-color:#000000;opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-876 .elementor-element.elementor-element-bca2dd6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:155px 0px 105px 0px;}.elementor-876 .elementor-element.elementor-element-6101e1e{margin-top:0px;margin-bottom:110px;}.elementor-876 .elementor-element.elementor-element-c6064ed.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-876 .elementor-element.elementor-element-61b909e{width:auto;max-width:auto;text-align:left;}.elementor-876 .elementor-element.elementor-element-61b909e > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 20px 0px;padding:0px 10px 0px 10px;}.elementor-876 .elementor-element.elementor-element-61b909e .elementor-heading-title{line-height:1.3em;}.elementor-876 .elementor-element.elementor-element-7a6ebe5{text-align:center;}.elementor-876 .elementor-element.elementor-element-7a6ebe5 .elementor-heading-title{line-height:1.1em;color:#FFFFFF;}.elementor-876 .elementor-element.elementor-element-12ed06a{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-876 .elementor-element.elementor-element-12ed06a > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-876 .elementor-element.elementor-element-12ed06a.elementor-element{--align-self:center;}.elementor-876 .elementor-element.elementor-element-077ed8b:not(.elementor-motion-effects-element-type-background), .elementor-876 .elementor-element.elementor-element-077ed8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-876 .elementor-element.elementor-element-077ed8b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:00px;margin-bottom:100px;padding:0% 4% 0% 4%;}.elementor-876 .elementor-element.elementor-element-077ed8b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-876 .elementor-element.elementor-element-bca2dd6{padding:150px 0px 75px 0px;}.elementor-876 .elementor-element.elementor-element-6101e1e{margin-top:0px;margin-bottom:55px;}.elementor-876 .elementor-element.elementor-element-077ed8b{padding:0% 2% 0% 2%;}}@media(max-width:767px){.elementor-876 .elementor-element.elementor-element-12ed06a{--container-widget-width:629px;--container-widget-flex-grow:0;width:var( --container-widget-width, 629px );max-width:629px;}}/* Start custom CSS for shortcode, class: .elementor-element-282ba80 *//* ================== 卡片布局容器 ================== */
.girl-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 10px;
}

/* 手机端：2列排布 */
@media (max-width: 767px) {
  .girl-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0px;
  }
  .girl-profile{
      width:210px;
      
  }
  
}


/* ================== 单个卡片 ================== */
.girl-profile {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: transform 0.3s ease;
  
}

.girl-profile:hover {
  transform: translateY(-5px);
}


/* ================== 图片容器（统一比例） ================== */
.girl-image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 125%; /* 4:5 高度比例，推荐比例 */
  overflow: hidden;
  border-radius: 10px;
}

.girl-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}


/* ================== 鼠标悬浮显示名字 ================== */
.girl-name-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 8px 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
}



/* ================== 点击展开详细资料，从下滑入 ================== */
.girl-details-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  padding: 15px;
  transform: translateY(100%);
  transition: transform 0.4s ease;
  overflow-y: auto;
  z-index: 2;
}

.girl-profile.open .girl-details-overlay {
  transform: translateY(0%);
}

.girl-details-overlay h2 {
  margin-top: 0;
  font-size: 18px;
}

.girl-details-overlay ul {
  padding-left: 15px;
  margin: 10px 0;
  list-style: disc;
}

.girl-description {
  margin-top: 10px;
  font-size: 14px;
}/* End custom CSS */