#douban-select-modal .modal-dialog {
    max-width: 500px !important;
    width: 95% !important;
}
#douban-select-list {
    max-height: 100% !important;
}
@media (max-width: 767px) {
    #douban-select-modal .modal-dialog {
        max-width: 98vw !important;
        width: 98vw !important;
    }
}

#douban-modal-title {
    background: #fff;
    border-bottom: 1px solid #dcdcde;
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    margin: 0;
}

/*豆瓣相关*/
.movie-info {
    padding: 7px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(26, 26, 26, .1);
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #ffffff 8.56%, rgba(255, 255, 255, 0) 54.21%), radial-gradient(38.36% 126.97% at 0.79% 79.32%, rgba(0, 115, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(37.51% 157.39% at 83.12% 10.83%, rgba(0, 115, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(23.44% 59.26% at 0.42% 0%, rgba(255, 132, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(24.48% 60.57% at 67.76% 90.07%, rgba(255, 132, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(168.43% 350.01% at 57.43% 23.44%, #f6f8fb 1.42%, rgba(243, 247, 254, 0) 100%), linear-gradient(0deg, #ffffff, #ffffff), #f6f8fb;
}

.movie-info img {
    max-width: 253px; /* 设置图片最大宽度 */
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 20px; /* 图片和文字之间的间距 */
}

.movie-info-content {
    flex: 1; /* 填充剩余空间 */
}

.movie-info h2 {
    font-size: 26px; /* 增大字体大小 */
    color: #333;
    margin-bottom: 10px;
}

.movie-info p {
    font-size: 14px; /* 增大字体大小 */
    color: #666;
    margin-bottom: 5px;
}

@media (max-width: 767px) { /* 在手机上应用以下样式 */
    .movie-info {
        flex-direction: column; /* 将图片和文字堆叠在一起 */
        align-items: flex-start; /* 文字左对齐 */
    }

    .movie-info img {
        margin-right: 38px; /* 清除图片和文字之间的间距 */
        margin-bottom: 10px; /* 图片和文字之间的间距 */
    }
}
/*定义标题*/
.movie-title {
    font-size: 20px; /* 设置标题字体大小 */
    margin-bottom: 10px; /* 下方间距 */
    position: relative;
    display: inline-block; /* 以块级形式显示，便于边框适应文本 */
    /*border-bottom: 2px solid #0084ff;  下划线样式 */
    padding-bottom: 2px; /* 与下划线的距离 */
    text-align: center; /* 水平居中对齐文本 */
}
/*定义豆瓣评分样式*/
.badge-vlo1 {
    background: rgba(41, 151, 247, .1); /* 背景 */
    color: #3b82f6; /* 文字颜色 */
    border-radius: 5px; /* 圆角 */
    padding: 2px 6px; /* 内边距 */
    margin-left: 9px; /* 与名称的间距 */
    font-size: 11px; /* 字体大小 */
    font-weight: bold; /* 加粗文字 */
    display: inline-block; /* 确保它是块级元素，且可调节大小 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}
.badge-vlo2 {
    background: #ffd5d5; /* 红色背景 */
    color: #f95a5a; /* 文字颜色 */
    border-radius: 5px; /* 圆角 */
    padding: 2px 6px; /* 内边距 */
    margin-left: 9px; /* 与名称的间距 */
    font-size: 11px; /* 字体大小 */
    font-weight: bold; /* 加粗文字 */
    display: inline-block; /* 确保它是块级元素，且可调节大小 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}
/*主演隐藏2行*/
.actor-list {
   display: -webkit-box; /* 使用 Flexbox 布局 */
    -webkit-box-orient: vertical; /* 设置为纵向排列 */
    -webkit-line-clamp: 2; /* 限制显示两行 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 使用省略号 */
    max-height: 3em; /* 设定最大高度，通常行高乘以行数 */
    line-height: 1.5em; /* 设置行高 */
}
/* 评论区域样式 */
.custom-blockquote {
    /*background: linear-gradient(to right, #fff4f1, #fff);*/
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    margin: 20px 0;
    padding: 20px 30px;
    position: relative;
    display: block;
}
.custom-blockquote::before {
    color: #aaa;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 10px;
    vertical-align: -0.4em;
}
.custom-blockquote::after {
    color: #bbb;
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    opacity: 0.7;
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.year { color: #888; font-size: 16px;margin-left: 4px;}