.stadium-detail {
  width: 100%;
  height: auto;
  min-height: 60vh;
  background: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: env(safe-area-inset-bottom);

  // 已选球场
    // 场馆列表
    .stadium-item {
      padding: 32px 20px 16px 20px;
      display: flex;
      align-items: center;
      position: relative;
      gap: 12px;
      .stadium-item-left{
        display: flex;
        padding: 14px;
        justify-content: center;
        align-items: center;
        border-radius: 12px;
        border: 0.5px solid rgba(0, 0, 0, 0.08);
        background: rgba(0, 0, 0, 0.06);
        .stadium-icon{
          width: 20px;
          height: 20px;
        }
      }
      .stadium-item-right{
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 4px;
        .stadium-name{
          font-size: 16px;
          color: #000;
          font-weight: 600;
          line-height: 24px;
          display: flex;
        }
        .stadium-address{
          display: flex;
          align-items: center;
          gap: 4px;
          color: rgba(0, 0, 0, 0.80);
          font-size: 12px;
        }
        .stadium-map-icon{
          width: 10px;
          height: 10px;
        }
      }
    }

  // 场地类型
  .venue-type-section {
    flex-shrink: 0;

    .section-title {
      padding: 18px 20px 10px 20px;
      font-size: 14px;
      font-weight: 600;
      color: #333;
      display: block;
      display: flex;
      align-items: center;
      gap: 6px;
      .heart-wrapper{
        position: relative;
        display: flex;
        align-items: center;
        .heart-icon{
          width: 22px;
          height: 22px;
          z-index: 1;
        }
        .icon-bg{
          border-radius: 1.6px;
          width: 165px;
          height: 17px;
          flex-shrink: 0;
          border: 0.5px solid rgba(238, 255, 135, 0.00);
          opacity: 0.4;
          background: linear-gradient(258deg, rgba(220, 250, 97, 0.00) 6.85%, rgba(228, 255, 59, 0.82) 91.69%);
          backdrop-filter: blur(1.25px);
          position: absolute;
          top: 2px;
          left: 4px;
        }
        .heart-text{
          font-size: 12px;
          color: rgba(0, 0, 0, 0.90);
          z-index: 2;
          font-weight: normal;
        }
      }
    }

    .option-buttons {
      display: flex;
      gap: 16px;
      padding: 0 15px;
      .textarea-tag-container{
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        background: #FFF;
        box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.06);
      }
      .option-btn {
        border-radius: 20px;
        border: 1px solid #e0e0e0;
        background: white;
        cursor: pointer;
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        height: 40px;
        border-radius: 999px;
        border: 0.5px solid rgba(0, 0, 0, 0.12);
        background: #FFF;
        font-weight: 500;
        &.selected {
          background: #000;
          border-color: #fff;
          border-radius: 999px;
          font-weight: 600;
          border: 0.5px solid rgba(0, 0, 0, 0.06);
          .option-text {
            color: white;
          }
        }

        .option-text {
          font-size: 14px;
          color: #333;
        }
      }
    }
  }


  // 底部按钮
  .bottom-actions {
    background: white;
    padding: 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
    border-top: 1px solid #e5e5e5;
    flex-shrink: 0;
    margin-top: auto;

    .action-buttons {
      display: flex;
      gap: 12px;

      .cancel-btn,
      .confirm-btn {
        flex: 1;
        height: 48px;
        border-radius: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }

      .cancel-btn {
        background: white;
        border: 1px solid #e0e0e0;

        .cancel-text {
          font-size: 16px;
          color: #666;
          font-weight: 500;
        }
      }

      .confirm-btn {
        background: #333;

        .confirm-text {
          font-size: 16px;
          color: white;
          font-weight: 500;
        }
      }
    }
  }
}