.prev, .next { 
    cursor: pointer; 
    position: absolute; 
    top: 60dvh; 
    margin-top: -30px; 
    padding: 16px; 
    font-size: 30px; 
    z-index: 10;
    transform: translateY(-50%);
    color: #7f7d77;
} 
.prev { 
    left: 0;
    border-radius: 0 12px 12px 0; 
} 
.next { 
    right: 0;
    border-radius: 12px 0 0 12px; 
} 
.prev, .next {
    background-color: #f0ece1;
}
.prev:hover, .next:hover {
    color: #4f4b48;
}
.dot-container { 
    text-align: center; 
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 10dvh;
    z-index: 20;
} 
.dot { 
    cursor: pointer; 
    height: 12px; 
    width: 26px; 
    margin: 0 2px; 
    background-color: #dbd8d6; 
    border-radius: 20px; 
    display: inline-block; 
    transition: background-color 0.5s ease; 
} 
.active{ 
    background-color: #aca6a3;
}
.dot:hover { 
    background-color: #7e7977;
} 
.slideshow-container { 
    position: static;
    margin-bottom: 0;
    transform: translateY(0); /* 或移除此屬性 */
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

.slideshow-page {
    position: absolute;
    width: 100dvw;
    height: 90dvh;
}
.slideshow-word {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}