
    /* 添加图片放大相关样式 */
    .zoom-img {
      transition: transform 0.3s ease;
      cursor: pointer;
    }
    .zoom-img:hover {
      transform: scale(1.05);
    }
    .modal-gallery .modal-dialog {
      max-width: 90%;
      margin: 1.75rem auto;
    }
    .modal-gallery .modal-content {
      background-color: transparent;
      border: none;
    }
    .modal-gallery .modal-body {
      padding: 0;
      position: relative;
    }
    .modal-gallery .gallery-img {
      width: 100%;
      height: auto;
      max-height: 80vh;
      object-fit: contain;
      border-radius: 8px;
      box-shadow: 0 0 20px rgba(0,0,0,0.2);
    }
    .modal-gallery .close-btn {
      position: absolute;
      right: 15px;
      top: 15px;
      color: #333;
      font-size: 2rem;
      z-index: 1060;
      cursor: pointer;
      text-shadow: 0 0 3px rgba(255,255,255,0.8);
      background: rgba(255,255,255,0.8);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
    }
    .modal-gallery .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #333;
      font-size: 2rem;
      z-index: 1060;
      cursor: pointer;
      text-shadow: 0 0 3px rgba(255,255,255,0.8);
      background: rgba(255,255,255,0.8);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      padding: 0;
    }
    .modal-gallery .prev-btn {
      left: 15px;
    }
    .modal-gallery .next-btn {
      right: 15px;
    }
    .modal-backdrop.show {
      opacity: 0.7;
    }
    /* 添加竖椭圆形样式 */
    .celebrity-img {
      width: 200px;
      height: 280px;
      object-fit: cover;
      border-radius: 50% / 30%;
      margin: 0 auto;
    }
    @media (max-width: 768px) {
      .celebrity-img {
        width: 140px;
        height: 200px;
      }
    }
