.elementor-24406 .elementor-element.elementor-element-e03ec65{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-24406 .elementor-element.elementor-element-e03ec65:not(.elementor-motion-effects-element-type-background), .elementor-24406 .elementor-element.elementor-element-e03ec65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oukecnc.com/wp-content/uploads/2025/12/Rectangle-240648908.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24406 .elementor-element.elementor-element-e03ec65::before, .elementor-24406 .elementor-element.elementor-element-e03ec65 > .elementor-background-video-container::before, .elementor-24406 .elementor-element.elementor-element-e03ec65 > .e-con-inner > .elementor-background-video-container::before, .elementor-24406 .elementor-element.elementor-element-e03ec65 > .elementor-background-slideshow::before, .elementor-24406 .elementor-element.elementor-element-e03ec65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24406 .elementor-element.elementor-element-e03ec65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000066 0%, #000000 100%);}.elementor-24406 .elementor-element.elementor-element-c027196{--display:flex;}.elementor-24406 .elementor-element.elementor-element-f6fd11a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-24406 .elementor-element.elementor-element-f6fd11a .elementor-heading-title{font-size:var( --e-global-typography-5a34043-font-size );font-weight:var( --e-global-typography-5a34043-font-weight );line-height:var( --e-global-typography-5a34043-line-height );color:#FFFFFF;}.elementor-24406 .elementor-element.elementor-element-8e804d7 .elementor-heading-title{font-family:var( --e-global-typography-38ff217-font-family ), Sans-serif;font-size:var( --e-global-typography-38ff217-font-size );font-weight:var( --e-global-typography-38ff217-font-weight );line-height:var( --e-global-typography-38ff217-line-height );color:#FFFFFF;}body:not(.rtl) .elementor-24406 .elementor-element.elementor-element-e4ff993{left:0px;}body.rtl .elementor-24406 .elementor-element.elementor-element-e4ff993{right:0px;}.elementor-24406 .elementor-element.elementor-element-e4ff993{bottom:-80%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-24406 .elementor-element.elementor-element-e4ff993 .elementor-icon-list-item:not(:last-child):after{content:"";height:60%;border-color:#ddd;}.elementor-24406 .elementor-element.elementor-element-e4ff993 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-24406 .elementor-element.elementor-element-e4ff993 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-24406 .elementor-element.elementor-element-e4ff993 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-24406 .elementor-element.elementor-element-e4ff993 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-24406 .elementor-element.elementor-element-e4ff993 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-24406 .elementor-element.elementor-element-e4ff993 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-24406 .elementor-element.elementor-element-6b62f55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-24406 .elementor-element.elementor-element-6b62f55:not(.elementor-motion-effects-element-type-background), .elementor-24406 .elementor-element.elementor-element-6b62f55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-24406 .elementor-element.elementor-element-f6fd11a .elementor-heading-title{font-size:var( --e-global-typography-5a34043-font-size );line-height:var( --e-global-typography-5a34043-line-height );}.elementor-24406 .elementor-element.elementor-element-8e804d7 .elementor-heading-title{font-size:var( --e-global-typography-38ff217-font-size );line-height:var( --e-global-typography-38ff217-line-height );}}@media(max-width:767px){.elementor-24406 .elementor-element.elementor-element-e03ec65{--min-height:400px;}.elementor-24406 .elementor-element.elementor-element-f6fd11a .elementor-heading-title{font-size:var( --e-global-typography-5a34043-font-size );line-height:var( --e-global-typography-5a34043-line-height );}.elementor-24406 .elementor-element.elementor-element-8e804d7 .elementor-heading-title{font-size:var( --e-global-typography-38ff217-font-size );line-height:var( --e-global-typography-38ff217-line-height );}.elementor-24406 .elementor-element.elementor-element-6b62f55{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(min-width:1025px){.elementor-24406 .elementor-element.elementor-element-e03ec65:not(.elementor-motion-effects-element-type-background), .elementor-24406 .elementor-element.elementor-element-e03ec65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for icon-list, class: .elementor-element-e4ff993 */.elementor-24406 .elementor-element.elementor-element-e4ff993 a .elementor-icon-list-text{
    color: #fff8;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-35d1413 */.video-search {
        padding: 50px;
        background-color: #FAFAFA;
        border-radius: 16px;
        display: flex;
        margin-bottom:20px;
        @media (max-width:798px) {
            padding: 16px;
        }

        input {
            border-radius: 0;
            border: unset;
            border-bottom: 1px solid #DDDDDDFF;
            padding: 20px 0;
            background:#FAFAFA;

            &:focus {
                outline: unset;
            }
        }

        button {
            border: unset;
            border-bottom: 1px solid #ddd;
            border-radius: 0;

            &:focus {
                background: unset;
                outline: unset;
            }

            &:hover {
                background: unset;

                svg path {
                    stroke: #DC7A29;
                }
            }
        }
    }
	#video-list {
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    grid-column-gap: 40px;
	    grid-row-gap: 100px;
	    overflow: hidden;

	    @media (max-width: 768px) {
	        grid-template-columns: repeat(2, 1fr);
	        grid-column-gap: 10px;
	        grid-row-gap: 20px;
	    }

	    .type-video {
	        position: relative;
	    }

	    .type-video:nth-of-type(3n+1)::before {
	        content: '';
	        display: block;
	        width: calc(100vw - 40px);
	        left: 0;
	        height: 1px;
	        position: absolute;
	        background: #ddd;
	        bottom: -50px;

	        @media (max-width: 768px) {
	            content: unset;
	        }
	    }

	    .elementor-widget-theme-post-featured-image img {
	        aspect-ratio: 14 / 9;
	        width: 100%;
	        height: 100%;
	        object-fit: cover;
	    }

	    .elementor-widget-theme-post-featured-image::before {
	        content: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNzcwMjA0MDE5NjM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUwNTgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTczMi41MDI4ODMgNDY1LjYwMjgxOWMtMTA3Ljg4MzQ5Mi04Mi4zNDU0LTIxNS43NzI0MDMtMTY0LjY4MTc2OS0zMjMuNjUyMjgyLTI0Ny4wMTQ1MjUtMzguNDE0NjA4LTI5LjMyNzUzNC05My43ODA1NTUtMS45MjkwMzktOTMuNzgwNTU1IDQ2LjM5NjI3N3Y0OTQuMDI5MDUxYzAgNDguMzI1MzE2IDU1LjM2NTk0OCA3NS43MjU2MTcgOTMuNzgwNTU1IDQ2LjM5ODA4NCAxMDcuODc5ODgtODIuMzMyNzU3IDIxNS43Njg3OS0xNjQuNjY5MTI2IDMyMy42NTIyODItMjQ3LjAxNDUyNSAzMC42MTM1Ni0yMy4zNTc5ODkgMzAuNjEzNTYtNjkuNDM2MzcyIDAtOTIuNzk0MzYyeiIgZmlsbD0iIzIzMTgxNSIgcC1pZD0iNTA1OSI+PC9wYXRoPjwvc3ZnPg==');
	        position: absolute;
	        top: 50%;
	        left: 50%;
	        width: 55px;
	        height: 55px;
	        border-radius: 8px;
	        transform: translate(-50%, -50%);
	        padding: 11.5px;
	        background-color: #fff;

            @media (max-width:798px) {
				width: 32px;
				height: 32px;
				padding: 0;
            }

	    }

	}


	/* 弹窗遮罩层 */
	.video-popup-overlay {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: rgba(0, 0, 0, 0.7);

	    display: flex;
	    align-items: center;
	    justify-content: center;
	    opacity: 0;
	    visibility: hidden;
	    transition: opacity 0.3s ease, visibility 0.3s ease;
	    z-index: 9999;
	}

	.video-popup-overlay.active {
	    opacity: 1;
	    visibility: visible;
	}

	.video-popup-content {
	    position: relative;
	    background: #fff;
	    border-radius: 8px;
	    max-width: 960px;
	    width: 90%;
	    max-height: 90%;
	    overflow: auto;
	    padding: clamp(15px, 2vw, 40px);
	    box-sizing: border-box;
	    display: flex;
	    flex-direction: column;
	    animation: popupScale 0.3s ease;


	    &::-webkit-scrollbar {
	        width: 6px;
	    }

	    &::-webkit-scrollbar-track {
	        background: rgba(0, 0, 0, 0.1);
	        border-radius: 5px;
	    }

	    &::-webkit-scrollbar-thumb {
	        background: #E57F2B;
	        border-radius: 5px;
	    }
		.video-popup-close-wrapper{
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			margin-bottom: 50px;
			@media (max-width:798px) {
				margin-bottom: 20px;
			}
		}

	    /* 关闭按钮 */
	    .video-popup-close {
			--svg-font-size:30px;
			position: relative;
			display: inline-flex;
			width: var(--svg-font-size);
			height: var(--svg-font-size);
			font-size: var(--svg-font-size);
			cursor: pointer;
			z-index: 10;

	        svg {
	            width: 1em;
	            height: 1em;
	        }
	    }

	    /* 弹窗标题 */
	    .video-popup-title {
	        color: #333333FF;
	        font-size: clamp(20px, 2.4vw, 30px);
	        font-weight: 600;
	    }

	    /* 视频 */
	    video {
	        width: 100%;
	        height: auto;
	        border-radius: 24px;
	        outline: none;
	    }

	    iframe {
	        border-radius: 24px;
	    }

	}


	/* 弹窗缩放动画 */
	@keyframes popupScale {
	    0% {
	        transform: scale(0.8);
	        opacity: 0;
	    }

	    100% {
	        transform: scale(1);
	        opacity: 1;
	    }
	}

	button#load-more-video {
	    margin: 50px auto 0;
	    border: 1px solid #ddd;
	    font-size: 24px;
	    border-radius: 16px;
	    gap: 20px;
	    color: #333;
	    display: flex;
	    padding: 20px 40px;
	    align-items: center;

	    @media (max-width:798px) {
	        padding: 10px 20px;
            font-size: 16px;
	    }

	    span {
	        font-size: 1em;
	        line-height: 1em;
	        width: 1em;
	        height: 1em;

	        svg {
	            width: 100%;
	            height: 100%;
	        }
	    }

	    &:focus,
	    &:hover {
	        background-color: #DC7A29;
	        color: #fff;

	        svg {
	            fill: white;
	        }
	    }
	}/* End custom CSS */