body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
  }
  a{color: #fff;}
  a:hover{color: #fff;}
  .swiper-container {
    height: 100%;
  }
  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #000;
  }
  video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .play-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    z-index: 10;
  }
  .play-header .back {
    cursor: pointer;
  }
  .play-header .counter {
    font-size: 14px;
  }
  .play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    cursor: pointer;
    /* display: none; */
    text-align: center;
    line-height: 80px;
  }
  .play-overlay.visible {
    display: flex;
  }
  .play-overlay::before {
    content: '▶';
    color: #fff;
    font-size: 40px;
  }

  /* 右侧控制按钮 */
  .video-controls {
    position: absolute;
    top: 50%;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 15;
  }
  .like-button, .playlist-button {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 20px;
    cursor: pointer;
    margin: 10px 0;
  }
  .like-button {
    display: flex;
    align-items: center;
  }
  .like-count {
    margin-left: 8px;
  }

  /* 剧集按钮列表 */
  .playlist-button {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
  }
  .playlist-button.locked {
    background: rgba(0, 0, 0, 0.8);
    position: relative;
  }
  .playlist-button.locked::after {
    content: '🔒';
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 20px;
  }

  .actions {
    position: absolute;
    right: 5%;
    bottom: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    z-index: 2;
  }
  .actions div {
    width: 50px;
    height: 50px;
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 34px;
    color: #fff;
    flex-direction: column;
  }
  .actions .hits{font-size: 14px;margin: 5px 0;}
  .actions .fa-heart{color: #ff4081;}

  /* 剧集弹窗 */
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 20;
  }
  .modal-content {
    border-radius: 8px;
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  .modal-box{
    background: #25252b;
    padding: 20px 10px;
    /* margin: 0 10px; */
  }
  .modal-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: scroll;
  }
  .modal-content ul li {
    margin: 10px 0;
  }
  .close-modal {
    background: red;
    color: white;
    border: none;
    padding: 8px;
    border-radius: 20px;
    cursor: pointer;
    float: right;
  }
  .video-cover{
    position: absolute; top: 0; left: 0; width: 100%; height: 85%;
  }
  .modal .playlist-box li{    margin-top: 10px;position: relative;float: left;width: 20%;padding-left: var(--theme-gap, 10px);padding-right: var(--theme-gap, 10px);--theme-gap: 5px;-webkit-box-sizing: border-box;}
  .modal .playlist-box li a{text-decoration: none;display: block;text-align: center;border-radius: 4px;line-height: 2.8;background-color: #3f3f3f;background-image: none;color: #fff;}
  .modal .playlist-box li a.active{background-color: #ff4081;color: #ffffff;}
  .modal .modal-content h3{color: #fff;margin: 10px 5px;font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
  .modal .total{color: #fff;background-color: #3f3f3f;padding:0px 5px;margin-right: 5px;}

  .playlist-box .lock-box{position: absolute;top: 0;right: 5px;background-color: #F5474733;border-radius: 3px;padding: 0 5px;}
  .playlist-box .lock-box .lock{width: 10px;}

  .error-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;font-size: 14px;color: #fffc;line-height: 1.8;}
  .error-btn .popup-image{display: flex;justify-content: center;align-items: center;position: relative;width: 140px;height: 220px;border: 1px solid;border-radius: 10px;overflow: hidden;}
  .error-btn .popup-image img{width: 140px;height: 220px;}
  .error-btn .title{margin-top: 10px;text-align: center;color: #fff;width: 500px;font-size: 18px;line-height: 1.8;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .error-btn .watch-popup{background: linear-gradient(270deg, #FFA756 0%, #FF6C19 100%);color: #fff;font-size: 12px;padding: 5px 10px;border-radius: 5px;}
  .error-btn .triangle{width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #f08c23}
  .error-btn .btns{    display: inline-block;width: 200px;text-align: center;font-size: 16ox;font-weight: 600;line-height: 1.8;background: linear-gradient(270deg, #F73A67 0%, #E1384E 100%);color: #fff;border: 1px solid #ff375f;border-radius: 6px;    padding: 10px 20px;}


@media (min-width: 864px) {
body{background-color: #25252c;text-align: center;margin: 0;padding: 0;max-width: 780px;margin-left: auto;margin-right: auto;} 
}
video {-webkit-touch-callout: none;-webkit-user-select: none;-webkit-overflow-scrolling: touch;playsinline: true;pointer-events: auto;}

/* subscribe pop  */
.pop-dialog{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000000b3;z-index: 9;display: none;}
.dialog{ position: fixed;max-height: 100%;overflow-y: auto;box-sizing: border-box;bottom: 0;z-index: 9;margin:0;color: #fff;font-size: 14px;background: #1a1919;max-width: 780px;margin: auto;height: 85%;left: 0;right: 0;}
.animate-up{animation: slide-up 0.5s forwards;}
.animate-down{animation: slide-down 0.5s forwards;}
@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-down {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}
.van-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #0000003d;z-index: 9;}
.van-popup{background: linear-gradient(180deg, #1C1212 1.12%, #1A1A1A 100%);height: 100%;padding-bottom: 30px;position: relative;z-index: 99;}

.van-popup .popup-content{display: flex;flex-direction: column;width: 100%;height: 100%;background: url(/static/images/payBg-4e754054.png) no-repeat;background-size: cover;}
.van-popup .popup-content .pupop-header{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.van-popup .popup-content .pupop-header img{width: 50px}
.van-popup .popup-content .pupop-body{padding: 10px}
.van-popup .popup-content .pupop-body{flex: 1;overflow: hidden;display: flex;flex-direction: column;}
.van-popup .popup-content .pupop-body .pay-list{overflow-y: scroll;padding: 10px 0;}
.van-popup .popup-content .pupop-body .title{font-size: 15px}
.pupop-body ._payItem_17v1g_1{position: relative;display: flex;height: 90px;color: #fff;
    background: url(data:image/png;base64,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) no-repeat;
background-size: 100% 100%;margin-top: 12px;}

._payItem_17v1g_1 .isActive{background: url(/static/images/listActive-b66c7045.png) no-repeat;background-size: 100% 100%;}
._payItem_17v1g_1 .pay-item-box{position: relative;display: flex;    width: 100%;}
._payItem_17v1g_1 .pay-item-box .pay-item-left{display: flex;flex-direction: column;justify-content: center;    width: 80px;text-align: center;}
._payItem_17v1g_1 .pay-item-box .pay-item-left .left-total-price{font-weight: 900;font-size: 18px;color: #fff;}
._payItem_17v1g_1 .pay-item-box .pay-item-left .left-day-price{color: #fff6;font-size: 13px}

._payItem_17v1g_1 .pay-item-box .pay-item-right{flex: 1;display: flex;flex-direction: column;justify-content: center;}
._payItem_17v1g_1 .pay-item-box .pay-item-right .right-title{text-align: left;color: #fff;font-size: 14px}
._payItem_17v1g_1 .pay-item-box .pay-item-right .right-desc{font-weight: 400;color: #c1bcbc;font-size: 12px;}
._payItem_17v1g_1 .pay-item-box{ padding: 10px 10px}

.amount-popup{position: absolute;top: 0;right: 0;transform: translateY(-40%);background: linear-gradient(270deg, #991FF9 .23%, #E64BFF 99.77%);font-size: 10px;padding: 2px 8px;border-radius: 5px;}
.popup-footer{padding: 0px 0px 12.8vw;background: transparent;padding: 0 10px;}
.popup-footer button{color: #fff;border: none;background: #E1384E;font-size: 14px;padding: 5px;position: relative;width: 100%;display: inline-block;box-sizing: border-box;padding: 15px;
    border-radius: 5px;}
/* subscribe pop end */

.popup-footer .paypal{margin-top: 10px;background: #ffd042 !important;font-weight: 800;}
.popup-footer .paypal .text-pay{color: #00339a;}
.popup-footer .paypal .text-pal{color: #00a0ed;}

.single_bg{ width: 403px;height: 403px;position: relative;background: url("/static/images/single.png") 0% 0% / cover;border-radius: 24px;padding: 90px 20px 0px;display: flex;flex-direction: column;justify-content: center;  align-items: center; color: white;
  text-align: center;}
.bonus-main{display: flex;flex-direction: column;justify-content: center; align-items: center;}
.top-banner{background:url('/static/images/single.png') no-repeat center/cover;height:100px;border-radius:20px 20px 0 0;padding-top:25px;font-size:16px;font-weight:bold}
.content{background:linear-gradient(to bottom,#ffe1dc,#fcb98f);color:#a200a2;padding:20px;border-radius:0 0 20px 20px}
.price{font-size:36px;font-weight:bold;margin-bottom:10px}
.description{font-size:14px;margin-bottom:20px}
.pay-button{background:url('/static/images/singlebtn.png') no-repeat center/cover;width:200px;height:40px;border:none;border-radius:20px;color:white;font-weight:bold;font-size:16px;cursor:pointer;margin-bottom:10px}
.close-btn{background:#444;border:none;border-radius:50%;width:30px;height:30px;color:#fff;font-size:20px;line-height:30px;cursor:pointer}
.off_img{width: 50px;height: 50px;}
.single_t1{font-size:16px;font-weight:bold;margin: 20px 0 40px;}
.single_t2{font-size:42px;font-weight:bold;margin-bottom:4px;color: #ff33dd;}
.single_t4{position:relative;height:70px;margin:30px auto 10px}
.single_t4_img{width:100%;height:100%;display:block}
.single_t5{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:bold;font-size:16px;color:white;pointer-events:none}
.single_t6{font-size:14px;margin: 10px 0;color: #8a4aac;}
.bonus{text-align:center;color:#fff;animation:bonusIn 0.4s ease-out;transform-origin:center}
@keyframes bonusIn{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}