.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* 1. 外部容器：确保 Archive 网格 16:9 绝对对齐 */
.ypp-video-container {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 2. 核心：动态模糊背景 (针对竖屏视频填充黑边) */
.ypp-video-container::before {
    content: "";
    position: absolute;
    top: -10%; left: -10%; right: -10%; bottom: -10%; /* 略微溢出以消除边缘白边 */
    background-image: var(--video-poster);
    background-size: cover;
    background-position: center;
    filter: blur(20px) brightness(0.5); /* 强模糊+压暗 */
    z-index: 1;
}

/* 3. 视频本体：使用 contain 确保画面不被裁剪，100% 显示内容 */
.ypp-video-container video, 
.ypp-video-container iframe {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 关键：完整显示画面内容 */
    z-index: 2;
    position: relative;
}

/* 4. 音频内部样式 */
.ypp-audio-inner {
    z-index: 3;
    width: 90%;
}

/* 5. 下载按钮美化 */
.ypp-btn-download {
    display: block;
    margin-top: 10px;
    background: #1890ff;
    color: #fff !important;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 13px;
    transition: 0.3s;
}
.ypp-btn-download:hover { background: #40a9ff; }/* End custom CSS */