/* 滚动条整体 */
.intro-info-desc::-webkit-scrollbar,
.rooms-list::-webkit-scrollbar,
.intro-desc-content::-webkit-scrollbar {
    width: 15px; /* 滚动条宽度 */
    -webkit-appearance: none;
    appearance: none;
}

/* 滚动槽 */
.intro-info-desc::-webkit-scrollbar-track,
.rooms-list::-webkit-scrollbar-track,
.intro-desc-content::-webkit-scrollbar-track {
    background: #DDDDDD; /* 滚动槽背景色 */
    -webkit-appearance: none;          /* 可选，但建议保持统一 */
}

/* 滚动条滑块 */
.intro-info-desc::-webkit-scrollbar-thumb,
.rooms-list::-webkit-scrollbar-thumb,
.intro-desc-content::-webkit-scrollbar-thumb {
    background: #00329F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* 滑块鼠标悬停时的样式 */
.intro-info-desc::-webkit-scrollbar-thumb:hover,
.rooms-list::-webkit-scrollbar-thumb:hover,
.intro-desc-content::-webkit-scrollbar-thumb:hover {
    background: #00329F;
}

/* 向上滚动按钮 */
.intro-info-desc::-webkit-scrollbar-button:vertical:start:decrement,
.rooms-list::-webkit-scrollbar-button:vertical:start:decrement,
.intro-desc-content::-webkit-scrollbar-button:vertical:start:decrement {
    background-color: #DDDDDD;
    border-radius: 5px !important;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235674B6' stroke-width='2'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E"); /* 下箭头SVG */
    background-repeat: no-repeat;
    background-position: center;
}

/* 向下滚动按钮 */
.intro-info-desc::-webkit-scrollbar-button:vertical:end:increment,
.rooms-list::-webkit-scrollbar-button:vertical:end:increment,
.intro-desc-content::-webkit-scrollbar-button:vertical:end:increment {
    background-color: #DDDDDD;
    border-radius: 5px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235674B6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}


