/* 弹出框居中 */
/* 遮罩层 */
.star-window-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* 半透明背景 */
    display: none; /* 默认隐藏 */
}
/* 弹窗主体 */
.star-window-body {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999; /* 高于遮罩层 */
    border-radius: 10px;
    margin: 0 auto;
    padding: 10px;
    width: 330px;
    display: flex;
    flex-direction: column; /* 确保内容垂直排列 */
    justify-content: center;
}
.star-window.open .star-window-overlay {
    display: block; /* 当弹窗打开时显示遮罩层 */
}
/* 弹出框居中 */
.star-window {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    visibility: hidden; /* 初始隐藏 */
    opacity: 0; /* 初始透明度为0 */
    transition: opacity 0.3s ease-in-out;
}
.star-window.open {
    visibility: visible; /* 显示弹窗 */
    opacity: 1;
}
.star-window-bg {
    background: linear-gradient(18deg,#0023b1,#133adc,#0023b1);
    padding: 20px 10px 10px;
    border-radius: 8px;
}
.star-window-main {
    background: #fff;
    padding: 30px;
    border-radius: 4px;
}
.star-window-title {
    font-size: 20px;
    color: #fdcd28;
    text-align: center;
	margin-bottom:10px;
    font-weight: 700;
    position: relative; /* 为伪元素定位提供基础 */
}

.star-window-title::before,
.star-window-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 70px;
    height: 2px;
    background-color: #fdcd28;
    transform: translateY(-50%);
}
.star-window-title::before {
    left: 10px;
}

.star-window-title::after {
    right: 10px;
}

.star-window-content {
    line-height: 1.7;
    margin: 20px -30px -30px;
    padding: 20px 25px;
    border-top: 1px dashed #0c2fbf;
    font-size: 13px;
    position: relative;
    color: rgba(0,0,0,0.85);
}
.star-window-content:after, .star-window-content:before {
    content: '';
    position: absolute;
    height: 16px;
    width: 8px;
}
.star-window-content:after {
    right: 0;
    top: -8px;
    background: #0c32cc;
    border-radius: 50px 0 0 50px;
    box-shadow: inset 1px 0px 1px 1px #2c346d;
}
.star-window-content:before {
    left: 0;
    top: -8px;
    background: #062bbf;
    border-radius: 0 50px 50px 0;
    box-shadow: inset -1px 0px 1px 1px #2c346d;
}
.star-window .highlight-01 {
    position: relative;
    z-index:1
}
.star-window .highlight-01::after {
    content: '';
    background: #fdcd286b;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 8px;
    z-index:-1
}
.star-window-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.qrcode-logo {
    position: absolute;
    background: #fff;
    border-radius: 8px;
    padding: 3px;
    display: inline-block;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    display: flex;
    justify-content: center; /* 居中对齐 */
    align-items: center;
}
.star-window-img img {
    max-width: 100%;  /* 图片的最大宽度为容器的宽度 */
    max-height: 100%; /* 图片的最大高度为容器的高度 */
    width: auto;      /* 保持宽度自动调整 */
    height: auto;     /* 保持高度自动调整 */
}
.star-window .starslider_menu[sliderTab] > .menu {
    display: flex;
    justify-content: center; /* 水平居中 */
    gap: 1px; /* 设置项之间的间距为1px */
}
.star-window .starslider_menu[sliderTab] > .menu > li > a {
    color: #fff !important;
    position: relative;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom:10px
}
.star-window .starslider_menu[sliderTab]>.menu>li>a.active::after {
    content: '';
    width: 14px;
    height: 14px;
    background: #ffffff;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 7px);
    bottom: -20px;
}
.star-window .starslider_menu[sliderTab]>.menu>li>a.active {
    color: #283593 !important;
}
.star-window .nav-link.active{
    background: linear-gradient(to top left, #fff 0%, #fff 40%, #fdcd28 100%)!important;
    border-radius: 50px;
}
.star-window-pane {
    display: none
}
.star-window-pane.active {
    display: block
}