/* 草莓视频 外部样式表 - 赛博霓虹与流光幻影风格 */

/* 隐藏滚动条但保留滚动功能（针对某些模块） */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 霓虹发光阴影效果 */
.xs4ej6 {
    box-shadow: 0 0 15px rgba(255, 50, 120, 0.4);
}
.shadow-neon-purple {
    box-shadow: 0 0 15px rgba(120, 50, 255, 0.4);
}

/* 渐变边框效果 */
.gradient-border {
    position: relative;
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(255, 50, 120, 0.2), rgba(120, 50, 255, 0.2));
    padding: 1px;
}
.gradient-border-inner {
    background: #120c1c;
    border-radius: calc(1rem - 1px);
}

/* 毛玻璃磨砂效果 */
.glass-panel {
    background: rgba(31, 22, 46, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 50, 120, 0.1);
}

/* 视频封面悬浮缩放与彩色曝光效果 */
.cgxlt19 {
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.cgxlt19:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(255, 50, 120, 0.3), 0 8px 10px -6px rgba(120, 50, 255, 0.3);
}

/* 弹幕滚动动画效果 */
@keyframes danmaku-scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.danmaku-item {
    animation: danmaku-scroll 15s linear infinite;
}

/* 雷达扫描效果 */
@keyframes radar-scan {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.radar-scan-line {
    transform-origin: center;
    animation: radar-scan 8s linear infinite;
}

/* 一些微交互动效 */
.hover-scale-active:active {
    transform: scale(0.97);
    transition: transform 100ms cubic-bezier(0.23, 1, 0.32, 1);
}