YOUTUBE VIDEO EDITOR
Generate professional YouTube videos with AI-generated visuals, voiceovers, &
subtitles and edit them easily using simple text prompts.
/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c5c6223 */.elementor-769 .elementor-element.elementor-element-5c5c6223 .elementor-heading-title {
color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3096e857 *//* 复刻图中：渐变边框 + 黑底胶囊按钮 */
.elementor-769 .elementor-element.elementor-element-3096e857 .elementor-button {
/* 1. 基础设置 */
background-color: transparent !important; /* 必须设为透明，否则背景会遮挡效果 */
color: #ffffff !important;
border-radius: 50px !important; /* 彻底圆角 */
padding: 12px 35px !important;
font-weight: 600 !important;
position: relative;
border: 2px solid transparent !important; /* 预留 2px 的透明边框位置 */
/* 2. 核心黑科技：多层背景实现渐变边框 */
/* 第一层是内部的纯黑背景，第二层是底部的渐变色背景 */
background-image:
linear-gradient(#000, #000),
linear-gradient(to right, #40E0D0, #FF69B4) !important; /* 颜色：青色 到 玫红 */
/* 将第一层背景限制在内容区，第二层背景扩展到边框区 */
background-origin: border-box !important;
background-clip: padding-box, border-box !important;
transition: all 0.3s ease !important;
}
/* 悬停时的发光效果 (可选) */
.elementor-769 .elementor-element.elementor-element-3096e857 .elementor-button:hover {
box-shadow: 0 0 15px rgba(64, 224, 208, 0.4); /* 增加一点呼吸感 */
transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d101b2c *//* 核心布局：紧凑型卡片 */
.elementor-769 .elementor-element.elementor-element-4d101b2c {
background-color: #2A2A2A !important;
border-radius: 20px;
border: 1px solid #333;
/* 【抽脂 1】把内边距从 40px 减到 20px */
padding: 25px !important;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
/* 【抽脂 2】把缝隙从 30px 减到 15px */
gap: 15px;
/* 【强效收身】这里控制卡片总宽度，你可以改这个数字 */
max-width: 700px;
width: 70%;
margin: 20px auto !important;
}
/* 视频/图片区域 */
.elementor-769 .elementor-element.elementor-element-4d101b2c .elementor-widget-video,
.elementor-769 .elementor-element.elementor-element-4d101b2c .elementor-widget-image {
flex-shrink: 0;
/* 【关键】防止视频被挤压变形，还是得靠你在外面拖滑块 */
}
/* 视频圆角 */
.elementor-769 .elementor-element.elementor-element-4d101b2c iframe, .elementor-769 .elementor-element.elementor-element-4d101b2c video, .elementor-769 .elementor-element.elementor-element-4d101b2c img {
border-radius: 12px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
/* 移动端适配 */
@media (max-width: 768px) {
.elementor-769 .elementor-element.elementor-element-4d101b2c {
flex-direction: column !important;
padding: 20px !important;
}
}}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-86bb522 */.elementor-769 .elementor-element.elementor-element-86bb522 .elementor-heading-title {
color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-541c55c8 *//* 复刻图中：渐变边框 + 黑底胶囊按钮 */
.elementor-769 .elementor-element.elementor-element-541c55c8 .elementor-button {
/* 1. 基础设置 */
background-color: transparent !important; /* 必须设为透明，否则背景会遮挡效果 */
color: #ffffff !important;
border-radius: 50px !important; /* 彻底圆角 */
padding: 12px 35px !important;
font-weight: 600 !important;
position: relative;
border: 2px solid transparent !important; /* 预留 2px 的透明边框位置 */
/* 2. 核心黑科技：多层背景实现渐变边框 */
/* 第一层是内部的纯黑背景，第二层是底部的渐变色背景 */
background-image:
linear-gradient(#000, #000),
linear-gradient(to right, #40E0D0, #FF69B4) !important; /* 颜色：青色 到 玫红 */
/* 将第一层背景限制在内容区，第二层背景扩展到边框区 */
background-origin: border-box !important;
background-clip: padding-box, border-box !important;
transition: all 0.3s ease !important;
}
/* 悬停时的发光效果 (可选) */
.elementor-769 .elementor-element.elementor-element-541c55c8 .elementor-button:hover {
box-shadow: 0 0 15px rgba(64, 224, 208, 0.4); /* 增加一点呼吸感 */
transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c2a6974 *//* 核心布局：紧凑型卡片 */
.elementor-769 .elementor-element.elementor-element-1c2a6974 {
background-color: #2A2A2A !important;
border-radius: 20px;
border: 1px solid #333;
/* 【抽脂 1】把内边距从 40px 减到 20px */
padding: 25px !important;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
/* 【抽脂 2】把缝隙从 30px 减到 15px */
gap: 15px;
/* 【强效收身】这里控制卡片总宽度，你可以改这个数字 */
max-width: 700px;
width: 70%;
margin: 20px auto !important;
}
/* 视频/图片区域 */
.elementor-769 .elementor-element.elementor-element-1c2a6974 .elementor-widget-video,
.elementor-769 .elementor-element.elementor-element-1c2a6974 .elementor-widget-image {
flex-shrink: 0;
/* 【关键】防止视频被挤压变形，还是得靠你在外面拖滑块 */
}
/* 视频圆角 */
.elementor-769 .elementor-element.elementor-element-1c2a6974 iframe, .elementor-769 .elementor-element.elementor-element-1c2a6974 video, .elementor-769 .elementor-element.elementor-element-1c2a6974 img {
border-radius: 12px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
/* 移动端适配 */
@media (max-width: 768px) {
.elementor-769 .elementor-element.elementor-element-1c2a6974 {
flex-direction: column !important;
padding: 20px !important;
}
}}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a65549c */.elementor-769 .elementor-element.elementor-element-6a65549c .elementor-heading-title {
color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3a49587c *//* 复刻图中：渐变边框 + 黑底胶囊按钮 */
.elementor-769 .elementor-element.elementor-element-3a49587c .elementor-button {
/* 1. 基础设置 */
background-color: transparent !important; /* 必须设为透明，否则背景会遮挡效果 */
color: #ffffff !important;
border-radius: 50px !important; /* 彻底圆角 */
padding: 12px 35px !important;
font-weight: 600 !important;
position: relative;
border: 2px solid transparent !important; /* 预留 2px 的透明边框位置 */
/* 2. 核心黑科技：多层背景实现渐变边框 */
/* 第一层是内部的纯黑背景，第二层是底部的渐变色背景 */
background-image:
linear-gradient(#000, #000),
linear-gradient(to right, #40E0D0, #FF69B4) !important; /* 颜色：青色 到 玫红 */
/* 将第一层背景限制在内容区，第二层背景扩展到边框区 */
background-origin: border-box !important;
background-clip: padding-box, border-box !important;
transition: all 0.3s ease !important;
}
/* 悬停时的发光效果 (可选) */
.elementor-769 .elementor-element.elementor-element-3a49587c .elementor-button:hover {
box-shadow: 0 0 15px rgba(64, 224, 208, 0.4); /* 增加一点呼吸感 */
transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bd106b9 *//* 核心布局：紧凑型卡片 */
.elementor-769 .elementor-element.elementor-element-6bd106b9 {
background-color: #2A2A2A !important;
border-radius: 20px;
border: 1px solid #333;
/* 【抽脂 1】把内边距从 40px 减到 20px */
padding: 25px !important;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
/* 【抽脂 2】把缝隙从 30px 减到 15px */
gap: 15px;
/* 【强效收身】这里控制卡片总宽度，你可以改这个数字 */
max-width: 700px;
width: 70%;
margin: 20px auto !important;
}
/* 视频/图片区域 */
.elementor-769 .elementor-element.elementor-element-6bd106b9 .elementor-widget-video,
.elementor-769 .elementor-element.elementor-element-6bd106b9 .elementor-widget-image {
flex-shrink: 0;
/* 【关键】防止视频被挤压变形，还是得靠你在外面拖滑块 */
}
/* 视频圆角 */
.elementor-769 .elementor-element.elementor-element-6bd106b9 iframe, .elementor-769 .elementor-element.elementor-element-6bd106b9 video, .elementor-769 .elementor-element.elementor-element-6bd106b9 img {
border-radius: 12px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
/* 移动端适配 */
@media (max-width: 768px) {
.elementor-769 .elementor-element.elementor-element-6bd106b9 {
flex-direction: column !important;
padding: 20px !important;
}
}}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ec7eec9 */.elementor-769 .elementor-element.elementor-element-ec7eec9 .elementor-heading-title {
color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e9a31fb *//* 复刻图中：渐变边框 + 黑底胶囊按钮 */
.elementor-769 .elementor-element.elementor-element-e9a31fb .elementor-button {
/* 1. 基础设置 */
background-color: transparent !important; /* 必须设为透明，否则背景会遮挡效果 */
color: #ffffff !important;
border-radius: 50px !important; /* 彻底圆角 */
padding: 12px 35px !important;
font-weight: 600 !important;
position: relative;
border: 2px solid transparent !important; /* 预留 2px 的透明边框位置 */
/* 2. 核心黑科技：多层背景实现渐变边框 */
/* 第一层是内部的纯黑背景，第二层是底部的渐变色背景 */
background-image:
linear-gradient(#000, #000),
linear-gradient(to right, #40E0D0, #FF69B4) !important; /* 颜色：青色 到 玫红 */
/* 将第一层背景限制在内容区，第二层背景扩展到边框区 */
background-origin: border-box !important;
background-clip: padding-box, border-box !important;
transition: all 0.3s ease !important;
}
/* 悬停时的发光效果 (可选) */
.elementor-769 .elementor-element.elementor-element-e9a31fb .elementor-button:hover {
box-shadow: 0 0 15px rgba(64, 224, 208, 0.4); /* 增加一点呼吸感 */
transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2c1f41 *//* 核心布局：紧凑型卡片 */
.elementor-769 .elementor-element.elementor-element-d2c1f41 {
background-color: #2A2A2A !important;
border-radius: 20px;
border: 1px solid #333;
/* 【抽脂 1】把内边距从 40px 减到 20px */
padding: 25px !important;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
/* 【抽脂 2】把缝隙从 30px 减到 15px */
gap: 15px;
/* 【强效收身】这里控制卡片总宽度，你可以改这个数字 */
max-width: 700px;
width: 70%;
margin: 20px auto !important;
}
/* 视频/图片区域 */
.elementor-769 .elementor-element.elementor-element-d2c1f41 .elementor-widget-video,
.elementor-769 .elementor-element.elementor-element-d2c1f41 .elementor-widget-image {
flex-shrink: 0;
/* 【关键】防止视频被挤压变形，还是得靠你在外面拖滑块 */
}
/* 视频圆角 */
.elementor-769 .elementor-element.elementor-element-d2c1f41 iframe, .elementor-769 .elementor-element.elementor-element-d2c1f41 video, .elementor-769 .elementor-element.elementor-element-d2c1f41 img {
border-radius: 12px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
/* 移动端适配 */
@media (max-width: 768px) {
.elementor-769 .elementor-element.elementor-element-d2c1f41 {
flex-direction: column !important;
padding: 20px !important;
}
}}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76ef5f92 *//* CTA 容器：赛博深空渐变版 */
.elementor-769 .elementor-element.elementor-element-76ef5f92 {
/* 1. 核心背景：深色基底 + 微弱的霓虹光晕（解决不生效问题） */
/* 我们用渐变代替纯色，左上角一点点青色光，右下角一点点粉紫色光 */
background:
radial-gradient(circle at 0% 0%, rgba(0, 242, 254, 0.08) 0%, transparent 40%),
radial-gradient(circle at 100% 100%, rgba(113, 23, 234, 0.08) 0%, transparent 40%),
#1A1A1A !important; /* 底色保持与上面卡片一致 */
/* 2. 边框与圆角 */
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.1); /* 极细的白色描边增加质感 */
/* 3. 布局与间距 */
padding: 70px 40px !important;
max-width: 1000px;
margin: 60px auto !important;
/* 4. 居中对齐 */
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
/* 5. 悬浮阴影 */
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}
/* 标题样式：白字斜体加粗 */
.elementor-769 .elementor-element.elementor-element-76ef5f92 .elementor-heading-title {
color: #FFFFFF !important;
font-size: 42px !important;
font-weight: 900 !important;
font-style: italic;
letter-spacing: -1px;
margin-bottom: 40px !important;
}
/* 按钮样式：保持高科技霓虹感 */
.elementor-769 .elementor-element.elementor-element-76ef5f92 .elementor-button {
background: linear-gradient(135deg, #00F2FE 0%, #7117EA 100%) !important;
padding: 18px 50px !important;
border-radius: 50px !important;
border: none !important;
color: #FFFFFF !important;
font-size: 18px !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 0 20px rgba(0, 242, 254, 0.4);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
/* 按钮悬停动效 */
.elementor-769 .elementor-element.elementor-element-76ef5f92 .elementor-button:hover {
transform: scale(1.05) translateY(-3px);
box-shadow: 0 0 30px rgba(0, 242, 254, 0.6);
filter: brightness(1.1);
}
/* 手机端适配 */
@media (max-width: 768px) {
.elementor-769 .elementor-element.elementor-element-76ef5f92 {
padding: 50px 20px !important;
margin: 40px 15px !important;
}
.elementor-769 .elementor-element.elementor-element-76ef5f92 .elementor-heading-title {
font-size: 30px !important;
}
}/* End custom CSS */