   * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .phone_page1 {
    width: 100%;
    margin: 0 auto;
    /* [disabled]position: absolute; */
    height: auto;
    z-index: 2;
    background-image: url(img/111.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    max-width: 1440px;
    }

    .carousel-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
    max-width: 1440px;
    }

    .arrow {
    /* [disabled]cursor: pointer; */
    user-select: none;
    width: 5%;
    height: auto;
    }

    .arrow-img {
    width: 100%;
    height: auto;
    }

    .phone-slide {
    width: 22%;
    /* [disabled]max-width: 300px; */
    aspect-ratio: 9 / 16; /* 寬高比例，手機螢幕通常是 9:16 */
    overflow: hidden;
    float: left;
}

.phone-wrapper {
    display: flex;
    width: 100%;
    height: 100%; /* 必須填滿父層高度 */
    transition: transform 0.5s ease-in-out;
}

.phone-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* contain或 cover，看你要不要留白 */
    flex-shrink: 0;
    /* [disabled]max-width: 300px; */
    /* [disabled]max-height: 584px; */
}


 .text-slide {
    width: 44%;
    overflow: hidden;
    margin-top: -41%;
    max-width: 638px;
    right: 15%;
    }


.text-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    }

 .text-item {
    width: 44%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* [disabled]font-size: 1.5rem; */
    opacity: 0;
    transition: opacity 0.5s ease;
    text-align: left;
    max-width: 638px;
    position: absolute;
    float: left;
    margin-top: 0px;
    }

    .text-item img {
    width: 100%;
    max-width: 638px;
    object-fit: contain;
    margin-right: 2%;
    margin-top: 2%;
    }

    .text-item.active {
    opacity: 1;
    margin-left: 0px;
    float: left;
    }

    .phone_page2 {
    width: 100%;
    /* [disabled]margin-right: 10%; */
    /* [disabled]margin-left: 10%; */
    /* [disabled]max-width: 1152px; */
    }

    .phone_page2 img {
    width: 100%;
    height: auto;
    display: block;
    margin-right: auto;
    }


  .carousel-container .arrow .arrow-img {
}
  .left {
    margin-right: 4%;
}
  .right {
}
