PageSourceSearch

https://www.wondershare.de/products-solutions/digital-creativity/video.html

html wondershare.de collected 2026-09-24 17:44:04 UTC 224,638 bytes, 3,846 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4<!-- Google Tag Manager -->
5<script>
vendor: 327 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9})(window,document,'script','dataLayer','
9GTM-57FR6ZG
vendor: 3 bytes, line 9
9');
9</script>
9
10<!-- End Google Tag Manager -->
11
12<meta charset="utf-8">
13<meta http-equiv="X-UA-Compatible" content="IE=edge">
14<meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1,maximum-scale=1, minimum-scale=1" />
15<link rel="shortcut icon" href="https://www.wondershare.com/favicon.ico" mce_href="https://www.wondershare.com/favicon.ico" type="image/x-icon" />
16<link rel="stylesheet" href="https://neveragain.allstatics.com/2019/assets/style/bootstrap-wondershare.min.css">
17<link rel="stylesheet" href="https://www.wondershare.com/assets/global.min.css"><title>KI-gest&#252;tzte Kreativtools f&#252;r Video-, Bild- und Medien-Workflows | Wondershare</title>
18
19<meta name="description" content="Erstellen, bearbeiten, optimieren, konvertieren und restaurieren Sie Video-, Bild- und Medieninhalte mit dem KI-gest&#252;tzten Kreativ-&#214;kosystem von Wondershare f&#252;r intelligentere Workflows." />
20<meta property="og:url" content="https://www.wondershare.de/products-solutions/digital-creativity/video.html" />
21<meta property="og:type" content="article" />
22<meta property="og:title" content="KI-gest&#252;tzte Kreativtools f&#252;r Video-, Bild- und Medien-Workflows | Wondershare" />
23<meta property="og:description" content="Erstellen, bearbeiten, optimieren, konvertieren und restaurieren Sie Video-, Bild- und Medieninhalte mit dem KI-gest&#252;tzten Kreativ-&#214;kosystem von Wondershare f&#252;r intelligentere Workflows." />
24<meta property="og:image" content="https://images.wondershare.com/images2020/og-img/home.jpg" /> 
25
26
27<link rel="stylesheet" href="https://neveragain.allstatics.com/2019/assets/vendor/swiper.min.css">
28<link rel="stylesheet" href="https://www.wondershare.com/assets/aos/aos.min.css">
29<!-- Swiper CSS 异步加载(非首屏关键) -->
30<style>
31  /* public Style */
32  .wsc-main { letter-spacing: -2%; }
33  .video-container video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
34  .video-container {position: relative;overflow: hidden;background-size: cover;}
35  .video-container::before {content: '';display: block;padding-top: var(--ratio, calc(9 / 16 * 100%));}
36  .img-container {position: relative;padding-top: var(--ratio, calc(9 / 16 * 100%));overflow: hidden;}
37  .img-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-out;}
38
39  .wsc-main h1,.wsc-main h2,.wsc-main h3,.wsc-main h4,.wsc-main h5,.wsc-main h6,.wsc-main .h1,.wsc-main .h2,.wsc-main .h3,.wsc-main .h4,.wsc-main .h5,.wsc-main .h6 { font-family: "MessinaSansWeb", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
40  .wsc-main .btn {
41    border-radius: 8px;
42    text-transform: unset;
43  }
44  .wsc-main .btn-40 {
45    padding: 7.5px 1.4375rem;
46  }
47  @media (max-width: 767.98px) {
48    .wsc-main .btn {
49        border-radius: 6px;
50        font-size: 16px;
51        padding: 11px 1.4375rem;
52    }
53    .wsc-main .btn-40 {
54      padding: 6px 13px;
55      font-size: 12px;
56    }
57  }
58  .flex-height .swiper-slide { height: auto; }
59  .rounded-24 { border-radius: 24px; }
60  .rounded-20 { border-radius: 20px; }
61  .rounded-16 { border-radius: 16px; }
62  .rounded-12 { border-radius: 12px; }
63  .rounded-8 { border-radius: 8px; }
64  .line-height-100 { line-height: 100%; }
65  .line-height-150 { line-height: 150%; }
66  .opacity-6 { opacity: 0.6; }
67  .opacity-7 { opacity: 0.7; }
68  .font-size-80 {
69    font-size: 80px;
70  }
71  .font-size-180 {
72    font-size: 180px;
73  }
74  .letter-spacing--2{
75    letter-spacing: -2%;
76  }
77  .container-all {
78    width: 100%;
79    margin-right: auto;
80    margin-left: auto;
81    padding-right: 24px;
82    padding-left: 24px;
83  }
84  @media (min-width: 1280px) {
85    .container-all{
86      padding-right: 20px;
87      padding-left: 20px;
88    }
89  }
90  @media (min-width: 2600px) {
91    .container-all{
92      width: 2560px;
93    }
94  }
95  .container-all .row {
96    margin-left: -10px;
97    margin-right: -10px;
98  }
99  .container-all .col-xl-6,
100  .container-all .col-auto {
101    padding-left: 10px;
102    padding-right: 10px;
103  }
104  .py-10 {
105    padding-top: 10px;
106    padding-bottom: 10px;
107  }
108  .my-n10 {
109    margin-top: -10px;
110    margin-bottom: -10px;
111  }
112  @media (max-width: 767.98px) {
113    .py-10 {
114      padding-top: 12px;
115      padding-bottom: 12px;
116    }
117    .my-n10 {
118      margin-top: -12px;
119      margin-bottom: -12px;
120    }
121  }
122
123  @font-face {
124    font-family: 'FunnelDisplay';
125    src: url('https://www.wondershare.com/home/20260403/FunnelDisplay-Bold.ttf') format('truetype');
126    font-weight: 700;
127    font-style: normal;
128    font-display: swap;
129  }
130  @media (min-width: 768px) {
131    .font-weight-md-bold {
132      font-weight: 700 !important;
133    }
134  }
135
136  .function-swiper-m { --time: 5s; }
137  .function-swiper-m .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.2); opacity: 1; border-radius: 4px; position: relative; transition: width .3s; }
138  .function-swiper-m .swiper-pagination-bullet-active { width: 3rem; background: rgba(0, 0, 0, 0.2); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 50%, #000 50%); background-size: 200%; background-position-x: 0%; animation: position var(--time) linear forwards; }
139  @keyframes position {
140      0% { background-position-x: 0%; }
141      100% { background-position-x: -100%; }
142  }
143  .function-swiper-m.swiper-container-horizontal>.swiper-pagination-bullets{
144      position: relative;
145      margin-top: 16px;
146      bottom: 0px;
147      width: auto;
148      left: 50%;
149      transform: translateX(-50%);
150  }
151
152  /* part-banner */
153  .part-banner .video-container {
154    --ratio:calc(800 / 1880 * 100%);
155  }
156  @media (max-width: 767.98px) {
157    .part-banner .rounded-24{
158        border-radius: 0px;
159    }
160    .part-banner .container-all {
161      padding-left: 0;
162      padding-right: 0;
163    }
164    .part-banner .video-container.rounded-16 {
165      border-radius: 0;
166    }
167    .part-banner .video-container::before {
168      --ratio:calc(428 / 375 * 100%);
169    }
170    .m-padding-x-24 {
171      padding-left: 24px;
172      padding-right: 24px;
173    }
174  }
175
176  /* part-ai-powered */
177  .part-ai-powered {
178    padding: 108px 0 0;
179  }
180  .part-ai-powered-item {
181    background-color: rgba(244, 245, 249, 1);
182  }
183  .part-ai-powered .text-content {
184    padding: 40px;
185  }
186  .part-ai-powered-item-tags>div {
187    border: 1px solid rgba(0, 0, 0, 0.25);
188    padding: 8px 16px;
189  }
190  .part-ai-powered-item-tags {
191    gap: 8px;
192  }
193  .part-ai-powered-item-supports {
194    gap: 8px;
195  }
196  .part-ai-powered-item-support-icon {
197    width: 32px;
198    height: 32px;
199    background-size: 100% 100%;
200  }
201  .part-ai-powered-item-text-content {
202    position: absolute;
203    top: 0;
204    left: 0;
205    padding: 40px 40px 0 40px;
206    width: 100%;
207  }
208  .part-ai-powered-item .go-icon {
209    width: 32px;
210    height: 32px;
211    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNzUiIGQ9Ik0xNiAyQzIzLjczMiAyIDMwIDguMjY4MDEgMzAgMTZDMzAgMjMuNzMyIDIzLjczMiAzMCAxNiAzMEM4LjI2ODAxIDMwIDIgMjMuNzMyIDIgMTZDMiA4LjI2ODAxIDguMjY4MDEgMiAxNiAyWk0xNi42OTczIDkuOTA3MjNDMTYuMzU1NiA5LjU2NTUyIDE1LjgwMTcgOS41NjU1MiAxNS40NiA5LjkwNzIzQzE1LjExODQgMTAuMjQ4OSAxNS4xMTgzIDEwLjgwMjkgMTUuNDYgMTEuMTQ0NUwxOS41NDg4IDE1LjIzMzRIOUM4LjUxNjg2IDE1LjIzMzQgOC4xMjQxOSAxNS42MjUzIDguMTI0MDIgMTYuMTA4NEM4LjEyNDAyIDE2LjU5MTYgOC41MTY3NSAxNi45ODQ0IDkgMTYuOTg0NEwxOS41NDg4IDE2Ljk4MzRMMTUuNDYgMjEuMDczMkMxNS4xMTg0IDIxLjQxNDkgMTUuMTE4NCAyMS45Njg5IDE1LjQ2IDIyLjMxMDVDMTUuODAxNiAyMi42NTIxIDE2LjM1NTYgMjIuNjUyMSAxNi42OTczIDIyLjMxMDVMMjIuMjgwMyAxNi43Mjc1QzIyLjYyMiAxNi4zODU5IDIyLjYyMTkgMTUuODMxOSAyMi4yODAzIDE1LjQ5MDJMMTYuNjk3MyA5LjkwNzIzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
212    opacity: 0;
213    background-size: 100% 100%;
214    transition: all 0.3s;
215  }
216  .part-ai-powered-item:hover .go-icon{
217    opacity: 1;
218  }
219  .support-pc {
220    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC4zMzMzIDMwSDE2SDIxLjY2NjdNMTYgMjUuMTI1SDI3Ljg4ODlDMjguNzE0IDI1LjEyNSAyOS41MDUzIDI0Ljc4MjYgMzAuMDg4OCAyNC4xNzMxQzMwLjY3MjIgMjMuNTYzNiAzMSAyMi43MzcgMzEgMjEuODc1VjUuMjVDMzEgNC4zODgwNSAzMC42NzIyIDMuNTYxNCAzMC4wODg4IDIuOTUxOUMyOS41MDUzIDIuMzQyNDEgMjguNzE0IDIgMjcuODg4OSAySDQuMTExMTFDMy4yODU5OSAyIDIuNDk0NjcgMi4zNDI0MSAxLjkxMTIyIDIuOTUxOUMxLjMyNzc4IDMuNTYxNCAxIDQuMzg4MDUgMSA1LjI1VjIxLjg3NUMxIDIyLjczNyAxLjMyNzc4IDIzLjU2MzYgMS45MTEyMiAyNC4xNzMxQzIuNDk0NjcgMjQuNzgyNiAzLjI4NTk5IDI1LjEyNSA0LjExMTExIDI1LjEyNUgxNloiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
221  }
222  .support-phone {
223    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjgiIHk9IjIiIHdpZHRoPSIxOCIgaGVpZ2h0PSIyOCIgcng9IjMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi43NSAyNi41QzE3LjIxNDEgMjYuNSAxNy42NTkyIDI2LjMxNTYgMTcuOTg3NCAyNS45ODc0QzE4LjMxNTYgMjUuNjU5MiAxOC41IDI1LjIxNDEgMTguNSAyNC43NUMxOC41IDI0LjI4NTkgMTguMzE1NiAyMy44NDA4IDE3Ljk4NzQgMjMuNTEyNkMxNy42NTkyIDIzLjE4NDQgMTcuMjE0MSAyMyAxNi43NSAyM0MxNi4yODU5IDIzIDE1Ljg0MDggMjMuMTg0NCAxNS41MTI2IDIzLjUxMjZDMTUuMTg0NCAyMy44NDA4IDE1IDI0LjI4NTkgMTUgMjQuNzVDMTUgMjUuMjE0MSAxNS4xODQ0IDI1LjY1OTIgMTUuNTEyNiAyNS45ODc0QzE1Ljg0MDggMjYuMzE1NiAxNi4yODU5IDI2LjUgMTYuNzUgMjYuNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=');
224  }
225  .support-ipad {
226    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjUiIHk9IjIiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyOCIgcng9IjMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSAyNi41QzE2LjIxNDEgMjYuNSAxNi42NTkyIDI2LjMxNTYgMTYuOTg3NCAyNS45ODc0QzE3LjMxNTYgMjUuNjU5MiAxNy41IDI1LjIxNDEgMTcuNSAyNC43NUMxNy41IDI0LjI4NTkgMTcuMzE1NiAyMy44NDA4IDE2Ljk4NzQgMjMuNTEyNkMxNi42NTkyIDIzLjE4NDQgMTYuMjE0MSAyMyAxNS43NSAyM0MxNS4yODU5IDIzIDE0Ljg0MDggMjMuMTg0NCAxNC41MTI2IDIzLjUxMjZDMTQuMTg0NCAyMy44NDA4IDE0IDI0LjI4NTkgMTQgMjQuNzVDMTQgMjUuMjE0MSAxNC4xODQ0IDI1LjY1OTIgMTQuNTEyNiAyNS45ODc0QzE0Ljg0MDggMjYuMzE1NiAxNS4yODU5IDI2LjUgMTUuNzUgMjYuNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=');
227  }
228  .support-web {
229    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjk5ODA1IDExLjAwMDFMMjkuOTk4IDExLjA
229wMDEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjY2NjAyIDI2LjYxODdWNS4zODEzM0MxLjY2NjAyIDMuNjk3MzMgMi45OTI2OCAyLjMzMzMzIDQuNjI4NjggMi4zMzMzM0gyNy4zN0MyOS4wMDYgMi4zMzMzMyAzMC4zMzI3IDMuNjk3MzMgMzAuMzMyNyA1LjM4MTMzVjI2LjYxODdDMzAuMzMyNyAyOC4zMDI3IDI5LjAwNiAyOS42NjY3IDI3LjM3IDI5LjY2NjdINC42Mjg2OEMyLjk5MjY4IDI5LjY2NjcgMS42NjYwMiAyOC4zMDI3IDEuNjY2MDIgMjYuNjE4N1oiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8cmVjdCB4PSI2IiB5PSI1LjUiIHdpZHRoPSIyLjUiIGhlaWdodD0iMi41IiByeD0iMS4yNSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMTAuNSIgeT0iNS41IiB3aWR0aD0iMi41IiBoZWlnaHQ9IjIuNSIgcng9IjEuMjUiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjE1IiB5PSI1LjUiIHdpZHRoPSIyLjUiIGhlaWdodD0iMi41IiByeD0iMS4yNSIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==');
230  }
231  @media (max-width: 767.98px) {
232    .part-ai-powered {
233      padding: 64px 0 0;
234    }
235    .part-ai-powered .text-content {
236      padding: 24px 20px 20px;
237    }
238    .wsc-main .part-ai-powered .text-content .font-size-super {
239      font-size: 18px;
240    }
241    .part-ai-powered-item-tags>div {
242      padding: 6px 8px;
243      white-space: noWrap;
244    }
245    .part-ai-powered-item-tags {
246      gap: 8px;
247      flex-wrap: wrap;
248    }
249    .part-ai-powered-item-supports {
250      gap: 8px;
251    }
252    .part-ai-powered-item-support-icon {
253      width: 24px;
254      height: 24px;
255    }
256    .part-ai-powered-item-text-content {
257      display: none;
258    }
259    .part-ai-powered-item .btn {
260      font-size: 16px;
261      font-weight: bold;
262      padding: 7px 1.4375rem;
263      width: 100%;
264    }
265  }
266
267  /* part-ai-features-item */
268  .part-ai-features {
269    padding: 190px 0;
270  }
271  .part-ai-features-item {
272    padding: 40px 0;
273    cursor: pointer;
274    border-top: 1px solid rgba(0, 0, 0, 0.15);
275    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
276    position: relative;
277  }
278  .part-ai-features-item::before {
279    content: '';
280    position: absolute;
281    bottom: 0;
282    left: 0;
283    width: 0;
284    height: 1px;
285    background-color: rgba(255, 255, 255, 0.3);
286    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
287  }
288  .ai-features-title {
289    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
290    transform: translateX(0);
291  }
292  .part-ai-features-item > div {
293    flex: 1;
294  }
295  .part-ai-features-item-left-box {
296    padding: 0 120px 0 60px;
297    display: flex;
298    align-items: center;
299    justify-content: space-between;
300    width:100%;
301  }
302  .part-ai-features-item-left-box>.ai-features-num {
303    flex: 2;
304  }
305  .part-ai-features-item-left-box>.ai-features-title-icon-box {
306    flex: 3;
307  }
308  .part-ai-features-item-left-box-icon-m {
309    display: none;
310  }
311  .ai-features-num {
312    opacity: 0.2;
313    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
314    transform: scale(1);
315  }
316  .ai-features-desc {
317    opacity: 0.6;
318    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
319    transform: translateX(0);
320    flex: 1;
321  }
322  .part-ai-features-item-right-box {
323    padding: 0 80px 0 140px;
324    display: flex;
325    align-items: center;
326    justify-content: space-between;
327    width:100%;
328  }
329  .part-ai-features-item-right-box>.part-ai-features-item-right-box-wrapper {
330    flex: 1;
331  }
332  .part-ai-features-item-left-box-icon {
333    width: 64px;
334    height: 48px;
335    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNjQgNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00My45MzE2IDBDNDQuMDYzMiAxMC45NzY2IDUzLjAyMzQgMTkuNzY4MiA2NCAxOS42MzY2VjI3LjgwMTVDNTMuMDIzNCAyNy45MzMyIDQ0LjM3NDYgMzYuOTM4MiA0NC41MDYyIDQ3LjkxNDhMMzcuNDA2IDQ4QzM3LjMwNjYgMzkuNzE1MiA0MC45NTI2IDMyLjc5NTggNDYuNzcxMiAyNy43NzcxSDBWMjAuNDExMkg0Ni4xMzUyQzQwLjUxNjUgMTUuNTM2NyAzNi45Mjc2IDguMTA4MTIgMzYuODMxNCAwLjA4NTE1MzdMNDMuOTMxNiAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
336    background-size: 100% 100%;
337    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
338    transform: rotate(0deg) scale(1);
339  }
340  .part-ai-features-item-right-box-icon {
341    width: 32px;
342    height: 32px;
343    background-size: 100% 100%;
344    flex-shrink: 0;
345    margin-left: auto;
346    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
347    transform: scale(1) rotate(0deg);
348  }
349  .music-icon{
350    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOS41IDcuMDAwMjRDMjkuNSA3LjM5ODA3IDI5LjM0MiA3Ljc3OTYgMjkuMDYwNyA4LjA2MDlDMjguNzc5NCA4LjM0MjIxIDI4LjM5NzggOC41MDAyNCAyOCA4LjUwMDI0SDI2LjVWMTAuMDAwMkMyNi41IDEwLjM5ODEgMjYuMzQyIDEwLjc3OTYgMjYuMDYwNyAxMS4wNjA5QzI1Ljc3OTQgMTEuMzQyMiAyNS4zOTc4IDExLjUwMDIgMjUgMTEuNTAwMkMyNC42MDIyIDExLjUwMDIgMjQuMjIwNiAxMS4zNDIyIDIzLjkzOTMgMTEuMDYwOUMyMy42NTggMTAuNzc5NiAyMy41IDEwLjM5ODEgMjMu
350NSAxMC4wMDAyVjguNTAwMjRIMjJDMjEuNjAyMiA4LjUwMDI0IDIxLjIyMDYgOC4zNDIyMSAyMC45MzkzIDguMDYwOUMyMC42NTggNy43Nzk2IDIwLjUgNy4zOTgwNyAyMC41IDcuMDAwMjRDMjAuNSA2LjYwMjQyIDIwLjY1OCA2LjIyMDg5IDIwLjkzOTMgNS45Mzk1OEMyMS4yMjA2IDUuNjU4MjggMjEuNjAyMiA1LjUwMDI0IDIyIDUuNTAwMjRIMjMuNVY0LjAwMDI0QzIzLjUgMy42MDI0MiAyMy42NTggMy4yMjA4OSAyMy45MzkzIDIuOTM5NThDMjQuMjIwNiAyLjY1ODI4IDI0LjYwMjIgMi41MDAyNCAyNSAyLjUwMDI0QzI1LjM5NzggMi41MDAyNCAyNS43Nzk0IDIuNjU4MjggMjYuMDYwNyAyLjkzOTU4QzI2LjM0MiAzLjIyMDg5IDI2LjUgMy42MDI0MiAyNi41IDQuMDAwMjRWNS41MDAyNEgyOEMyOC4zOTc4IDUuNTAwMjQgMjguNzc5NCA1LjY1ODI4IDI5LjA2MDcgNS45Mzk1OEMyOS4zNDIgNi4yMjA4OSAyOS41IDYuNjAyNDIgMjkuNSA3LjAwMDI0Wk0yNy41IDE1LjUwMDJWMjEuNTAwMkMyNy41MDAzIDIyLjU3NyAyNy4xNTMgMjMuNjI1MSAyNi41MDk3IDI0LjQ4ODZDMjUuODY2NSAyNS4zNTIxIDI0Ljk2MTYgMjUuOTg0OCAyMy45Mjk5IDI2LjI5MjhDMjIuODk4MSAyNi42MDA3IDIxLjc5NDQgMjYuNTY3MyAyMC43ODMyIDI2LjE5NzZDMTkuNzcxOSAyNS44Mjc4IDE4LjkwNjkgMjUuMTQxNSAxOC4zMTcxIDI0LjI0MDdDMTcuNzI3MiAyMy4zMzk5IDE3LjQ0MzkgMjIuMjcyOCAxNy41MDkyIDIxLjE5OEMxNy41NzQ2IDIwLjEyMzIgMTcuOTg1MiAxOS4wOTgzIDE4LjY3OTkgMTguMjc1NkMxOS4zNzQ2IDE3LjQ1MyAyMC4zMTYzIDE2Ljg3NjUgMjEuMzY1IDE2LjYzMjFDMjIuNDEzNiAxNi4zODc3IDIzLjUxMzEgMTYuNDg4MyAyNC41IDE2LjkxOVYxNS41MDAyQzI0LjUgMTUuMTAyNCAyNC42NTggMTQuNzIwOSAyNC45MzkzIDE0LjQzOTZDMjUuMjIwNiAxNC4xNTgzIDI1LjYwMjIgMTQuMDAwMiAyNiAxNC4wMDAyQzI2LjM5NzggMTQuMDAwMiAyNi43Nzk0IDE0LjE1ODMgMjcuMDYwNyAxNC40Mzk2QzI3LjM0MiAxNC43MjA5IDI3LjUgMTUuMTAyNCAyNy41IDE1LjUwMDJaTTI0LjUgMjEuNTAwMkMyNC41IDIxLjEwNDcgMjQuMzgyNyAyMC43MTggMjQuMTYyOSAyMC4zODkxQzIzLjk0MzIgMjAuMDYwMiAyMy42MzA4IDE5LjgwMzkgMjMuMjY1NCAxOS42NTI1QzIyLjg5OTkgMTkuNTAxMSAyMi40OTc4IDE5LjQ2MTUgMjIuMTA5OCAxOS41Mzg3QzIxLjcyMTkgMTkuNjE1OCAyMS4zNjU1IDE5LjgwNjMgMjEuMDg1OCAyMC4wODZDMjAuODA2MSAyMC4zNjU3IDIwLjYxNTYgMjAuNzIyMSAyMC41Mzg0IDIxLjExMDFDMjAuNDYxMyAyMS40OTggMjAuNTAwOSAyMS45MDAyIDIwLjY1MjIgMjIuMjY1NkMyMC44MDM2IDIyLjYzMTEgMjEuMDYgMjIuOTQzNCAyMS4zODg5IDIzLjE2MzJDMjEuNzE3OCAyMy4zODI5IDIyLjEwNDQgMjMuNTAwMiAyMi41IDIzLjUwMDJDMjMuMDMwNCAyMy41MDAyIDIzLjUzOTEgMjMuMjg5NSAyMy45MTQyIDIyLjkxNDVDMjQuMjg5MyAyMi41Mzk0IDI0LjUgMjIuMDMwNyAyNC41IDIxLjUwMDJaTTExLjUgMTUuMTcxNVYyNS41MDAyQzExLjUwMDMgMjYuNTc3IDExLjE1MyAyNy42MjUxIDEwLjUwOTcgMjguNDg4NkM5Ljg2NjQ2IDI5LjM1MjEgOC45NjE2NCAyOS45ODQ4IDcuOTI5ODUgMzAuMjkyOEM2Ljg5ODA3IDMwLjYwMDcgNS43OTQ0NCAzMC41NjczIDQuNzgzMTUgMzAuMTk3NkMzLjc3MTg3IDI5LjgyNzggMi45MDY5NSAyOS4xNDE1IDIuMzE3MDcgMjguMjQwN0MxLjcyNzE4IDI3LjMzOTkgMS40NDM4NSAyNi4yNzI4IDEuNTA5MjMgMjUuMTk4QzEuNTc0NiAyNC4xMjMyIDEuOTg1MTggMjMuMDk4MyAyLjY3OTg5IDIyLjI3NTZDMy4zNzQ2IDIxLjQ1MyA0LjMxNjMyIDIwLjg3NjUgNS4zNjQ5NiAyMC42MzIxQzYuNDEzNjEgMjAuMzg3NyA3LjUxMzE0IDIwLjQ4ODMgOC41IDIwLjkxOVY4LjAwMDI0QzguNTAwMDUgNy42NjU3NSA4LjYxMTkxIDcuMzQwODcgOC44MTc3OCA3LjA3NzI0QzkuMDIzNjYgNi44MTM2MSA5LjMxMTc0IDYuNjI2MzYgOS42MzYyNSA2LjU0NTI0TDE2LjEzNjMgNC45MjAyNEMxNi41MTk1IDQuODMxMzkgMTYuOTIyMiA0Ljg5NjYzIDE3LjI1NzggNS4xMDE5QzE3LjU5MzQgNS4zMDcxNyAxNy44MzQ5IDUuNjM2MDUgMTcuOTMwMyA2LjAxNzY4QzE4LjAyNTcgNi4zOTkzIDE3Ljk2NzQgNi44MDMxNCAxNy43Njc5IDcuMTQyMTdDMTcuNTY4NCA3LjQ4MTIxIDE3LjI0MzcgNy43MjgzMSAxNi44NjM4IDcuODMwMjRMMTEuNSA5LjE3MTQ5VjEyLjA3OUwxOC4xMzYzIDEwLjQyMDJDMTguNTE5NSAxMC4zMzE0IDE4LjkyMjIgMTAuMzk2NiAxOS4yNTc4IDEwLjYwMTlDMTkuNTkzNCAxMC44MDcyIDE5LjgzNDkgMTEuMTM2IDE5LjkzMDMgMTEuNTE3N0MyMC4wMjU3IDExLjg5OTMgMTkuOTY3NCAxMi4zMDMxIDE5Ljc2NzkgMTIuNjQyMkMxOS41Njg0IDEyLjk4MTIgMTkuMjQzNyAxMy4yMjgzIDE4Ljg2MzggMTMuMzMwMkwxMS41IDE1LjE3MTVaTTguNSAyNS41MDAyQzguNSAyNS4xMDQ3IDguMzgyNyAyNC43MTggOC4xNjI5NCAyNC4zODkxQzcuOTQzMTggMjQuMDYwMiA3LjYzMDgyIDIzLjgwMzkgNy4yNjUzNyAyMy42NTI1QzYuODk5OTIgMjMuNTAxMSA2LjQ5Nzc4IDIzLjQ2MTUgNi4xMDk4MiAyMy41Mzg3QzUuNzIxODYgMjMuNjE1OCA1LjM2NTQ5IDIzLjgwNjMgNS4wODU3OSAyNC4wODZDNC44MDYwOCAyNC4zNjU3IDQuNjE1NiAyNC43MjIxIDQuNTM4NDMgMjUuMTEwMUM0LjQ2MTI2IDI1LjQ5OCA0LjUwMDg3IDI1LjkwMDIgNC42NTIyNCAyNi4yNjU2QzQuODAzNjIgMjYuNjMxMSA1LjA1OTk2IDI2Ljk0MzQgNS4zODg4NiAyNy4xNjMyQzUuNzE3NzYgMjcuMzgyOSA2LjEwNDQ0IDI3LjUwMDIgNi41IDI3LjUwMDJDNy4wMzA0NCAyNy41MDAyIDcuNTM5MTQgMjcuMjg5NSA3LjkxNDIyIDI2LjkxNDVDOC4yODkyOSAyNi41Mzk0IDguNSAyNi4wMzA3IDguNSAyNS41MDAyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
351    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
352  }
353  .learning-icon {
354    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45OTkzNSA2LjY2Njc1QzcuOTk5MzUgNS45MzAzNyA4LjU5NjMgNS4zMzM0MiA5LjMzMjY4IDUuMzMzNDJIMjEuMzMyN0MyMi4wNjkx
354IDUuMzMzNDIgMjIuNjY2IDUuOTMwMzcgMjIuNjY2IDYuNjY2NzVDMjIuNjY2IDcuNDAzMTMgMjIuMDY5MSA4LjAwMDA4IDIxLjMzMjcgOC4wMDAwOEg5LjMzMjY4QzguNTk2MyA4LjAwMDA4IDcuOTk5MzUgNy40MDMxMyA3Ljk5OTM1IDYuNjY2NzVaTTYuNjY2MDIgOC4wMDAwOEM3LjQwMjQgOC4wMDAwOCA3Ljk5OTM1IDguNTk3MDQgNy45OTkzNSA5LjMzMzQyVjIxLjMzMzRDNy45OTkzNSAyMi4wNjk4IDcuNDAyNCAyMi42NjY3IDYuNjY2MDIgMjIuNjY2N0M1LjkyOTY0IDIyLjY2NjcgNS4zMzI2OCAyMi4wNjk4IDUuMzMyNjggMjEuMzMzNFY5LjMzMzQyQzUuMzMyNjggOC41OTcwNCA1LjkyOTY0IDguMDAwMDggNi42NjYwMiA4LjAwMDA4Wk04LjM4OTg3IDIxLjcyMzlMMjEuNzIzMiA4LjM5MDYxQzIyLjI0MzkgNy44Njk5MSAyMy4wODgxIDcuODY5OTEgMjMuNjA4OCA4LjM5MDYxQzI0LjEyOTUgOC45MTEzMSAyNC4xMjk1IDkuNzU1NTMgMjMuNjA4OCAxMC4yNzYyTDEwLjI3NTUgMjMuNjA5NkM5Ljc1NDc5IDI0LjEzMDMgOC45MTA1NyAyNC4xMzAzIDguMzg5ODcgMjMuNjA5NkM3Ljg2OTE3IDIzLjA4ODkgNy44NjkxNyAyMi4yNDQ2IDguMzg5ODcgMjEuNzIzOVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMuOTk5MyA1LjMzMzQyQzIzLjI2MyA1LjMzMzQyIDIyLjY2NiA1LjkzMDM3IDIyLjY2NiA2LjY2Njc1QzIyLjY2NiA3LjQwMzEzIDIzLjI2MyA4LjAwMDA4IDIzLjk5OTMgOC4wMDAwOEMyNC43MzU3IDguMDAwMDggMjUuMzMyNyA3LjQwMzEzIDI1LjMzMjcgNi42NjY3NUMyNS4zMzI3IDUuOTMwMzcgMjQuNzM1NyA1LjMzMzQyIDIzLjk5OTMgNS4zMzM0MlpNMjcuOTk5MyA2LjY2Njc1QzI3Ljk5OTMgNC40NTc2MSAyNi4yMDg1IDIuNjY2NzUgMjMuOTk5MyAyLjY2Njc1QzIxLjc5MDIgMi42NjY3NSAxOS45OTkzIDQuNDU3NjEgMTkuOTk5MyA2LjY2Njc1QzE5Ljk5OTMgOC44NzU4OSAyMS43OTAyIDEwLjY2NjcgMjMuOTk5MyAxMC42NjY3QzI2LjIwODUgMTAuNjY2NyAyNy45OTkzIDguODc1ODkgMjcuOTk5MyA2LjY2Njc1Wk02LjY2NjAyIDUuMzMzNDFDNS45Mjk2NCA1LjMzMzQxIDUuMzMyNjggNS45MzAzNyA1LjMzMjY4IDYuNjY2NzVDNS4zMzI2OCA3LjQwMzEzIDUuOTI5NjQgOC4wMDAwOCA2LjY2NjAyIDguMDAwMDhDNy40MDI0IDguMDAwMDggNy45OTkzNSA3LjQwMzEzIDcuOTk5MzUgNi42NjY3NUM3Ljk5OTM1IDUuOTMwMzcgNy40MDI0IDUuMzMzNDEgNi42NjYwMiA1LjMzMzQxWk0xMC42NjYgNi42NjY3NUMxMC42NjYgNC40NTc2MSA4Ljg3NTE2IDIuNjY2NzUgNi42NjYwMiAyLjY2Njc1QzQuNDU2ODggMi42NjY3NSAyLjY2NjAyIDQuNDU3NjEgMi42NjYwMiA2LjY2Njc1QzIuNjY2MDIgOC44NzU4OSA0LjQ1Njg4IDEwLjY2NjcgNi42NjYwMiAxMC42NjY3QzguODc1MTYgMTAuNjY2NyAxMC42NjYgOC44NzU4OSAxMC42NjYgNi42NjY3NVpNNS4zMzI2OCAyNC4wMDAxQzUuMzMyNjggMjMuMjYzNyA1LjkyOTY0IDIyLjY2NjcgNi42NjYwMiAyMi42NjY3QzcuNDAyNCAyMi42NjY3IDcuOTk5MzUgMjMuMjYzNyA3Ljk5OTM1IDI0LjAwMDFDNy45OTkzNSAyNC43MzY1IDcuNDAyMzkgMjUuMzMzNCA2LjY2NjAyIDI1LjMzMzRDNS45Mjk2NCAyNS4zMzM0IDUuMzMyNjggMjQuNzM2NSA1LjMzMjY4IDI0LjAwMDFaTTYuNjY2MDIgMjAuMDAwMUM4Ljg3NTE1IDIwLjAwMDEgMTAuNjY2IDIxLjc5MDkgMTAuNjY2IDI0LjAwMDFDMTAuNjY2IDI2LjIwOTIgOC44NzUxNSAyOC4wMDAxIDYuNjY2MDIgMjguMDAwMUM0LjQ1Njg4IDI4LjAwMDEgMi42NjYwMiAyNi4yMDkyIDIuNjY2MDIgMjQuMDAwMUMyLjY2NjAyIDIxLjc5MDkgNC40NTY4OCAyMC4wMDAxIDYuNjY2MDIgMjAuMDAwMVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yOS4zMzI3IDE0LjY2NjdDMjkuMzMyNyAxNS40MDMxIDI4LjczNTcgMTYuMDAwMSAyNy45OTkzIDE2LjAwMDFDMjcuMjYzIDE2LjAwMDEgMjYuNjY2IDE1LjQwMzEgMjYuNjY2IDE0LjY2NjdDMjYuNjY2IDEzLjkzMDQgMjcuMjYzIDEzLjMzMzQgMjcuOTk5MyAxMy4zMzM0QzI4LjczNTcgMTMuMzMzNCAyOS4zMzI3IDEzLjkzMDQgMjkuMzMyNyAxNC42NjY3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIzLjEyOTIgMTkuMzUxMUMyMy4zNTA1IDE4LjQzODYgMjQuNjQ4MiAxOC40Mzg2IDI0Ljg2OTUgMTkuMzUxMUwyNS40NzgzIDIxLjg2MTlDMjUuNTU3MyAyMi4xODc3IDI1LjgxMTcgMjIuNDQyMSAyNi4xMzc1IDIyLjUyMTFMMjguNjQ4MyAyMy4xMjk5QzI5LjU2MDggMjMuMzUxMiAyOS41NjA4IDI0LjY0OSAyOC42NDgzIDI0Ljg3MDJMMjYuMTM3NSAyNS40NzkxQzI1LjgxMTcgMjUuNTU4MSAyNS41NTczIDI1LjgxMjQgMjUuNDc4MyAyNi4xMzgyTDI0Ljg2OTUgMjguNjQ5QzI0LjY0ODIgMjkuNTYxNSAyMy4zNTA1IDI5LjU2MTUgMjMuMTI5MiAyOC42NDlMMjIuNTIwNCAyNi4xMzgyQzIyLjQ0MTQgMjUuODEyNCAyMi4xODcgMjUuNTU4MSAyMS44NjEyIDI1LjQ3OTFMMTkuMzUwNCAyNC44NzAyQzE4LjQzNzkgMjQuNjQ5IDE4LjQzNzkgMjMuMzUxMiAxOS4zNTA0IDIzLjEyOTlMMjEuODYxMiAyMi41MjExQzIyLjE4NyAyMi40NDIxIDIyLjQ0MTQgMjIuMTg3NyAyMi41MjA0IDIxLjg2MTlMMjMuMTI5MiAxOS4zNTExWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy45OTkzIDIwLjMyMkwyMy41NjQ1IDIyLjExNTFDMjMuMzkwNyAyMi44MzE5IDIyLjgzMTEgMjMuMzkxNSAyMi4xMTQ0IDIzLjU2NTNMMjAuMzIxMyAyNC4wMDAxTDIyLjExNDQgMjQuNDM0OUMyMi44MzExIDI0LjYwODcgMjMuMzkwNyAyNS4xNjgzIDIzLjU2NDUgMjUuODg1TDIzLjk5OTMgMjcuNjc4MUwyNC40MzQyIDI1Ljg4NUMyNC42MDggMjUuMTY4MyAyNS4xNjc2IDI0LjYwODcgMjUuODg0MyAyNC40MzQ5TDI3LjY3NzQgMjQuMDAwMUwyNS44ODQzIDIzLjU2NTNDMjUuMTY3NiAyMy4zOTE1IDI0LjYwOCAyMi44MzE5IDI0LjQzNDIgMjIuMTE1MUwyMy45OTkzIDIwLjMyMlpNMjQuODY5NSAxOS4zNTExQzI0LjY0ODIgMTguNDM4NiAyMy4zNTA1IDE4LjQzODYgMjMuMTI5MiAxOS4zNTExTDIyLjUyM
354DQgMjEuODYxOUMyMi40NDE0IDIyLjE4NzcgMjIuMTg3IDIyLjQ0MjEgMjEuODYxMiAyMi41MjExTDE5LjM1MDQgMjMuMTI5OUMxOC40Mzc5IDIzLjM1MTIgMTguNDM3OSAyNC42NDkgMTkuMzUwNCAyNC44NzAyTDIxLjg2MTIgMjUuNDc5MUMyMi4xODcgMjUuNTU4MSAyMi40NDE0IDI1LjgxMjQgMjIuNTIwNCAyNi4xMzgyTDIzLjEyOTIgMjguNjQ5QzIzLjM1MDUgMjkuNTYxNSAyNC42NDgyIDI5LjU2MTUgMjQuODY5NSAyOC42NDlMMjUuNDc4MyAyNi4xMzgyQzI1LjU1NzMgMjUuODEyNCAyNS44MTE3IDI1LjU1ODEgMjYuMTM3NSAyNS40NzkxTDI4LjY0ODMgMjQuODcwMkMyOS41NjA4IDI0LjY0OSAyOS41NjA4IDIzLjM1MTIgMjguNjQ4MyAyMy4xMjk5TDI2LjEzNzUgMjIuNTIxMUMyNS44MTE3IDIyLjQ0MjEgMjUuNTU3MyAyMi4xODc3IDI1LjQ3ODMgMjEuODYxOUwyNC44Njk1IDE5LjM1MTFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTUuOTk5MyAyOC4wMDAxQzE1Ljk5OTMgMjguNzM2NSAxNS40MDI0IDI5LjMzMzQgMTQuNjY2IDI5LjMzMzRDMTMuOTI5NiAyOS4zMzM0IDEzLjMzMjcgMjguNzM2NSAxMy4zMzI3IDI4LjAwMDFDMTMuMzMyNyAyNy4yNjM3IDEzLjkyOTYgMjYuNjY2NyAxNC42NjYgMjYuNjY2N0MxNS40MDI0IDI2LjY2NjcgMTUuOTk5MyAyNy4yNjM3IDE1Ljk5OTMgMjguMDAwMVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
355  }
356  .security-icon {
357    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi43OTE0IDEuNzYwOTlDMjYuOTI5NyAxLjE5MDY3IDI3Ljc0MDggMS4xOTA2NyAyNy44NzkxIDEuNzYwOTlMMjguMjU5NyAzLjMzMDI0QzI4LjMwOSAzLjUzMzg2IDI4LjQ2OCAzLjY5Mjg0IDI4LjY3MTYgMy43NDIyMUwzMC4yNDA5IDQuMTIyNzRDMzAuODExMiA0LjI2MTAzIDMwLjgxMTIgNS4wNzIxNCAzMC4yNDA5IDUuMjEwNDNMMjguNjcxNiA1LjU5MDk2QzI4LjQ2OCA1LjY0MDMzIDI4LjMwOSA1Ljc5OTMxIDI4LjI1OTcgNi4wMDI5M0wyNy44NzkxIDcuNTcyMThDMjcuNzQwOCA4LjE0MjUgMjYuOTI5NyA4LjE0MjUgMjYuNzkxNCA3LjU3MjE4TDI2LjQxMDkgNi4wMDI5M0MyNi4zNjE1IDUuNzk5MzEgMjYuMjAyNiA1LjY0MDMzIDI1Ljk5ODkgNS41OTA5NkwyNC40Mjk3IDUuMjEwNDNDMjMuODU5NCA1LjA3MjE0IDIzLjg1OTQgNC4yNjEwMyAyNC40Mjk3IDQuMTIyNzRMMjUuOTk4OSAzLjc0MjIxQzI2LjIwMjYgMy42OTI4NCAyNi4zNjE1IDMuNTMzODYgMjYuNDEwOSAzLjMzMDI0TDI2Ljc5MTQgMS43NjA5OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMzM1MyAyLjM2NzhMMjcuMDYzNSAzLjQ4ODQ5QzI2Ljk1NDkgMy45MzY0NSAyNi42MDUyIDQuMjg2MjEgMjYuMTU3MiA0LjM5NDgzTDI1LjAzNjUgNC42NjY1OEwyNi4xNTcyIDQuOTM4MzRDMjYuNjA1MiA1LjA0Njk2IDI2Ljk1NDkgNS4zOTY3MiAyNy4wNjM1IDUuODQ0NjhMMjcuMzM1MyA2Ljk2NTM3TDI3LjYwNyA1Ljg0NDY4QzI3LjcxNTcgNS4zOTY3MiAyOC4wNjU0IDUuMDQ2OTYgMjguNTEzNCA0LjkzODM0TDI5LjYzNDEgNC42NjY1OEwyOC41MTM0IDQuMzk0ODNDMjguMDY1NCA0LjI4NjIxIDI3LjcxNTcgMy45MzY0NSAyNy42MDcgMy40ODg0OUwyNy4zMzUzIDIuMzY3OFpNMjcuODc5MSAxLjc2MDk5QzI3Ljc0MDggMS4xOTA2NyAyNi45Mjk3IDEuMTkwNjcgMjYuNzkxNCAxLjc2MDk5TDI2LjQxMDkgMy4zMzAyNEMyNi4zNjE1IDMuNTMzODYgMjYuMjAyNiAzLjY5Mjg0IDI1Ljk5ODkgMy43NDIyMUwyNC40Mjk3IDQuMTIyNzRDMjMuODU5NCA0LjI2MTAzIDIzLjg1OTQgNS4wNzIxNCAyNC40Mjk3IDUuMjEwNDNMMjUuOTk4OSA1LjU5MDk2QzI2LjIwMjYgNS42NDAzMyAyNi4zNjE1IDUuNzk5MzEgMjYuNDEwOSA2LjAwMjkzTDI2Ljc5MTQgNy41NzIxOEMyNi45Mjk3IDguMTQyNSAyNy43NDA4IDguMTQyNSAyNy44NzkxIDcuNTcyMThMMjguMjU5NyA2LjAwMjkzQzI4LjMwOSA1Ljc5OTMxIDI4LjQ2OCA1LjY0MDMzIDI4LjY3MTYgNS41OTA5NkwzMC4yNDA5IDUuMjEwNDNDMzAuODExMiA1LjA3MjE0IDMwLjgxMTIgNC4yNjEwMyAzMC4yNDA5IDQuMTIyNzRMMjguNjcxNiAzLjc0MjIxQzI4LjQ2OCAzLjY5Mjg0IDI4LjMwOSAzLjUzMzg2IDI4LjI1OTcgMy4zMzAyNEwyNy44NzkxIDEuNzYwOTlaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMzAuNjY4NiAyNS4zMzMzQzMwLjY2ODYgMjYuMDY5NiAzMC4wNzE3IDI2LjY2NjYgMjkuMzM1MyAyNi42NjY2QzI4LjU5ODkgMjYuNjY2NiAyOC4wMDIgMjYuMDY5NiAyOC4wMDIgMjUuMzMzM0MyOC4wMDIgMjQuNTk2OSAyOC41OTg5IDIzLjk5OTkgMjkuMzM1MyAyMy45OTk5QzMwLjA3MTcgMjMuOTk5OSAzMC42Njg2IDI0LjU5NjkgMzAuNjY4NiAyNS4zMzMzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTI2LjY2ODYgMjkuMzMzM0MyNi42Njg2IDMwLjA2OTYgMjYuMDcxNyAzMC42NjY2IDI1LjMzNTMgMzAuNjY2NkMyNC41OTg5IDMwLjY2NjYgMjQuMDAyIDMwLjA2OTYgMjQuMDAyIDI5LjMzMzNDMjQuMDAyIDI4LjU5NjkgMjQuNTk4OSAyNy45OTk5IDI1LjMzNTMgMjcuOTk5OUMyNi4wNzE3IDI3Ljk5OTkgMjYuNjY4NiAyOC41OTY5IDI2LjY2ODYgMjkuMzMzM1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS45MjI3IDQuNDk4MTFDMTIuNDM0MiA0LjMwNjE4IDEyLjk5MzIgNC4yODExNSAxMy41MTk3IDQuNDI2NjFMMTMuNzQyNyA0LjQ5ODExTDIyLjgxNjggNy45MTA0NEMyMy4yNzY4IDguMDgzNDUgMjMuNjc4NCA4LjM4NDAxIDIzLjk3NDcgOC43NzcxMUMyNC4yNzEgOS4xNzAyIDI0LjQ0OTggOS42Mzk2NCAyNC40OTAzIDEwLjEzMDdMMjQuNDk5MyAxMC4zNDUyVjE3LjMxNjhDMjQuNDk5MyAxOS40MjMyIDIzLjkzMjEgMjEuNDkwNiAyMi44NTc3IDIzLjMwMDZDMjEuNzgzMyAyNS4xMTA3IDIwLjI0MTUgMjYuNTk2MiAxOC4zOTU
357xIDI3LjYwMDVMMTguMDUwMyAyNy43ODEyTDEzLjcwMjUgMjkuOTYxMkMxMy40NjMxIDMwLjA4MTEgMTMuMjAxNiAzMC4xNTAxIDEyLjkzNDQgMzAuMTY0QzEyLjY2NzIgMzAuMTc3OCAxMi40IDMwLjEzNjMgMTIuMTQ5NSAzMC4wNDE4TDExLjk2MjkgMjkuOTYxMkw3LjYxNTA5IDI3Ljc4MTJDNS43MzYyNSAyNi44MzkyIDQuMTQ1OTEgMjUuNDA1OSAzLjAxMTk1IDIzLjYzMjZDMS44Nzc5OCAyMS44NTk0IDEuMjQyNDcgMTkuODEyMSAxLjE3MjUgMTcuNzA2N0wxLjE2NjAyIDE3LjMxNjhWMTAuMzQ1MkMxLjE2NjAyIDkuODUyNzEgMS4zMDU1MyA5LjM3MDMzIDEuNTY4MyA4Ljk1NDI1QzEuODMxMDcgOC41MzgxNiAyLjIwNjI5IDguMjA1NDggMi42NTAyNyA3Ljk5NDkzTDIuODQ4NjEgNy45MTA0NEwxMS45MjI3IDQuNDk4MTFaTTEyLjgzMjcgNi45MzI4OUwzLjc1ODYxIDEwLjM0NTJWMTcuMzE2OEMzLjc1ODY0IDE4Ljk0ODIgNC4xOTYwNSAyMC41NDk2IDUuMDI1MDMgMjEuOTUzM0M1Ljg1NDAyIDIzLjM1NzEgNy4wNDQwOSAyNC41MTE1IDguNDcwNjUgMjUuMjk1OEw4Ljc3NTI3IDI1LjQ1NTZMMTIuODMyNyAyNy40OUwxNi44OTAxIDI1LjQ1NTZDMTguMzQ1NSAyNC43MjYxIDE5LjU3ODUgMjMuNjE3NCAyMC40NTk5IDIyLjI0NTlDMjEuMzQxNCAyMC44NzQ0IDIxLjgzODkgMTkuMjkwNSAyMS45MDAzIDE3LjY1OTlMMjEuOTA2OCAxNy4zMTY4VjEwLjM0NTJMMTIuODMyNyA2LjkzMjg5Wk0xNy4yODI5IDEyLjg2MTlDMTcuNTE2MSAxMi42Mjg3IDE3LjgyOTIgMTIuNDkzNCAxOC4xNTg0IDEyLjQ4MzNDMTguNDg3NiAxMi40NzMyIDE4LjgwODIgMTIuNTg5MiAxOS4wNTUzIDEyLjgwNzZDMTkuMzAyMyAxMy4wMjYgMTkuNDU3MiAxMy4zMzA2IDE5LjQ4ODQgMTMuNjU5NEMxOS41MTk2IDEzLjk4ODEgMTkuNDI0OSAxNC4zMTY1IDE5LjIyMzQgMTQuNTc3OEwxOS4xMTU4IDE0LjdMMTIuMzMxIDIxLjUwNTFDMTIuMDgzOSAyMS43NTMgMTEuNzU0NiAyMS45MDExIDExLjQwNTcgMjEuOTIxNUMxMS4wNTY4IDIxLjk0MTggMTAuNzEyNiAyMS44MzMgMTAuNDM4NCAyMS42MTU2TDEwLjMxNCAyMS41MDUxTDcuMTk3NjggMTguMzgwMUM2Ljk2MjcyIDE4LjE0NjcgNi44MjU2IDE3LjgzMjEgNi44MTQzOSAxNy41MDA2QzYuODAzMTggMTcuMTY5MiA2LjkxODcyIDE2Ljg0NiA3LjEzNzM2IDE2LjU5NzFDNy4zNTYgMTYuMzQ4MyA3LjY2MTIyIDE2LjE5MjcgNy45OTA1MyAxNi4xNjIyQzguMzE5ODQgMTYuMTMxNiA4LjY0ODM0IDE2LjIyODQgOC45MDg3OSAxNi40MzI4TDkuMDMwNjUgMTYuNTQwN0wxMS4zMjI1IDE4LjgzOUwxNy4yODI5IDEyLjg2MTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
358    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
359    transform: scale(1) rotate(0deg);
360  }
361  .camera-icon {
362    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMzIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzMgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi4yMzkgMy4zMzAyNEMyNi4yMzkgNC4wNjY2MiAyNS42NDIxIDQuNjYzNTcgMjQuOTA1NyA0LjY2MzU3QzI0LjE2OTMgNC42NjM1NyAyMy41NzIzIDQuMDY2NjIgMjMuNTcyMyAzLjMzMDI0QzIzLjU3MjMgMi41OTM4NiAyNC4xNjkzIDEuOTk2OTEgMjQuOTA1NyAxLjk5NjkxQzI1LjY0MjEgMS45OTY5MSAyNi4yMzkgMi41OTM4NiAyNi4yMzkgMy4zMzAyNFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yLjc4OTQ4IDEuNzYwOTlDMi45Mjc3OCAxLjE5MDY3IDMuNzM4ODkgMS4xOTA2NyAzLjg3NzE4IDEuNzYwOTlMNC4yNTc3IDMuMzMwMjRDNC4zMDcwOCAzLjUzMzg2IDQuNDY2MDYgMy42OTI4NCA0LjY2OTY4IDMuNzQyMjFMNi4yMzg5MyA0LjEyMjc0QzYuODA5MjQgNC4yNjEwMyA2LjgwOTI0IDUuMDcyMTQgNi4yMzg5MyA1LjIxMDQ0TDQuNjY5NjggNS41OTA5NkM0LjY0NDIzIDUuNTk3MTMgNC42MTk0NyA1LjYwNTAxIDQuNTk1NTQgNS42MTQ0OEM0LjQyODAzIDUuNjgwNzcgNC4zMDA5MSA1LjgyNDc2IDQuMjU3NyA2LjAwMjkzTDMuODc3MTggNy41NzIxOEMzLjg2ODU0IDcuNjA3ODMgMy44NTcyNyA3LjY0MTI0IDMuODQzNyA3LjY3MjQzQzMuNjQwMTMgOC4xNDAyNyAyLjkxOTEzIDguMTA2ODUgMi43ODk0OCA3LjU3MjE4TDIuNDA4OTYgNi4wMDI5M0MyLjQwNTg4IDUuOTkwMiAyLjQwMjM2IDUuOTc3NjUgMi4zOTg0NCA1Ljk2NTI5QzIuMzM5NTQgNS43Nzk4NyAyLjE4Nzg4IDUuNjM3MjQgMS45OTY5OSA1LjU5MDk2TDAuNDI3NzM1IDUuMjEwNDRDMC4zOTIwOSA1LjIwMTc5IDAuMzU4Njc0IDUuMTkwNTIgMC4zMjc0ODUgNS4xNzY5NUMtMC4xNDAzNSA0Ljk3MzM4IC0wLjEwNjkzNCA0LjI1MjM4IDAuNDI3NzM1IDQuMTIyNzRMMS45OTY5OSAzLjc0MjIxQzIuMjAwNjEgMy42OTI4NCAyLjM1OTU5IDMuNTMzODYgMi40MDg5NiAzLjMzMDI0TDIuNzg5NDggMS43NjA5OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zMi42NTU3IDcuMjQ5OTJDMzIuNjU1NyA3Ljk4NjMgMzIuMDU4NyA4LjU4MzI2IDMxLjMyMjMgOC41ODMyNkMzMC41ODYgOC41ODMyNiAyOS45ODkgNy45ODYzIDI5Ljk4OSA3LjI0OTkyQzI5Ljk4OSA2LjUxMzU0IDMwLjU4NiA1LjkxNjU5IDMxLjMyMjMgNS45MTY1OUMzMi4wNTg3IDUuOTE2NTkgMzIuNjU1NyA2LjUxMzU0IDMyLjY1NTcgNy4yNDk5MloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMy43MzYzIDE2LjEwNjVDMTMuNzM2MyAxNS4zODE0IDE0LjUwNDUgMTQuOTMxIDE1LjExNTIgMTUuMjk2M0wyMC4wMTQ2IDE4LjIyNTZDMjAuMTMyOCAxOC4yOTYyIDIwLjIzMDkgMTguMzk3MiAyMC4yOTkgMTguNTE4NkMyMC4zNjcxIDE4LjY0IDIwLjQwMyAxOC43Nzc2IDIwLjQwMyAxOC45MTc2QzIwLjQwMyAxOS4wNTc3IDIwLjM2NzEgMTkuMTk1MiAyMC4yOTkgMTkuMzE2N0MyMC4yMzA5IDE5LjQzODEgMjAuMTMyOCAxOS41MzkxIDIwLjAxNDYgMTkuNjA5N0wxNS4xMTUyIDIyLjUzOUMxNC45NzU5IDIyLjYyMjEgMTQuODE3NyAyMi42NjYxIDE0LjY1NjUgMjIuNjY2N0MxNC40OTUzIDIyLjY2NzMgMTQuMzM2OCAyMi42MjQ0IDE0LjE5NyAyMi41NDI0QzE0LjA1NzIgMjIuNDYwMyAxMy45NDEgMjIuMzQyIDEzLjg2MDEgMjIuMTk5M0MxMy43NzkyIDIyLjA1NjYgMTMuNzM2NSAyMS44OTQ2IDEzLjczNjMgMjEuNzI5N1YxNi4xMDY1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMyMDMxIDEzLjQ5OTlDMy4zMjAzMSAxMC41MDg0IDUuNzQ1NDQgOC4wODMyNSA4LjczNjk4IDguMDgzMjVIMjMuNzM3QzI2LjcyODUgOC4wODMyNSAyOS4xNTM2IDEwLjUwODQgMjkuMTUzNiAxMy40OTk5VjI0LjMzMzNDMjkuMTUzNiAyNy4zMjQ4IDI2LjcyODUgMjkuNzQ5OSAyMy43MzcgMjkuNzQ5OUg4LjczNjk4QzUuNzQ1NDQgMjkuNzQ5OSAzLjMyMDMxIDI3LjMyNDggMy4zMjAzMSAyNC4zMzMzVjEzLjQ5OTlaTTguNzM2OTggMTAuNTgzM0M3LjEyNjE1IDEwLjU4MzMgNS44MjAzMSAxMS44ODkxIDUuODIwMzEgMTMuNDk5OVYyNC4zMzMzQzUuODIwMzEgMjUuOTQ0MSA3LjEyNjE1IDI3LjI0OT
362kgOC43MzY5OCAyNy4yNDk5SDIzLjczN0MyNS4zNDc4IDI3LjI0OTkgMjYuNjUzNiAyNS45NDQxIDI2LjY1MzYgMjQuMzMzM1YxMy40OTk5QzI2LjY1MzYgMTEuODg5MSAyNS4zNDc4IDEwLjU4MzMgMjMuNzM3IDEwLjU4MzNIOC43MzY5OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
363    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
364    transform: scale(1);
365  }
366  .ai-icon {
367    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNyAxNS42NjY2SDI2LjgxMzNDMjYuMDQ2NyAxMi4yMzk5IDIyLjk4NjcgOS42NjY2MSAxOS4zMzMzIDkuNjY2NjFIMTdWOC44MTMyOEMxOC4xNiA4LjM5OTk1IDE5IDcuMjk5OTUgMTkgNS45OTk5NUMxOSA0LjM0NjYxIDE3LjY1MzMgMi45OTk5NSAxNiAyLjk5OTk1QzE0LjM0NjcgMi45OTk5NSAxMyA0LjM0NjYxIDEzIDUuOTk5OTVDMTMgNy4yOTk5NSAxMy44NCA4LjM5OTk1IDE1IDguODEzMjhWOS42NjY2MUgxMi42NjY3QzkuMDEzMzMgOS42NjY2MSA1Ljk1MzMzIDEyLjIzOTkgNS4xODY2NyAxNS42NjY2SDVDMy45IDE1LjY2NjYgMyAxNi41NjY2IDMgMTcuNjY2NlYxOS42NjY2QzMgMjAuNzY2NiAzLjkgMjEuNjY2NiA1IDIxLjY2NjZINS4zNjY2N0M2LjE1MzMzIDI0LjExOTkgOC4xNCAyNi4wMjY2IDEwLjYzMzMgMjYuNzJDMTAuNDQ2NyAyNy4xMTMzIDEwLjMzMzMgMjcuNTM5OSAxMC4zMzMzIDI4QzEwLjMzMzMgMjguNTUzMyAxMC43OCAyOSAxMS4zMzMzIDI5SDIwLjY2NjdDMjEuMjIgMjkgMjEuNjY2NyAyOC41NTMzIDIxLjY2NjcgMjhDMjEuNjY2NyAyNy41Mzk5IDIxLjU1MzMgMjcuMTA2NiAyMS4zNjY3IDI2LjcyQzIzLjg2IDI2LjAzMzMgMjUuODQ2NyAyNC4xMTk5IDI2LjYzMzMgMjEuNjY2NkgyN0MyOC4xIDIxLjY2NjYgMjkgMjAuNzY2NiAyOSAxOS42NjY2VjE3LjY2NjZDMjkgMTYuNTY2NiAyOC4xIDE1LjY2NjYgMjcgMTUuNjY2NlpNMTYgNC45OTk5NUMxNi41NTMzIDQuOTk5OTUgMTcgNS40NDY2MSAxNyA1Ljk5OTk1QzE3IDYuNTUzMjggMTYuNTUzMyA2Ljk5OTk1IDE2IDYuOTk5OTVDMTUuNDQ2NyA2Ljk5OTk1IDE1IDYuNTUzMjggMTUgNS45OTk5NUMxNSA1LjQ0NjYxIDE1LjQ0NjcgNC45OTk5NSAxNiA0Ljk5OTk1Wk0xOS4zMzMzIDI1SDEyLjY2NjdDOS41NCAyNSA3IDIyLjQ1OTkgNyAxOS4zMzMzVjE3LjMzMzNDNyAxNC4yMDY2IDkuNTQgMTEuNjY2NiAxMi42NjY3IDExLjY2NjZIMTkuMzMzM0MyMi40NiAxMS42NjY2IDI1IDE0LjIwNjYgMjUgMTcuMzMzM1YxOS4zMzMzQzI1IDIyLjQ1OTkgMjIuNDYgMjUgMTkuMzMzMyAyNVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMi4zMzMzIDE0LjMzMzNDMTEuMjMzMyAxNC4zMzMzIDEwLjMzMzMgMTUuMjMzMyAxMC4zMzMzIDE2LjMzMzNWMTguMzMzM0MxMC4zMzMzIDE5LjQzMzMgMTEuMjMzMyAyMC4zMzMzIDEyLjMzMzMgMjAuMzMzM0MxMy40MzMzIDIwLjMzMzMgMTQuMzMzMyAxOS40MzMzIDE0LjMzMzMgMTguMzMzM1YxNi4zMzMzQzE0LjMzMzMgMTUuMjMzMyAxMy40MzMzIDE0LjMzMzMgMTIuMzMzMyAxNC4zMzMzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE5LjY2NjcgMTQuMzMzM0MxOC41NjY3IDE0LjMzMzMgMTcuNjY2NyAxNS4yMzMzIDE3LjY2NjcgMTYuMzMzM1YxOC4zMzMzQzE3LjY2NjcgMTkuNDMzMyAxOC41NjY3IDIwLjMzMzMgMTkuNjY2NyAyMC4zMzMzQzIwLjc2NjcgMjAuMzMzMyAyMS42NjY3IDE5LjQzMzMgMjEuNjY2NyAxOC4zMzMzVjE2LjMzMzNDMjEuNjY2NyAxNS4yMzMzIDIwLjc2NjcgMTQuMzMzMyAxOS42NjY3IDE0LjMzMzNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOS4wMiA0Ljk0NjYxTDExLjAyIDUuNjEzMjhDMTEuMTI2NyA1LjY0NjYxIDExLjIzMzMgNS42NjY2MSAxMS4zMzMzIDUuNjY2NjFDMTEuNzUzMyA1LjY2NjYxIDEyLjE0IDUuMzk5OTUgMTIuMjggNC45Nzk5NUMxMi40NTMzIDQuNDUzMjggMTIuMTczMyAzLjg4NjYxIDExLjY0NjcgMy43MTMyOEw5LjY0NjY3IDMuMDQ2NjFDOS4xMjY2NyAyLjg3MzI4IDguNTYgMy4xNTMyOCA4LjM4IDMuNjc5OTVDOC4yIDQuMjA2NjEgOC40ODY2NyA0Ljc3MzI4IDkuMDEzMzMgNC45NDY2MUg5LjAyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTkuMzMzMzMgOC45OTk5NUM5LjQ0IDguOTk5OTUgOS41NDY2NyA4Ljk4NjYxIDkuNjQ2NjcgOC45NDY2MUwxMS42NDY3IDguMjc5OTVDMTIuMTczMyA4LjEwNjYxIDEyLjQ1MzMgNy41Mzk5NSAxMi4yOCA3LjAxMzI4QzEyLjEwNjcgNi40ODY2MSAxMS41NCA2LjIwNjYxIDExLjAxMzMgNi4zNzk5NUw5LjAxMzMzIDcuMDQ2NjFDOC40ODY2NyA3LjIxOTk1IDguMjA2NjcgNy43ODY2MSA4LjM4IDguMzEzMjhDOC41MiA4LjczMzI4IDguOTA2NjcgOC45OTk5NSA5LjMyNjY3IDguOTk5OTVIOS4zMzMzM1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMC42NjY3IDUuNjY2NjFDMjAuNzczMyA1LjY2NjYxIDIwLjg4IDUuNjUzMjggMjAuOTggNS42MTMyOEwyMi45OCA0Ljk0NjYxQzIzLjUwNjcgNC43NzMyOCAyMy43ODY3IDQuMjA2NjEgMjMuNjEzMyAzLjY3OTk1QzIzLjQ0IDMuMTUzMjggMjIuODczMyAyLjg3MzI4IDIyLjM0NjcgMy4wNDY2MUwyMC4zNDY3IDMuNzEzMjhDMTkuODIgMy44ODY2MSAxOS41NCA0LjQ1MzI4IDE5LjcxMzMgNC45Nzk5NUMxOS44NTMzIDUuMzk5OTUgMjAuMjQgNS42NjY2MSAyMC42NiA1LjY2NjYxSDIwLjY2NjdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzUzMyA4LjI3OTk1TDIyLjM1MzMgOC45NDY2MUMyMi40NiA4Ljk3OTk1IDIyLjU2NjcgOC45OTk5NSAyMi42NjY3IDguOTk5OTVDMjMuMDg2NyA4Ljk5OTk1IDIzLjQ3MzMgOC43MzMyOCAyMy42MTMzIDguMzEzMjhDMjMuNzg2NyA3Ljc4NjYxIDIzLjUwNjcgNy4yMTk5NSAyMi45OCA3LjA0NjYxTDIwLjk4IDYuMzc5OTVDMjAuNDYgNi4yMDY2MSAxOS44ODY3IDYuNDg2NjEgMTkuNzEzMyA3LjAxMzI4QzE5LjU0IDcuNTM5OTUgMTkuODIgOC4xMDY2MSAyMC4zNDY3IDguMjc5OTVIMjAuMzUzM1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
368    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
369    transform: rotate(0deg);
370  }
371  @media (min-width: 1280px) {
372    .part-ai-features-item:hover {
373      background-color: #000;
374      color: #fff;
375      padding: 48px 0;
376    }
377    .part-ai-features-item:last-child {
378      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
379    }
380    .part-ai-features-item:hover::before {
381      width: 100%;
382    }
383    .part-ai-features-item:hover .ai-features-title {
384      transform: translateX(12px);
385    }
386    .part-ai-features-item:hover .ai-features-num {
387      opacity: 1;
388      transform: scale(1.1);
389    }
390    .part-ai-features-item:hover .ai-features-desc {
391      opacity: 1;
392      transform: translateX(8px);
393      font-weight: 700;
394    }
395    .part-ai-features-item:hover .part-ai-features-item-left-box-icon {
396      transform: rotate(15deg) scale(1.1);
397    }
398    .part-ai-features-item:hover .part-ai-features-item-right-box-icon {
399      transform: scale(1.2) rotate(12deg);
400    }
401    @keyframes musicIconBounce {
402      0%, 100% { transform: translateY(0); }
403      50% { transform: translateY(-8px); }
404    }
405    .part-ai-features-item:hover .music-icon {
406      background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOS41IDcuMDAwMjRDMjkuNSA3LjM5ODA3IDI5LjM0MiA3Ljc3OTYgMjkuMDYwNyA4LjA2MDlDMjguNzc5NCA4LjM0MjIxIDI4LjM5NzggOC41MDAyNCAyOCA4LjUwMDI0SDI2LjVWMTAuMDAwMkMyNi41IDEwLjM5ODEgMjYuMzQyIDEwLjc3OTYgMjYuMDYwNyAxMS4wNjA5QzI1Ljc3OTQgMTEuMzQyMiAyNS4zOTc4IDExLjUwMDIgMjUgMTEuNTAwMkMyNC42MDIyIDExLjUwMDIgMjQuMjIwNiAxMS4zNDIyIDIzLjkzOTMgMTEuMDYwOUMyMy42NTggMTAuNzc5NiAyMy41IDEwLjM5ODEgMjMuNSAxMC4wMDAyVjguNTAwMjRIMjJDMjEuNjAyMiA4LjUwMDI0IDIxLjIyMDYgOC4zNDIyMSAyMC45MzkzIDguMDYwOUMyMC42NTggNy43Nzk2IDIwLjUgNy4zOTgwNyAyMC41IDcuMDAwMjRDMjAuNSA2LjYwMjQyIDIwLjY1OCA2LjIyMDg5IDIwLjkzOTMgNS45Mzk1OEMyMS4yMjA2IDUuNjU4MjggMjEuNjAyMiA1LjUwMDI0IDIyIDUuNTAwMjRIMjMuNVY0LjAwMDI0QzIzLjUgMy42MDI0MiAyMy42NTggMy4yMjA4OSAyMy45MzkzIDIuOTM5NThDMjQuMjIwNiAyLjY1ODI4IDI0LjYwMjIgMi41MDAyNCAyNSAyLjUwMDI0QzI1LjM5NzggMi41MDAyNCAyNS43Nzk0IDIuNjU4MjggMjYuMDYwNyAyLjkzOTU4QzI2LjM0MiAzLjIyMDg5IDI2LjUgMy42MDI0MiAyNi41IDQuMDAwMjRWNS41MDAyNEgyOEMyOC4zOTc4IDUuNTAwMjQgMjguNzc5NCA1LjY1ODI4IDI5LjA2MDcgNS45Mzk1OEMyOS4zNDIgNi4yMjA4OSAyOS41IDYuNjAyNDIgMjkuNSA3LjAwMDI0Wk0yNy41IDE1LjUwMDJWMjEuNTAwMkMyNy41MDAzIDIyLjU3NyAyNy4xNTMgMjMuNjI1MSAyNi41MDk3IDI0LjQ4ODZDMjUuODY2NSAyNS4zNTIxIDI0Ljk2MTYgMjUuOTg0OCAyMy45Mjk5IDI2LjI5MjhDMjIuODk4MSAyNi42MDA3IDIxLjc5NDQgMjYuNTY3MyAyMC43ODMyIDI2LjE5NzZDMTkuNzcxOSAyNS44Mjc4IDE4LjkwNjkgMjUuMTQxNSAxOC4zMTcxIDI0LjI0MDdDMTcuNzI3MiAyMy4zMzk5IDE3LjQ0MzkgMjIuMjcyOCAxNy41MDkyIDIxLjE5OEMxNy41NzQ2IDIwLjEyMzIgMTcuOTg1MiAxOS4wOTgzIDE4LjY3OTkgMTguMjc1NkMxOS4zNzQ2IDE3LjQ1MyAyMC4zMTYzIDE2Ljg3NjUgMjEuMzY1IDE2LjYzMjFDMjIuNDEzNiAxNi4zODc3IDIzLjUxMzEgMTYuNDg4MyAyNC41IDE2LjkxOVYxNS41MDAyQzI0LjUgMTUuMTAyNCAyNC42NTggMTQuNzIwOSAyNC45MzkzIDE0LjQzOTZDMjUuMjIwNiAxNC4xNTgzIDI1LjYwMjIgMTQuMDAwMiAyNiAxNC4wMDAyQzI2LjM5NzggMTQuMDAwMiAyNi43Nzk0IDE0LjE1ODMgMjcuMDYwNyAxNC40Mzk2QzI3LjM0MiAxNC43MjA5IDI3LjUgMTUuMTAyNCAyNy41IDE1LjUwMDJaTTI0LjUgMjEuNTAwMkMyNC41IDIxLjEwNDcgMjQuMzgyNyAyMC43MTggMjQuMTYyOSAyMC4zODkxQzIzLjk0MzIgMjAuMDYwMiAyMy42MzA4IDE5LjgwMzkgMjMuMjY1NCAxOS42NTI1QzIyLjg5OTkgMTkuNTAxMSAyMi40OTc4IDE5LjQ2MTUgMjIuMTA5OCAxOS41Mzg3QzIxLjcyMTkgMTkuNjE1OCAyMS4zNjU1IDE5LjgwNjMgMjEuMDg1OCAyMC4wODZDMjAuODA2MSAyMC4zNjU3IDIwLjYxNTYgMjAuNzIyMSAyMC41Mzg0IDIxLjExMDFDMjAuNDYxMyAyMS40OTggMjAuNTAwOSAyMS45MDAyIDIwLjY1MjIgMjIuMjY1NkMyMC44MDM2IDIyLjYzMTEgMjEuMDYgMjIuOTQzNCAyMS4zODg5IDIzLjE2MzJDMjEuNzE3OCAyMy4zODI5IDIyLjEwNDQgMjMuNTAwMiAyMi41IDIzLjUwMDJDMjMuMDMwNCAyMy41MDAyIDIzLjUzOTEgMjMuMjg5NSAyMy45MTQyIDIyLjkxNDVDMjQuMjg5MyAyMi41Mzk0IDI0LjUgMjIuMDMwNyAyNC41IDIxLjUwMDJaTTExLjUgMTUuMTcxNVYyNS41MDAyQzExLjUwMDMgMjYuNTc3IDExLjE1MyAyNy42MjUxIDEwLjUwOTcgMjguNDg4NkM5Ljg2NjQ2IDI5LjM1MjEgOC45NjE2NCAyOS45ODQ4IDcuOTI5ODUgMzAuMjkyOEM2Ljg5ODA3IDMwLjYwMDcgNS43OTQ0NCAzMC41NjczIDQuNzgzMTUgMzAuMTk3NkMzLjc3MTg3IDI5LjgyNzggMi45MDY5NSAyOS4xNDE1IDIuMzE3MDcgMjguMjQwN0MxLjcyNzE4IDI3LjMzOTkgMS40NDM4NSAyNi4yNzI4IDEuNTA5MjMgMjUuMTk4QzEuNTc0NiAyNC4xMjMyIDEuOTg1MTggMjMuMDk4MyAyLjY3OTg5IDIyLjI3NTZDMy4zNzQ2IDIxLjQ1MyA0LjMxNjMyIDIwLjg3NjUgNS4zNjQ5NiAyMC42MzIxQzYuNDEzNjEgMjAuMzg3NyA3LjUxMzE0IDIwLjQ4ODMgOC41IDIwLjkxOVY4LjAwMDI0QzguNTAwMDUgNy42NjU3NSA4LjYxMTkxIDcuMzQwODcgOC44MTc3OCA3LjA3NzI0QzkuMDIzNjYgNi44MTM2MSA5LjMxMTc0IDYuNjI2MzYgOS42MzYyNSA2LjU0NTI0TDE2LjEzNjMgNC45MjAyNEMxNi41MTk1IDQuODMxMzkgMTYuOTIyMiA0Ljg5NjYzIDE3LjI1NzggNS4xMDE5QzE3LjU5MzQgNS4zMDcxNyAxNy44MzQ5IDUuNjM2MDUgMTcuOTMwMyA2LjAxNzY4QzE4LjAyNTcgNi4zOTkzIDE3Ljk2NzQgNi44MDMxNCAxNy43Njc5IDcuMTQyMTdDMTcuNTY4NCA3LjQ4MTIxIDE3LjI0MzcgNy43MjgzMSAxNi44NjM4IDcuODMwMjRMMTEuNSA5LjE3MTQ5VjEyLjA3OUwxOC4xMzYzIDEwLjQyMDJDMTguNTE5NSAxMC4zMzE0IDE4LjkyMjIgMTAuMzk2NiAxOS4yNTc4IDEwLjYwMTlDMTkuNTkzNCAxMC44MDcyIDE5LjgzNDkgMTEuMTM2IDE5LjkzMDMgMTEuNTE3N0MyMC4wMjU3IDExLjg5OTMgMTkuOTY3NCAxMi4zMDMxIDE5Ljc2NzkgMTIuNjQyMkMxOS41Njg0IDEyLjk4MTIgMTkuMjQzNyAxMy4yMjgzIDE4Ljg2MzggMTMuMzMwMkwxMS41IDE1LjE3MTVaTTguNSAyNS41MDAyQzguNSAyNS4xMDQ3IDguMzgyNyAyNC43MTggOC4xNjI5NCAyNC4zODkxQzcuOTQzMTggMjQuMDYwMiA3LjYzMDgyIDIzLjgwMzkgNy4yNjUzNyAyMy42NTI1QzYuODk5OTIgMjMuNTAxMSA2LjQ5Nzc4IDIzLjQ2MTUgNi4xMDk4MiAyMy41Mzg3QzUuNzIxODYgMjMuNjE1OCA1LjM2NTQ5IDIzLjgwNjMgNS4wODU3OSAyNC4wODZDNC44MDYwOCAyNC4zNjU3IDQuNjE1NiAyNC43MjIxIDQuNTM4NDMgMjUuMTEwMUM0LjQ2MTI2IDI1LjQ5OCA0LjUwMDg3IDI1LjkwMDIgNC42NTIyNCAyNi4yNjU2QzQuODAzNjIgMjYuNjMxMSA1LjA1OTk2IDI2Ljk0MzQgNS4zODg4NiAyNy4xNjMyQzUuNzE3NzYgMjcuMzgyOSA2LjEwNDQ0IDI3LjUwMDIgNi41IDI3LjUwMDJDNy4wMzA0NCAyNy41MDAyIDcuNTM5MTQgMjcuMjg5NSA3LjkxNDIyIDI2LjkxNDVDOC4yODkyOSAyNi41Mzk0IDguNSAyNi4wMzA3IDguNSAyNS41MDAyWiIgZmlsbD0id2hp
406dGUiLz4KPC9zdmc+Cg==);
407      animation: musicIconBounce 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
408    }
409    .part-ai-features-item:hover .learning-icon{
410      background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45OTkzNSA2LjY2Njc1QzcuOTk5MzUgNS45MzAzNyA4LjU5NjMgNS4zMzM0MiA5LjMzMjY4IDUuMzMzNDJIMjEuMzMyN0MyMi4wNjkxIDUuMzMzNDIgMjIuNjY2IDUuOTMwMzcgMjIuNjY2IDYuNjY2NzVDMjIuNjY2IDcuNDAzMTMgMjIuMDY5MSA4LjAwMDA4IDIxLjMzMjcgOC4wMDAwOEg5LjMzMjY4QzguNTk2MyA4LjAwMDA4IDcuOTk5MzUgNy40MDMxMyA3Ljk5OTM1IDYuNjY2NzVaTTYuNjY2MDIgOC4wMDAwOEM3LjQwMjQgOC4wMDAwOCA3Ljk5OTM1IDguNTk3MDQgNy45OTkzNSA5LjMzMzQyVjIxLjMzMzRDNy45OTkzNSAyMi4wNjk4IDcuNDAyNCAyMi42NjY3IDYuNjY2MDIgMjIuNjY2N0M1LjkyOTY0IDIyLjY2NjcgNS4zMzI2OCAyMi4wNjk4IDUuMzMyNjggMjEuMzMzNFY5LjMzMzQyQzUuMzMyNjggOC41OTcwNCA1LjkyOTY0IDguMDAwMDggNi42NjYwMiA4LjAwMDA4Wk04LjM4OTg3IDIxLjcyMzlMMjEuNzIzMiA4LjM5MDYxQzIyLjI0MzkgNy44Njk5MSAyMy4wODgxIDcuODY5OTEgMjMuNjA4OCA4LjM5MDYxQzI0LjEyOTUgOC45MTEzMSAyNC4xMjk1IDkuNzU1NTMgMjMuNjA4OCAxMC4yNzYyTDEwLjI3NTUgMjMuNjA5NkM5Ljc1NDc5IDI0LjEzMDMgOC45MTA1NyAyNC4xMzAzIDguMzg5ODcgMjMuNjA5NkM3Ljg2OTE3IDIzLjA4ODkgNy44NjkxNyAyMi4yNDQ2IDguMzg5ODcgMjEuNzIzOVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMuOTk5MyA1LjMzMzQyQzIzLjI2MyA1LjMzMzQyIDIyLjY2NiA1LjkzMDM3IDIyLjY2NiA2LjY2Njc1QzIyLjY2NiA3LjQwMzEzIDIzLjI2MyA4LjAwMDA4IDIzLjk5OTMgOC4wMDAwOEMyNC43MzU3IDguMDAwMDggMjUuMzMyNyA3LjQwMzEzIDI1LjMzMjcgNi42NjY3NUMyNS4zMzI3IDUuOTMwMzcgMjQuNzM1NyA1LjMzMzQyIDIzLjk5OTMgNS4zMzM0MlpNMjcuOTk5MyA2LjY2Njc1QzI3Ljk5OTMgNC40NTc2MSAyNi4yMDg1IDIuNjY2NzUgMjMuOTk5MyAyLjY2Njc1QzIxLjc5MDIgMi42NjY3NSAxOS45OTkzIDQuNDU3NjEgMTkuOTk5MyA2LjY2Njc1QzE5Ljk5OTMgOC44NzU4OSAyMS43OTAyIDEwLjY2NjcgMjMuOTk5MyAxMC42NjY3QzI2LjIwODUgMTAuNjY2NyAyNy45OTkzIDguODc1ODkgMjcuOTk5MyA2LjY2Njc1Wk02LjY2NjAyIDUuMzMzNDFDNS45Mjk2NCA1LjMzMzQxIDUuMzMyNjggNS45MzAzNyA1LjMzMjY4IDYuNjY2NzVDNS4zMzI2OCA3LjQwMzEzIDUuOTI5NjQgOC4wMDAwOCA2LjY2NjAyIDguMDAwMDhDNy40MDI0IDguMDAwMDggNy45OTkzNSA3LjQwMzEzIDcuOTk5MzUgNi42NjY3NUM3Ljk5OTM1IDUuOTMwMzcgNy40MDI0IDUuMzMzNDEgNi42NjYwMiA1LjMzMzQxWk0xMC42NjYgNi42NjY3NUMxMC42NjYgNC40NTc2MSA4Ljg3NTE2IDIuNjY2NzUgNi42NjYwMiAyLjY2Njc1QzQuNDU2ODggMi42NjY3NSAyLjY2NjAyIDQuNDU3NjEgMi42NjYwMiA2LjY2Njc1QzIuNjY2MDIgOC44NzU4OSA0LjQ1Njg4IDEwLjY2NjcgNi42NjYwMiAxMC42NjY3QzguODc1MTYgMTAuNjY2NyAxMC42NjYgOC44NzU4OSAxMC42NjYgNi42NjY3NVpNNS4zMzI2OCAyNC4wMDAxQzUuMzMyNjggMjMuMjYzNyA1LjkyOTY0IDIyLjY2NjcgNi42NjYwMiAyMi42NjY3QzcuNDAyNCAyMi42NjY3IDcuOTk5MzUgMjMuMjYzNyA3Ljk5OTM1IDI0LjAwMDFDNy45OTkzNSAyNC43MzY1IDcuNDAyMzkgMjUuMzMzNCA2LjY2NjAyIDI1LjMzMzRDNS45Mjk2NCAyNS4zMzM0IDUuMzMyNjggMjQuNzM2NSA1LjMzMjY4IDI0LjAwMDFaTTYuNjY2MDIgMjAuMDAwMUM4Ljg3NTE1IDIwLjAwMDEgMTAuNjY2IDIxLjc5MDkgMTAuNjY2IDI0LjAwMDFDMTAuNjY2IDI2LjIwOTIgOC44NzUxNSAyOC4wMDAxIDYuNjY2MDIgMjguMDAwMUM0LjQ1Njg4IDI4LjAwMDEgMi42NjYwMiAyNi4yMDkyIDIuNjY2MDIgMjQuMDAwMUMyLjY2NjAyIDIxLjc5MDkgNC40NTY4OCAyMC4wMDAxIDYuNjY2MDIgMjAuMDAwMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yOS4zMzI3IDE0LjY2NjdDMjkuMzMyNyAxNS40MDMxIDI4LjczNTcgMTYuMDAwMSAyNy45OTkzIDE2LjAwMDFDMjcuMjYzIDE2LjAwMDEgMjYuNjY2IDE1LjQwMzEgMjYuNjY2IDE0LjY2NjdDMjYuNjY2IDEzLjkzMDQgMjcuMjYzIDEzLjMzMzQgMjcuOTk5MyAxMy4zMzM0QzI4LjczNTcgMTMuMzMzNCAyOS4zMzI3IDEzLjkzMDQgMjkuMzMyNyAxNC42NjY3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIzLjEyOTIgMTkuMzUxMUMyMy4zNTA1IDE4LjQzODYgMjQuNjQ4MiAxOC40Mzg2IDI0Ljg2OTUgMTkuMzUxMUwyNS40NzgzIDIxLjg2MTlDMjUuNTU3MyAyMi4xODc3IDI1LjgxMTcgMjIuNDQyMSAyNi4xMzc1IDIyLjUyMTFMMjguNjQ4MyAyMy4xMjk5QzI5LjU2MDggMjMuMzUxMiAyOS41NjA4IDI0LjY0OSAyOC42NDgzIDI0Ljg3MDJMMjYuMTM3NSAyNS40NzkxQzI1LjgxMTcgMjUuNTU4MSAyNS41NTczIDI1LjgxMjQgMjUuNDc4MyAyNi4xMzgyTDI0Ljg2OTUgMjguNjQ5QzI0LjY0ODIgMjkuNTYxNSAyMy4zNTA1IDI5LjU2MTUgMjMuMTI5MiAyOC42NDlMMjIuNTIwNCAyNi4xMzgyQzIyLjQ0MTQgMjUuODEyNCAyMi4xODcgMjUuNTU4MSAyMS44NjEyIDI1LjQ3OTFMMTkuMzUwNCAyNC44NzAyQzE4LjQzNzkgMjQuNjQ5IDE4LjQzNzkgMjMuMzUxMiAxOS4zNTA0IDIzLjEyOTlMMjEuODYxMiAyMi41MjExQzIyLjE4NyAyMi40NDIxIDIyLjQ0MTQgMjIuMTg3NyAyMi41MjA0IDIxLjg2MTlMMjMuMTI5MiAxOS4zNTExWiIgZmlsbD0id2hp
410dGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy45OTkzIDIwLjMyMkwyMy41NjQ1IDIyLjExNTFDMjMuMzkwNyAyMi44MzE5IDIyLjgzMTEgMjMuMzkxNSAyMi4xMTQ0IDIzLjU2NTNMMjAuMzIxMyAyNC4wMDAxTDIyLjExNDQgMjQuNDM0OUMyMi44MzExIDI0LjYwODcgMjMuMzkwNyAyNS4xNjgzIDIzLjU2NDUgMjUuODg1TDIzLjk5OTMgMjcuNjc4MUwyNC40MzQyIDI1Ljg4NUMyNC42MDggMjUuMTY4MyAyNS4xNjc2IDI0LjYwODcgMjUuODg0MyAyNC40MzQ5TDI3LjY3NzQgMjQuMDAwMUwyNS44ODQzIDIzLjU2NTNDMjUuMTY3NiAyMy4zOTE1IDI0LjYwOCAyMi44MzE5IDI0LjQzNDIgMjIuMTE1MUwyMy45OTkzIDIwLjMyMlpNMjQuODY5NSAxOS4zNTExQzI0LjY0ODIgMTguNDM4NiAyMy4zNTA1IDE4LjQzODYgMjMuMTI5MiAxOS4zNTExTDIyLjUyMDQgMjEuODYxOUMyMi40NDE0IDIyLjE4NzcgMjIuMTg3IDIyLjQ0MjEgMjEuODYxMiAyMi41MjExTDE5LjM1MDQgMjMuMTI5OUMxOC40Mzc5IDIzLjM1MTIgMTguNDM3OSAyNC42NDkgMTkuMzUwNCAyNC44NzAyTDIxLjg2MTIgMjUuNDc5MUMyMi4xODcgMjUuNTU4MSAyMi40NDE0IDI1LjgxMjQgMjIuNTIwNCAyNi4xMzgyTDIzLjEyOTIgMjguNjQ5QzIzLjM1MDUgMjkuNTYxNSAyNC42NDgyIDI5LjU2MTUgMjQuODY5NSAyOC42NDlMMjUuNDc4MyAyNi4xMzgyQzI1LjU1NzMgMjUuODEyNCAyNS44MTE3IDI1LjU1ODEgMjYuMTM3NSAyNS40NzkxTDI4LjY0ODMgMjQuODcwMkMyOS41NjA4IDI0LjY0OSAyOS41NjA4IDIzLjM1MTIgMjguNjQ4MyAyMy4xMjk5TDI2LjEzNzUgMjIuNTIxMUMyNS44MTE3IDIyLjQ0MjEgMjUuNTU3MyAyMi4xODc3IDI1LjQ3ODMgMjEuODYxOUwyNC44Njk1IDE5LjM1MTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTUuOTk5MyAyOC4wMDAxQzE1Ljk5OTMgMjguNzM2NSAxNS40MDI0IDI5LjMzMzQgMTQuNjY2IDI5LjMzMzRDMTMuOTI5NiAyOS4zMzM0IDEzLjMzMjcgMjguNzM2NSAxMy4zMzI3IDI4LjAwMDFDMTMuMzMyNyAyNy4yNjM3IDEzLjkyOTYgMjYuNjY2NyAxNC42NjYgMjYuNjY2N0MxNS40MDI0IDI2LjY2NjcgMTUuOTk5MyAyNy4yNjM3IDE1Ljk5OTMgMjguMDAwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
411    }
412    @keyframes securityPulse {
413      0%, 100% { transform: scale(1) rotate(0deg); }
414      50% { transform: scale(1.08) rotate(-5deg); }
415    }
416    .part-ai-features-item:hover .security-icon {
417      animation: securityPulse 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
418    }
419    .part-ai-features-item:hover .security-icon{
420      background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi43OTE0IDEuNzYwOTlDMjYuOTI5NyAxLjE5MDY3IDI3Ljc0MDggMS4xOTA2NyAyNy44NzkxIDEuNzYwOTlMMjguMjU5NyAzLjMzMDI0QzI4LjMwOSAzLjUzMzg2IDI4LjQ2OCAzLjY5Mjg0IDI4LjY3MTYgMy43NDIyMUwzMC4yNDA5IDQuMTIyNzRDMzAuODExMiA0LjI2MTAzIDMwLjgxMTIgNS4wNzIxNCAzMC4yNDA5IDUuMjEwNDNMMjguNjcxNiA1LjU5MDk2QzI4LjQ2OCA1LjY0MDMzIDI4LjMwOSA1Ljc5OTMxIDI4LjI1OTcgNi4wMDI5M0wyNy44NzkxIDcuNTcyMThDMjcuNzQwOCA4LjE0MjUgMjYuOTI5NyA4LjE0MjUgMjYuNzkxNCA3LjU3MjE4TDI2LjQxMDkgNi4wMDI5M0MyNi4zNjE1IDUuNzk5MzEgMjYuMjAyNiA1LjY0MDMzIDI1Ljk5ODkgNS41OTA5NkwyNC40Mjk3IDUuMjEwNDNDMjMuODU5NCA1LjA3MjE0IDIzLjg1OTQgNC4yNjEwMyAyNC40Mjk3IDQuMTIyNzRMMjUuOTk4OSAzLjc0MjIxQzI2LjIwMjYgMy42OTI4NCAyNi4zNjE1IDMuNTMzODYgMjYuNDEwOSAzLjMzMDI0TDI2Ljc5MTQgMS43NjA5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMzM1MyAyLjM2NzhMMjcuMDYzNSAzLjQ4ODQ5QzI2Ljk1NDkgMy45MzY0NSAyNi42MDUyIDQuMjg2MjEgMjYuMTU3MiA0LjM5NDgzTDI1LjAzNjUgNC42NjY1OEwyNi4xNTcyIDQuOTM4MzRDMjYuNjA1MiA1LjA0Njk2IDI2Ljk1NDkgNS4zOTY3MiAyNy4wNjM1IDUuODQ0NjhMMjcuMzM1MyA2Ljk2NTM3TDI3LjYwNyA1Ljg0NDY4QzI3LjcxNTcgNS4zOTY3MiAyOC4wNjU0IDUuMDQ2OTYgMjguNTEzNCA0LjkzODM0TDI5LjYzNDEgNC42NjY1OEwyOC41MTM0IDQuMzk0ODNDMjguMDY1NCA0LjI4NjIxIDI3LjcxNTcgMy45MzY0NSAyNy42MDcgMy40ODg0OUwyNy4zMzUzIDIuMzY3OFpNMjcuODc5MSAxLjc2MDk5QzI3Ljc0MDggMS4xOTA2NyAyNi45Mjk3IDEuMTkwNjcgMjYuNzkxNCAxLjc2MDk5TDI2LjQxMDkgMy4zMzAyNEMyNi4zNjE1IDMuNTMzODYgMjYuMjAyNiAzLjY5Mjg0IDI1Ljk5ODkgMy43NDIyMUwyNC40Mjk3IDQuMTIyNzRDMjMuODU5NCA0LjI2MTAzIDIzLjg1OTQgNS4wNzIxNCAyNC40Mjk3IDUuMjEwNDNMMjUuOTk4OSA1LjU5MDk2QzI2LjIwMjYgNS42NDAzMyAyNi4zNjE1IDUuNzk5MzEgMjYuNDEwOSA2LjAwMjkzTDI2Ljc5MTQgNy41NzIxOEMyNi45Mjk3IDguMTQyNSAyNy43NDA4IDguMTQyNSAyNy44NzkxIDcuNTcyMThMMjguMjU5NyA2LjAwMjkzQzI4LjMwOSA1Ljc5OTMxIDI4LjQ2OCA1LjY0MDMzIDI4LjY3MTYgNS41OTA5NkwzMC4yNDA5IDUuMjEwNDNDMzAuODExMiA1LjA3MjE0IDMwLjgxMTIgNC4yNjEwMyAzMC4yNDA5IDQuMTIyNzRMMjguNjcxNiAzLjc0MjIxQzI4LjQ2OCAzLjY5Mjg0IDI4LjMwOSAzLjUzMzg2IDI4LjI1OTcgMy4zMzAyNEwyNy44NzkxIDEuNzYwOTlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzAuNjY4NiAyNS4zMzMzQzMwLjY2ODYgMjYuMDY5NiAzMC4wNzE3IDI2LjY2NjYgMjkuMzM1MyAyNi42NjY2QzI4LjU5ODkgMjYuNjY2NiAyO
420C4wMDIgMjYuMDY5NiAyOC4wMDIgMjUuMzMzM0MyOC4wMDIgMjQuNTk2OSAyOC41OTg5IDIzLjk5OTkgMjkuMzM1MyAyMy45OTk5QzMwLjA3MTcgMjMuOTk5OSAzMC42Njg2IDI0LjU5NjkgMzAuNjY4NiAyNS4zMzMzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI2LjY2ODYgMjkuMzMzM0MyNi42Njg2IDMwLjA2OTYgMjYuMDcxNyAzMC42NjY2IDI1LjMzNTMgMzAuNjY2NkMyNC41OTg5IDMwLjY2NjYgMjQuMDAyIDMwLjA2OTYgMjQuMDAyIDI5LjMzMzNDMjQuMDAyIDI4LjU5NjkgMjQuNTk4OSAyNy45OTk5IDI1LjMzNTMgMjcuOTk5OUMyNi4wNzE3IDI3Ljk5OTkgMjYuNjY4NiAyOC41OTY5IDI2LjY2ODYgMjkuMzMzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMS45MjI3IDQuNDk4MTFDMTIuNDM0MiA0LjMwNjE4IDEyLjk5MzIgNC4yODExNSAxMy41MTk3IDQuNDI2NjFMMTMuNzQyNyA0LjQ5ODExTDIyLjgxNjggNy45MTA0NEMyMy4yNzY4IDguMDgzNDUgMjMuNjc4NCA4LjM4NDAxIDIzLjk3NDcgOC43NzcxMUMyNC4yNzEgOS4xNzAyIDI0LjQ0OTggOS42Mzk2NCAyNC40OTAzIDEwLjEzMDdMMjQuNDk5MyAxMC4zNDUyVjE3LjMxNjhDMjQuNDk5MyAxOS40MjMyIDIzLjkzMjEgMjEuNDkwNiAyMi44NTc3IDIzLjMwMDZDMjEuNzgzMyAyNS4xMTA3IDIwLjI0MTUgMjYuNTk2MiAxOC4zOTUxIDI3LjYwMDVMMTguMDUwMyAyNy43ODEyTDEzLjcwMjUgMjkuOTYxMkMxMy40NjMxIDMwLjA4MTEgMTMuMjAxNiAzMC4xNTAxIDEyLjkzNDQgMzAuMTY0QzEyLjY2NzIgMzAuMTc3OCAxMi40IDMwLjEzNjMgMTIuMTQ5NSAzMC4wNDE4TDExLjk2MjkgMjkuOTYxMkw3LjYxNTA5IDI3Ljc4MTJDNS43MzYyNSAyNi44MzkyIDQuMTQ1OTEgMjUuNDA1OSAzLjAxMTk1IDIzLjYzMjZDMS44Nzc5OCAyMS44NTk0IDEuMjQyNDcgMTkuODEyMSAxLjE3MjUgMTcuNzA2N0wxLjE2NjAyIDE3LjMxNjhWMTAuMzQ1MkMxLjE2NjAyIDkuODUyNzEgMS4zMDU1MyA5LjM3MDMzIDEuNTY4MyA4Ljk1NDI1QzEuODMxMDcgOC41MzgxNiAyLjIwNjI5IDguMjA1NDggMi42NTAyNyA3Ljk5NDkzTDIuODQ4NjEgNy45MTA0NEwxMS45MjI3IDQuNDk4MTFaTTEyLjgzMjcgNi45MzI4OUwzLjc1ODYxIDEwLjM0NTJWMTcuMzE2OEMzLjc1ODY0IDE4Ljk0ODIgNC4xOTYwNSAyMC41NDk2IDUuMDI1MDMgMjEuOTUzM0M1Ljg1NDAyIDIzLjM1NzEgNy4wNDQwOSAyNC41MTE1IDguNDcwNjUgMjUuMjk1OEw4Ljc3NTI3IDI1LjQ1NTZMMTIuODMyNyAyNy40OUwxNi44OTAxIDI1LjQ1NTZDMTguMzQ1NSAyNC43MjYxIDE5LjU3ODUgMjMuNjE3NCAyMC40NTk5IDIyLjI0NTlDMjEuMzQxNCAyMC44NzQ0IDIxLjgzODkgMTkuMjkwNSAyMS45MDAzIDE3LjY1OTlMMjEuOTA2OCAxNy4zMTY4VjEwLjM0NTJMMTIuODMyNyA2LjkzMjg5Wk0xNy4yODI5IDEyLjg2MTlDMTcuNTE2MSAxMi42Mjg3IDE3LjgyOTIgMTIuNDkzNCAxOC4xNTg0IDEyLjQ4MzNDMTguNDg3NiAxMi40NzMyIDE4LjgwODIgMTIuNTg5MiAxOS4wNTUzIDEyLjgwNzZDMTkuMzAyMyAxMy4wMjYgMTkuNDU3MiAxMy4zMzA2IDE5LjQ4ODQgMTMuNjU5NEMxOS41MTk2IDEzLjk4ODEgMTkuNDI0OSAxNC4zMTY1IDE5LjIyMzQgMTQuNTc3OEwxOS4xMTU4IDE0LjdMMTIuMzMxIDIxLjUwNTFDMTIuMDgzOSAyMS43NTMgMTEuNzU0NiAyMS45MDExIDExLjQwNTcgMjEuOTIxNUMxMS4wNTY4IDIxLjk0MTggMTAuNzEyNiAyMS44MzMgMTAuNDM4NCAyMS42MTU2TDEwLjMxNCAyMS41MDUxTDcuMTk3NjggMTguMzgwMUM2Ljk2MjcyIDE4LjE0NjcgNi44MjU2IDE3LjgzMjEgNi44MTQzOSAxNy41MDA2QzYuODAzMTggMTcuMTY5MiA2LjkxODcyIDE2Ljg0NiA3LjEzNzM2IDE2LjU5NzFDNy4zNTYgMTYuMzQ4MyA3LjY2MTIyIDE2LjE5MjcgNy45OTA1MyAxNi4xNjIyQzguMzE5ODQgMTYuMTMxNiA4LjY0ODM0IDE2LjIyODQgOC45MDg3OSAxNi40MzI4TDkuMDMwNjUgMTYuNTQwN0wxMS4zMjI1IDE4LjgzOUwxNy4yODI5IDEyLjg2MTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
421    }
422    @keyframes cameraZoom {
423      0%, 100% { transform: scale(1); }
424      50% { transform: scale(1.15); }
425    }
426    .part-ai-features-item:hover .camera-icon {
427      animation: cameraZoom 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
428    }
429    .part-ai-features-item:hover .camera-icon{
430      background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMzIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzMgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi4yMzkgMy4zMzAyNEMyNi4yMzkgNC4wNjY2MiAyNS42NDIxIDQuNjYzNTcgMjQuOTA1NyA0LjY2MzU3QzI0LjE2OTMgNC42NjM1NyAyMy41NzIzIDQuMDY2NjIgMjMuNTcyMyAzLjMzMDI0QzIzLjU3MjMgMi41OTM4NiAyNC4xNjkzIDEuOTk2OTEgMjQuOTA1NyAxLjk5NjkxQzI1LjY0MjEgMS45OTY5MSAyNi4yMzkgMi41OTM4NiAyNi4yMzkgMy4zMzAyNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yLjc4OTQ4IDEuNzYwOTlDMi45Mjc3OCAxLjE5MDY3IDMuNzM4ODkgMS4xOTA2NyAzLjg3NzE4IDEuNzYwOTlMNC4yNTc3IDMuMzMwMjRDNC4zMDcwOCAzLjUzMzg2IDQuNDY2MDYgMy42OTI4NCA0LjY2OTY4IDMuNzQyMjFMNi4yMzg5MyA0LjEyMjc0QzYuODA5MjQgNC4yNjEwMyA2LjgwOTI0IDUuMDcyMTQgNi4yMzg5MyA1LjIxMDQ0TDQuNjY5NjggNS41OTA5NkM0LjY0NDIzIDUuNTk3MTMgNC42MTk0NyA1LjYwNTAxIDQuNTk1NTQgNS42MTQ0OEM0LjQyODAzIDUuNjgwNzcgNC4zMDA5MSA1LjgyNDc2IDQuMjU3NyA2LjAwMjkzTDMuODc3MTggNy41NzIxOEMzLjg2ODU0IDcuNjA3ODMgMy44NTcyNyA3LjY0MTI0IDMuODQzNyA3LjY3MjQzQzMuNjQwMTMgOC4xNDAyNyAyLjkxOTEzIDguMTA2ODUgMi43ODk0OCA3LjU3MjE4TDIuNDA4OTYgNi4wMDI5M0MyLjQwNTg4IDUuOTkwMiAyLjQwMjM2IDUuOTc3NjUgMi4zOTg0NCA1Ljk2NTI5QzIuMzM5NTQgNS43Nzk4NyAyLjE4Nzg4IDUuNjM3MjQgMS45OTY5OSA1LjU5MDk2TDAuNDI3NzM1IDUuMjEwNDRDMC4zOTIwOSA1LjIwMTc5IDAuMzU4Njc0IDUuMTkwNTIgMC4zMjc0ODUgNS4xNzY5NUMtMC4xNDAzNSA0Ljk3MzM4IC0wLjEwNjkzNCA0LjI1MjM4IDAuNDI3NzM1IDQuMTIyNzRMMS45OTY5OSAzLjc0MjIxQzIuMjAwNjEgMy42OTI4NCAyLjM1OTU5IDMuNTMzODYgMi40MDg5NiAzLjMzMDI0TDIu
430Nzg5NDggMS43NjA5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMi42NTU3IDcuMjQ5OTJDMzIuNjU1NyA3Ljk4NjMgMzIuMDU4NyA4LjU4MzI2IDMxLjMyMjMgOC41ODMyNkMzMC41ODYgOC41ODMyNiAyOS45ODkgNy45ODYzIDI5Ljk4OSA3LjI0OTkyQzI5Ljk4OSA2LjUxMzU0IDMwLjU4NiA1LjkxNjU5IDMxLjMyMjMgNS45MTY1OUMzMi4wNTg3IDUuOTE2NTkgMzIuNjU1NyA2LjUxMzU0IDMyLjY1NTcgNy4yNDk5MloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy43MzYzIDE2LjEwNjVDMTMuNzM2MyAxNS4zODE0IDE0LjUwNDUgMTQuOTMxIDE1LjExNTIgMTUuMjk2M0wyMC4wMTQ2IDE4LjIyNTZDMjAuMTMyOCAxOC4yOTYyIDIwLjIzMDkgMTguMzk3MiAyMC4yOTkgMTguNTE4NkMyMC4zNjcxIDE4LjY0IDIwLjQwMyAxOC43Nzc2IDIwLjQwMyAxOC45MTc2QzIwLjQwMyAxOS4wNTc3IDIwLjM2NzEgMTkuMTk1MiAyMC4yOTkgMTkuMzE2N0MyMC4yMzA5IDE5LjQzODEgMjAuMTMyOCAxOS41MzkxIDIwLjAxNDYgMTkuNjA5N0wxNS4xMTUyIDIyLjUzOUMxNC45NzU5IDIyLjYyMjEgMTQuODE3NyAyMi42NjYxIDE0LjY1NjUgMjIuNjY2N0MxNC40OTUzIDIyLjY2NzMgMTQuMzM2OCAyMi42MjQ0IDE0LjE5NyAyMi41NDI0QzE0LjA1NzIgMjIuNDYwMyAxMy45NDEgMjIuMzQyIDEzLjg2MDEgMjIuMTk5M0MxMy43NzkyIDIyLjA1NjYgMTMuNzM2NSAyMS44OTQ2IDEzLjczNjMgMjEuNzI5N1YxNi4xMDY1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMyMDMxIDEzLjQ5OTlDMy4zMjAzMSAxMC41MDg0IDUuNzQ1NDQgOC4wODMyNSA4LjczNjk4IDguMDgzMjVIMjMuNzM3QzI2LjcyODUgOC4wODMyNSAyOS4xNTM2IDEwLjUwODQgMjkuMTUzNiAxMy40OTk5VjI0LjMzMzNDMjkuMTUzNiAyNy4zMjQ4IDI2LjcyODUgMjkuNzQ5OSAyMy43MzcgMjkuNzQ5OUg4LjczNjk4QzUuNzQ1NDQgMjkuNzQ5OSAzLjMyMDMxIDI3LjMyNDggMy4zMjAzMSAyNC4zMzMzVjEzLjQ5OTlaTTguNzM2OTggMTAuNTgzM0M3LjEyNjE1IDEwLjU4MzMgNS44MjAzMSAxMS44ODkxIDUuODIwMzEgMTMuNDk5OVYyNC4zMzMzQzUuODIwMzEgMjUuOTQ0MSA3LjEyNjE1IDI3LjI0OTkgOC43MzY5OCAyNy4yNDk5SDIzLjczN0MyNS4zNDc4IDI3LjI0OTkgMjYuNjUzNiAyNS45NDQxIDI2LjY1MzYgMjQuMzMzM1YxMy40OTk5QzI2LjY1MzYgMTEuODg5MSAyNS4zNDc4IDEwLjU4MzMgMjMuNzM3IDEwLjU4MzNIOC43MzY5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
431    }
432    @keyframes aiSpinSpin {
433      0% { transform: rotate(0deg); }
434      100% { transform: rotate(360deg); }
435    }
436    .part-ai-features-item:hover .ai-icon {
437      animation: aiSpinSpin 1.5s linear infinite;
438    }
439    .part-ai-features-item:hover .ai-icon{
440      background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNyAxNS42NjY2SDI2LjgxMzNDMjYuMDQ2NyAxMi4yMzk5IDIyLjk4NjcgOS42NjY2MSAxOS4zMzMzIDkuNjY2NjFIMTdWOC44MTMyOEMxOC4xNiA4LjM5OTk1IDE5IDcuMjk5OTUgMTkgNS45OTk5NUMxOSA0LjM0NjYxIDE3LjY1MzMgMi45OTk5NSAxNiAyLjk5OTk1QzE0LjM0NjcgMi45OTk5NSAxMyA0LjM0NjYxIDEzIDUuOTk5OTVDMTMgNy4yOTk5NSAxMy44NCA4LjM5OTk1IDE1IDguODEzMjhWOS42NjY2MUgxMi42NjY3QzkuMDEzMzMgOS42NjY2MSA1Ljk1MzMzIDEyLjIzOTkgNS4xODY2NyAxNS42NjY2SDVDMy45IDE1LjY2NjYgMyAxNi41NjY2IDMgMTcuNjY2NlYxOS42NjY2QzMgMjAuNzY2NiAzLjkgMjEuNjY2NiA1IDIxLjY2NjZINS4zNjY2N0M2LjE1MzMzIDI0LjExOTkgOC4xNCAyNi4wMjY2IDEwLjYzMzMgMjYuNzJDMTAuNDQ2NyAyNy4xMTMzIDEwLjMzMzMgMjcuNTM5OSAxMC4zMzMzIDI4QzEwLjMzMzMgMjguNTUzMyAxMC43OCAyOSAxMS4zMzMzIDI5SDIwLjY2NjdDMjEuMjIgMjkgMjEuNjY2NyAyOC41NTMzIDIxLjY2NjcgMjhDMjEuNjY2NyAyNy41Mzk5IDIxLjU1MzMgMjcuMTA2NiAyMS4zNjY3IDI2LjcyQzIzLjg2IDI2LjAzMzMgMjUuODQ2NyAyNC4xMTk5IDI2LjYzMzMgMjEuNjY2NkgyN0MyOC4xIDIxLjY2NjYgMjkgMjAuNzY2NiAyOSAxOS42NjY2VjE3LjY2NjZDMjkgMTYuNTY2NiAyOC4xIDE1LjY2NjYgMjcgMTUuNjY2NlpNMTYgNC45OTk5NUMxNi41NTMzIDQuOTk5OTUgMTcgNS40NDY2MSAxNyA1Ljk5OTk1QzE3IDYuNTUzMjggMTYuNTUzMyA2Ljk5OTk1IDE2IDYuOTk5OTVDMTUuNDQ2NyA2Ljk5OTk1IDE1IDYuNTUzMjggMTUgNS45OTk5NUMxNSA1LjQ0NjYxIDE1LjQ0NjcgNC45OTk5NSAxNiA0Ljk5OTk1Wk0xOS4zMzMzIDI1SDEyLjY2NjdDOS41NCAyNSA3IDIyLjQ1OTkgNyAxOS4zMzMzVjE3LjMzMzNDNyAxNC4yMDY2IDkuNTQgMTEuNjY2NiAxMi42NjY3IDExLjY2NjZIMTkuMzMzM0MyMi40NiAxMS42NjY2IDI1IDE0LjIwNjYgMjUgMTcuMzMzM1YxOS4zMzMzQzI1IDIyLjQ1OTkgMjIuNDYgMjUgMTkuMzMzMyAyNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi4zMzMzIDE0LjMzMzNDMTEuMjMzMyAxNC4zMzMzIDEwLjMzMzMgMTUuMjMzMyAxMC4zMzMzIDE2LjMzMzNWMTguMzMzM0MxMC4zMzMzIDE5LjQzMzMgMTEuMjMzMyAyMC4zMzMzIDEyLjMzMzMgMjAuMzMzM0MxMy40MzMzIDIwLjMzMzMgMTQuMzMzMyAxOS40MzMzIDE0LjMzMzMgMTguMzMzM1YxNi4zMzMzQzE0LjMzMzMgMTUuMjMzMyAxMy40MzMzIDE0LjMzMzMgMTIuMzMzMyAxNC4zMzMzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE5LjY2NjcgMTQuMzMzM0MxOC41NjY3IDE0LjMzMzMgMTcuNjY2NyAxNS4yMzMzIDE3LjY2NjcgMTYuMzMzM1YxOC4zMzMzQzE3LjY2NjcgMTkuNDMzMyAxOC41NjY3IDIwLjMzMzMgMTkuNjY2NyAyMC4zMzMzQzIwLjc2NjcgMjAuMzMzMyAyMS42NjY3IDE5LjQzMzMgMjEuNjY2NyAxOC4zMzMzVjE2LjMzMzNDMjEuNjY2NyAxNS4yMzMzIDIwLjc2NjcgMTQuMzMzMyAxOS42NjY3IDE0LjMzMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOS4wMiA0Ljk0NjYxTDExLjAyIDUuNjEzMjhDMTEuMTI2NyA1LjY0NjYxIDExLjIzMzMgNS42NjY2MSAxMS4zMzMzIDUuNjY2NjFDMTEuNzUzMyA1LjY2NjYxIDEyLjE0IDUuMzk5OTUgMTIuMjggNC45Nzk5NUMxMi40NTMzIDQuNDUzMjggMTIuMTczMyAzLjg4NjYxIDExLjY0NjcgMy43MTMyOEw5LjY0NjY3IDMuMDQ2NjFDOS4xMjY2NyAyLjg3MzI4IDguNTYgMy4xNTMyOCA4LjM4IDMuNjc5OTVDOC4yIDQuMjA2NjEgOC40ODY2NyA0Ljc3MzI4IDkuMDEzMzMgNC45NDY2MUg5LjAyWiIgZmlsbD0id2hp
440dGUiLz4KPHBhdGggZD0iTTkuMzMzMzMgOC45OTk5NUM5LjQ0IDguOTk5OTUgOS41NDY2NyA4Ljk4NjYxIDkuNjQ2NjcgOC45NDY2MUwxMS42NDY3IDguMjc5OTVDMTIuMTczMyA4LjEwNjYxIDEyLjQ1MzMgNy41Mzk5NSAxMi4yOCA3LjAxMzI4QzEyLjEwNjcgNi40ODY2MSAxMS41NCA2LjIwNjYxIDExLjAxMzMgNi4zNzk5NUw5LjAxMzMzIDcuMDQ2NjFDOC40ODY2NyA3LjIxOTk1IDguMjA2NjcgNy43ODY2MSA4LjM4IDguMzEzMjhDOC41MiA4LjczMzI4IDguOTA2NjcgOC45OTk5NSA5LjMyNjY3IDguOTk5OTVIOS4zMzMzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMC42NjY3IDUuNjY2NjFDMjAuNzczMyA1LjY2NjYxIDIwLjg4IDUuNjUzMjggMjAuOTggNS42MTMyOEwyMi45OCA0Ljk0NjYxQzIzLjUwNjcgNC43NzMyOCAyMy43ODY3IDQuMjA2NjEgMjMuNjEzMyAzLjY3OTk1QzIzLjQ0IDMuMTUzMjggMjIuODczMyAyLjg3MzI4IDIyLjM0NjcgMy4wNDY2MUwyMC4zNDY3IDMuNzEzMjhDMTkuODIgMy44ODY2MSAxOS41NCA0LjQ1MzI4IDE5LjcxMzMgNC45Nzk5NUMxOS44NTMzIDUuMzk5OTUgMjAuMjQgNS42NjY2MSAyMC42NiA1LjY2NjYxSDIwLjY2NjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjAuMzUzMyA4LjI3OTk1TDIyLjM1MzMgOC45NDY2MUMyMi40NiA4Ljk3OTk1IDIyLjU2NjcgOC45OTk5NSAyMi42NjY3IDguOTk5OTVDMjMuMDg2NyA4Ljk5OTk1IDIzLjQ3MzMgOC43MzMyOCAyMy42MTMzIDguMzEzMjhDMjMuNzg2NyA3Ljc4NjYxIDIzLjUwNjcgNy4yMTk5NSAyMi45OCA3LjA0NjYxTDIwLjk4IDYuMzc5OTVDMjAuNDYgNi4yMDY2MSAxOS44ODY3IDYuNDg2NjEgMTkuNzEzMyA3LjAxMzI4QzE5LjU0IDcuNTM5OTUgMTkuODIgOC4xMDY2MSAyMC4zNDY3IDguMjc5OTVIMjAuMzUzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
441    }
442  }
443  @media (max-width: 1279.98px) {
444    .part-ai-features {
445      padding: 80px 24px 84px;
446    }
447    .part-ai-features-item {
448      border-top: unset;
449      text-align: center;
450      background-color: #F4F5F9;
451      border-radius: 16px;
452    }
453    .part-ai-features-item-left-box {
454      padding: 0 38px;
455      flex-direction: column;
456    }
457    .part-ai-features-item-right-box {
458      padding: 0 38px;
459      flex-direction: column;
460    }
461    .part-ai-features-item-left-box-icon {
462      display: none;
463    }
464    .part-ai-features-item-left-box .ai-features-num {
465      display: none;
466    }
467    .part-ai-features-item-right-box>.part-ai-features-item-right-box-wrapper {
468      display: none;
469    }
470    .part-ai-features-item-left-box-icon-m {
471      display: block;
472      width: 40px;
473      height: 40px;
474      margin-bottom: 16px;
475      background-size: 100% 100%;
476    }
477    .part-ai-features-item-right-box .btn {
478      margin-top: 24px;
479      font-size: 16px;
480      font-weight: bold;
481      height: 48px;
482      width: 220px;
483      border-radius: 8px;
484      text-align: center;
485    }
486    .part-ai-features-item-right-box .btn:hover,
487    .part-ai-features-item-right-box .btn:active {
488      color: unset !important;
489      background-color: unset !important;
490      border-color: unset !important;
491      box-shadow:none !important;;
492    }
493  }
494
495    /* part-marquee */
496  .part-marquee {
497    padding-top: 74px;
498    padding-bottom: 96px;
499  }
500  .marquee {
501      display: flex;
502      align-items: center;
503      flex-wrap: nowrap;
504      font-size: 0;
505      border-top: 1px solid rgba(0, 0, 0, .15);
506      border-bottom: 1px solid rgba(0, 0, 0, .15)
507  }
508
509  .marquee .marquee-item {
510      display: flex;
511      flex-wrap: nowrap;
512      animation: marquee 45s linear infinite
513  }
514
515  .marquee-card {
516      font-size: 180px;
517      letter-spacing: 0;
518      line-height: 1;
519      font-weight: 700;
520      margin: 0 20px;
521      white-space: noWrap;
522      padding: 28px 0;
523      font-family: 'FunnelDisplay', "HarmonyOS Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif;
524  }
525
526  @keyframes marquee {
527      0% {
528          transform: translate(0)
529      }
530
531      to {
532          transform: translate(-100%)
533      }
534  }
535
536  @media(max-width:1599.98px) {
537      .marquee-card {
538          font-size: 140px;
539      }
540  }
541
542  @media(max-width:1279.98px) {
543      .marquee-card {
544          font-size: 100px;
545      }
546  }
547
548  @media(max-width:767.98px) {
549    .part-marquee {
550      padding: 0px 0 48px;
551    }
552      .marquee-card {
553          padding: 8px 0;
554          font-size: 48px;
555      }
556  }
557
558  /* part-enhancer */
559  .part-enhancer-item {
560    background-color: rgba(244, 245, 249, 1);
561    display: flex;
562    align-items: center;
563  }
564  .part-enhancer-item-left-box {
565    width: 32%;
566    padding: 32px 75px 32px 64px;
567  }
568  .part-enhancer-item-right-box {
569    width: 68%;
570  }
571  .line-box {
572    height: 1px;
573    width: 100%;
574    background-color: rgba(0, 0, 0, 0.15);
575    margin-top: 24px;
576    margin-bottom: 24px;
577  }
578  .tag-box-wrapper {
579    display: flex;
580    align-items: center;
581    flex-wrap: wrap;
582    gap: 12px;
583  }
584  .tag-box {
585    border: 2px solid #000;
586    border-radius: 56px;
587    transition: all 0.3s;
588  }
589  .tag-box:hover {
590    background-color: #000;
591    color: #fff;
592  }
593  .part-enhancer .nav {
594    background-color: rgba(240, 240, 240, 1);
595    padding: 8px;
596    display: flex;
597    align-items: center;
598    gap: 8px;
599    border-radius: 185px;
600  }
601  .part-enhancer .nav .nav-item {
602    font-size: 24px;
603    line-height: 1.25;
604    font-weight: bold;
605    color: rgba(24, 24, 24, 0.7);
606    padding: 16px 70px;
607    transition: all 0.3s;
608    border-radius: 60px;
609    cursor: pointer;
610  }
611  .part-enhancer .nav .nav-item:hover {
612    background: rgba(0, 0, 0, 0.05);
613  }
614  .part-enhancer .nav .nav-item.active {
615    background-color: rgba(0, 0, 0, 1);
616    color: #fff;
617  }
618  @media(max-width:1599.98px) {
619    .part-enhancer-item-left-box {
620      width: 50%;
621      padding: 24px 24px 24px 24px;
622    }
623    .part-enhancer-item-right-box {
624      width: 50%;
625    }
626  }
627  @media(max-width:1279.98px) {
628    .part-enhancer .function-swiper-m {
629      padding-bottom: 64px;
630    }
631    .part-enhancer-title-m {
632      font-size: 28px;
633      font-weight: bold;
634      text-align: center;
635      margin-bottom: 32px;
636    }
637    .tag-box-wrapper {
638      gap: 8px;
639    }
640    .part-enhancer-item {
641      flex-direction: column;
642      height: 100%;
643    }
644    .part-enhancer-item-left-box {
645      width: 100%;
646      padding: 24px 16px 32px 16px;
647      order: 2;
648    }
649    .part-enhancer-item-left-box-content .font-size-small {
650      line-height: 1.66;
651    }
652    .part-enhancer-item-right-box {
653      width: 100%;
654      padding: 0 0px 0px;
655      order: 1;
656    }
657    .wsc-main .tag-box.font-size-normal {
658      font-size: 12px;
659    }
660    .line-box {
661      margin-top: 10px;
662      margin-bottom: 10px;
663    }
664    .part-enhancer .nav {
665      padding: 8px;
666      gap: 6px;
667    }
668    .part-enhancer .nav .nav-item {
669      font-size: 16px;
670      padding: 8px 18px;
671    }
672  }
673
674
675  .part-faq {
676    padding: 196px 0;
677  }
678  .part-faq-wrapper {
679    display: flex;
680    justify-content: space-between;
681    padding: 0 96px 0 64px;
682  }
683  .part-faq-left-box {
684    width: 24%;
685  }
686  .part-faq-right-box {
687    width: 65%;
688  }
689  .faq-list-item {
690    position: relative;
691    border-top: 1px solid rgba(0, 0, 0, 0.25);
692    cursor: pointer;
693    padding-top: 32px;
694    padding-bottom: 32px;
695  }
696  .faq-list-item:last-child {
697    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
698  }
699  .faq-line {
700    width: 0%;
701    height: 2px;
702    background-color: rgba(0, 0, 0, 1);
703    position: absolute;
704    top: 0;
705    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
706  }
707  .faq-list-item:hover .faq-line{
708    width: 100%;
709  }
710  .faq-tltle {
711    font-size: 20px;
712    line-height: 1.4;
713    font-weight: 700;
714  }
715  .faq-tltle-box {
716    display: flex;
717    align-items: center;
718    justify-content: space-between;
719  }
720  .open-close-wrapper {
721    justify-content: center;
722    align-items: center;
723    width: 18px;
724    min-height: 18px;
725    display: flex;
726    position: relative;
727  }
728  .open-close-line-2 {
729    border-radius: 0;
730    flex: none;
731    width: 100%;
732    height: 1.5px;
733    min-height: 0;
734    position: absolute;
735    background-color: #000;
736    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
737  }
738  .open-close-line-2.second-line {
739    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) skew(0deg, 0deg);
740    transform-style: preserve-3d;
741  }
742  .faq-content-box {
743    overflow: hidden;
744    transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
745    height: 0;
746  }
747  .faq-content-box.is-open {
748    height: auto;
749  }
750  .faq-content-box>div {
751    width: 95%;
752    padding-top: 16px;
753    font-size: 16px;
754  }
755  @media(max-width:1599.98px) {
756    .part-faq-wrapper {
757      padding: 0 32px 0 32px;
758    }
759  }
760  @media(max-width:1279.98px) {
761    .part-faq-wrapper {
762      flex-direction: column;
763    }
764    .part-faq {
765      padding: 0px 0 64px;
766    }
767    .faq-tltle {
768      font-size: 14px;
769      width: 88%;
770    }
771    .open-close-wrapper {
772      width: 14px;
773      min-height: 14px;
774    }
775    .faq-content-box>div {
776      font-size: 14px;
777      color: #636363;
778    }
779    .part-faq-wrapper {
780      padding: 0;
781    }
782    .part-faq-left-box {
783      width: 100%;
784      margin-bottom: 24px;
785    }
786    .part-faq-right-box {
787      width: 100%;
788    }
789    .faq-list-item {
790      padding-top: 16px;
791      padding-bottom: 16px;
792    }
793  }
794
795  .part-bottom {
796    padding-bottom: 20px;
797  }
798  .part-bottom .text-content {
799    position: absolute;
800    top: 50%;
801    left: 50%;
802    transform: translate(-50%,-50%);
803  }
804  @media(max-width:767.98px) {
805    .part-bottom {
806      padding-bottom: 0px;
807    }
808    .part-bottom .container-all {
809      padding-right: 0px;
810      padding-left: 0px;
811    }
812    .part-bottom .text-content {
813      width: 100%;
814    }
815    .part-bottom .rounded-24 {
816      border-radius: 0;
817    }
818    .part-bottom .video-container {
819      --ratio:calc(320 / 375 * 100%) !important;
820    }
821    .part-bottom.font-size-80 {
822      font-size: 32px;
823    }
824    .part-bottom .btn {
825      font-size: 16px;
826      font-weight: bold;
827      height: 48px;
828      width: 280px;
829      border-radius: 8px;
830      text-align: center;
831    }
832    .part-bottom .btn:hover,
833    .part-bottom .btn:active {
834      color: #fff !important;
835      background-color: transparent !important;
836      border-color: #fff !important;
837      box-shadow:none !important;;
838    }
839  }
840</style>
841<style>
842
843  @media (max-width: 767.98px) {
844    .line-height-100 { line-height: 120%; }
845    .line-height-m-170 {
846      line-height: 170%;
847    }
848    .rounded-24 { border-radius: 16px; }
849    .wsc-main .font-size-80 {
850      font-size: 40px;
851    }
852    .wsc-main .font-size-180 {
853      font-size: 40px;
854    }
855    .wsc-main .display-1 {
856      font-size: 28px;
857    }
858    .wsc-main .h1 {
859      font-size: 18px;
860    }
861    .wsc-main .h2 {
862      font-size: 22px;
863    }
864    .wsc-main .h3 {
865      font-size: 20px;
866    }
867    .wsc-main .display-3 {
868        font-size: 18px;
869    }
870    .wsc-main .display-4 {
871      font-size: 22px;
872    }
873    .wsc-main .lead {
874      font-size: 18px;
875    }
876    .wsc-main .h4 {
877      font-size: 22px;
878    }
879    .font-size-super {
880      font-size: 16px;
881    }
882    .wsc-main .font-size-extra {
883      font-size: 18px;
884    }
885    .wsc-main .font-size-huge{
886      font-size: 14px;
887    }
888    .wsc-main .font-size-large{
889      font-size: 14px;
890    }
891    .wsc-main .font-size-normal {
892      font-size: 14px;
893    }
894    .wsc-main .font-size-small {
895      font-size: 12px;
896    }
897  }
898</style>
899
900
901<link rel="canonical" href="https://www.wondershare.de/products-solutions/digital-creativity/video.html" />
902
903<script type="text/javascript">
904            var CHANNEL_ID = "6";
905            var SITE_ID = "1";
906            var CMS_LANGUAGE = "de";
907            var TEMPLATE_ID = "10006798";
908            var PAGE_ID = "666006";
909            var TEMPLATE_MODULE = "other";
910            var TEMPLATE_TYPE = "index";
911</script>
911</head>
912
913<body data-pro="wondershare" data-cat="template" data-nav="basic" data-sys="auto" data-dev="auto">
914
915<!-- 头部公共样式块,跟英语一样 -->
916<!-- 头文件样式 -->
917<style>
918    .wsc-header2020 {
919      position: sticky;
920      top: 0;
921      z-index: 49;
922    }
923
924    .wsc-header2020 .wsc-header2020-navbar-master {
925      background-color: #fff;
926      position: absolute;
927      top: 0;
928      z-index: 49;
929      width: 100%;
930      box-sizing: border-box;
931      -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
932      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
933    }
934    .wsc-header2020.is-subsite .wsc-header2020-navbar-master {
935      position: absolute;
936    }
937
938    .wsc-header2020 .wsc-header2020-navbar-master,
939    .wsc-header2020 .wsc-header2020-navbar-master a,
940    .wsc-header2020 .wsc-header2020-navbar-master a:hover {
941      color: #000000;
942    }
943
944    .account_name {
945      display: none !important;
946    }
947
948    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse {
949      background-color: transparent;
950    }
951
952    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown,
953    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item {
954        position: relative;
955    }
956
957    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle,
958    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item .wsc-header2020-navbar-link {
959        opacity: 1;
960    }
961
962    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu {
963        background-color: #FFFFFF;
964        line-height: 1;
965    }
966
967    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-linkBtn {
968      margin: 12px 16px;
969      padding: 12px 26px;
970      border: 1px solid #006DFF;
971      font-size: 14px;
972      font-weight: 400;
973      border-radius: 8px;
974      background-color: #006DFF;
975      color: #FFFFFF;
976      line-height: 100%;
977    }
978    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-linkBtn:hover {
979      background-color: #005DD9;
980      border-color: #0057CC;
981      color: #FFFFFF;
982    }
983
984    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"]+.wsc-header2020-navbarDropdown-menu {
985      transition: none;
986    }
987
988
989
990    @media (min-width:1280px) {
991      .wsc-header2020.is-subsite {
992        position: sticky;
993        top: 0;
994        z-index: 49;
995      }
996
997      .wsc-header2020 .wsc-header2020-navbar-master {
998          color: #000;
999      }
1000
1001      .wsc-operate-login .wondershare-user-panel .avatar {
1002        margin: 0 16px;
1003      }
1004
1005      /*核心区域宽度 */
1006      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-container {
1007        max-width: 1232px;
1008      }
1009
1010      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse {
1011        overflow: visible !important;
1012      }
1013
1014      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item {
1015        padding: 0;
1016      }
1017       .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-out {
1018        position: absolute;
1019        right: 4px;
1020      }
1021
1022      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav {
1023          margin: 0 auto;
1024      }
1025
1026      /* 必须 */
1027      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown {
1028          position: static;
1029      }
1030      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown.wsc-header2020-navbar-dropdown-about {
1031        position: relative;
1032      }
1033      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle,
1034      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-link {
1035        font-size: 14px;
1036        font-weight: 700;
1037        height: 64px;
1038        padding: 0 16px;
1039      }
1040      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle {
1041        transition: none;
1042      }
1043      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"] {
1044          color: #006DFF;
1045          font-weight: 700;
1046      }
1047      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle::before {
1048        background-color: rgba(0, 0, 0, .5);
1049        transition: none;
1050        z-index: -1;
1051        position: fixed;
1052        top: 64px;
1053      }
1054      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-link {
1055        line-height: 64px;
1056      }
1057      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-link:hover {
1058        color: #006DFF;
1059      }
1060
1061      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu {
1062        top: 72px;
1063      }
1064      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu {
1065        position: absolute;
1066        left: 50%;
1067        transform: translateX(-50%);
1068        width: unset;
1069        background-color: #fff;
1070        border-radius: 16px;
1071        -webkit-box-shadow: unset;
1072        box-shadow: unset;
1073        -webkit-backdrop-filter: unset;
1074        backdrop-filter:unset;
1075      }
1076      .wsc-header2020.is-subsite .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu {
1077        left:unset;
1078        transform: unset;
1079        right:12px;
1080        max-width: calc(100% - 24px);
1081      }
1082      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"]+.wsc-header2020-navbarDropdown-menu {
1083        border: 1px solid rgba(0, 0, 0, 0.08);
1084        padding: 24px;
1085        box-shadow: 0.24px 2.3px 3.15px 0px rgba(0, 0, 0, 0.01),
1086        1.08px 10.13px 6.52px 0px rgba(0, 0, 0, 0.02),
1087        2.64px 24.86px 13px 0px rgba(0, 0, 0, 0.03),
1088        5.09px 47.88px 25.48px 0px rgba(0, 0, 0, 0.03),
1089        8.57px 80.56px 46.85px 0px rgba(0, 0, 0, 0.04),
1090        13.22px 124.3px 80px 0px rgba(0, 0, 0, 0.05);
1091      }
1092      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"] .wsc-header2020-dropdown-icon svg {
1093        -webkit-transform: rotate(180deg) !important;
1094        -ms-transform: rotate(180deg) !important;
1095        transform: rotate(180deg) !important;
1096      }
1097      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenu-body {
1098        padding: 0px 0;
1099      }
1100      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenu-body .wsc-header2020-dropdownMenuBody-content {
1101        margin: 0 -24px;
1102        justify-content: center;
1103      }
1104      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-content-item {
1105          padding: 0 24px;
1106      }
1107
1108
1109      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title {
1110          padding-bottom: 16px;
1111          font-size: 14px;
1112          line-height: 100%;
1113          border-bottom: 1px solid rgba(0, 0, 0, 0.075);
1114          color: rgba(0, 0, 0, 0.5);
1115      }
1116      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title {
1117        display: none;
1118      }
1119
1120      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-content-box {
1121        display: flex;
1122        margin-left: -24px;
1123        margin-right: -24px;
1124      }
1125      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-item {
1126        padding: 0 24px;
1127        max-width: none;
1128      }
1129
1130      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-box,
1131      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-box {
1132        padding-top: 16px;
1133      }
1134      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-box {
1135        padding-top: 0;
1136      }
1137
1138      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-title,
1139      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-title,
1140      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-title {
1141        min-height: 38px;
1142        color: rgba(0, 0, 0, 0.5);
1143        font-size: 14px;
1144        line-height: 100%;
1145        width: max-content;
1146      }
1147
1148      .wsc-header2020 .wsc-header2020-dropdownMenuBody-list {
1149        white-space: unset;
1150      }
1151
1152      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list {
1153        padding: 0;
1154        width: 220px;
1155        /* 根据子级li标签消除两端padding */
1156        margin: -8px 0;
1157      }
1158      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-list {
1159        padding: 0;
1160        width: 155px;
1161        /* 根据子级li标签消除两端padding */
1162        margin: -12px 0;
1163      }
1164      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-list {
1165        padding: 0;
1166        width: 140px;
1167        margin: -12px 0;
1168      }
1169      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .master-site-specific-item .wsc-header2020-dropdownMenuBody-list,
1170      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .specific-item .wsc-header2020-dropdownMenuBody-list {
1171        width: 120px;
1172        margin: -12px 0;
1173      }
1174      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list {
1175        /* 根据子级li标签消除两端padding */
1176        margin: -12px 0;
1177      }
1178
1179      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list li {
1180        padding: 8px 0;
1181      }
1182      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-list li {
1183        padding: 12px 0;
1184      }
1185      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-list li {
1186        padding: 12px 0;
1187      }
1188      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .master-site-specific-item .wsc-header2020-dropdownMenuBody-list li,
1189      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list li,
1190      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .specific-item .wsc-header2020-dropdownMenuBody-list lii{
1191        padding: 12px 0;
1192      }
1193
1194      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list-li-title {
1195        font-size: 14px;
1196        line-height: 16px;
1197        font-weight: bold;
1198        display: flex;
1199        align-items: center;
1200      }
1201      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list-li-title .wsc-header2020-dropdownMenuBody-list-li-title-tag {
1202        padding: 4px;
1203        margin-left: 4px;
1204        font-size: 12px;
1205        background: linear-gradient(229.4deg, #FF792E -1.84%, #FC02B6 87.33%);
1206        color: #fff;
1207        border-radius: 4px 4px 4px 0;
1208        line-height: 1;
1209        font-weight: 500;
1210      }
1211      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .master-site-specific-item .wsc-header2020-dropdownMenuBody-list-li-title,
1212      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list-li-title,
1213      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .specific-item .wsc-header2020-dropdownMenuBody-list-li-title,
1214      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-list-li-title {
1215        color: rgba(0, 0, 0, 0.7);
1216        font-weight: 400;
1217      }
1218
1219      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list-li-detail {
1220        font-size: 12px;
1221        line-height: 16px;
1222        color: rgba(0, 0, 0, 0.7);
1223      }
1224
1225      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdown-learnMore {
1226        padding: 9px 16px;
1227        border: 0;
1228        text-align: center;
1229        background: rgba(0, 0, 0, 0.05);
1230        margin-top: 24px;
1231        font-size: 14px;
1232        line-height: 22px;
1233        border-radius: 8px;
1234      }
1235
1236      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdown-learnMore a:hover {
1237        color: #006DFF;
1238        text-decoration: underline;
1239      }
1240      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-item {
1241        flex: 0;
1242      }
1243      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list li a:hover {
1244        text-decoration: none;
1245      }
1246      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list li a:hover .wsc-header2020-dropdownMenuBody-list-li-title {
1247        color: #006DFF;
1248        text-decoration: underline;
1249      }
1250    }
1251
1252    @media (min-width: 1600px) {
1253      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-container {
1254          max-width: 1442px;
1255      }
1256    }
1257    @media (max-width: 1279.98px) {
1258      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-service-hotline-m {
1259        margin: 32px 24px 0 24px;
1260        border-radius: 8px;
1261        border: 1px solid rgba(0, 0, 0, 0.14);
1262        display: flex;
1263        justify-content: center;
1264        align-items: center;
1265        padding: 16px 24px;
1266      }
1267      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-service-hotline-m>p:first-child {
1268        font-size: 20px;
1269        line-height: 100%;
1270        margin-bottom: 0;
1271      }
1272      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-service-hotline-m>p:last-child {
1273        font-size: 20px;
1274        line-height: 100%;
1275        font-weight: bold;
1276        margin-bottom: 0;
1277        color: #006DFF;
1278      }
1279      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-content {
1280        justify-content: flex-end;
1281      }
1282      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle {
1283        color:#000;
1284        position: static;
1285        left: unset;
1286        height: 40px;
1287      }
1288      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse {
1289        background-color: #FFFFFF;
1290        top: 40px;
1291        height: calc(100vh - 40px);
1292      }
1293      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]+.wsc-header2020-navbar-collapse {
1294        max-height: calc(100vh - 40px);
1295        border-top: 1px solid #EDEDED;
1296      }
1297
1298      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle,
1299      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item .wsc-header2020-navbar-link {
1300        font-size: 14px;
1301        font-weight: 700;
1302        line-height: 18px;
1303        padding: 16px 19px 16px 16px;
1304      }
1305      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title {
1306        padding-left: 16px;
1307        padding-top: 8px;
1308        padding-bottom: 8px;
1309        color: #696969;
1310      }
1311      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content {
1312        padding-bottom: 16px;
1313      }
1314      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown::after,
1315      .wsc-header2020 .wsc-header2020-navbar
1315-master .wsc-header2020-navbar-item:not(.log-out,.log-in)::after{
1316        content: '';
1317        width: calc(100% - 32px);
1318        height: 1px;
1319        background: rgba(0, 0, 0, .1);
1320        position: absolute;
1321        bottom: -1px;
1322        left: 50%;
1323        transform: translateX(-50%);
1324      }
1325
1326      /* 移动端新方案特殊处理 */
1327      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-navbarDropdown-menu{
1328        display: none;
1329      }
1330      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-navbarDropdown-toggle .wsc-header2020-dropdown-icon svg{
1331        transform: rotate(270deg);
1332      }
1333      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-content-box,
1334      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-content-box{
1335        display: none;
1336      }
1337      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdown-learnMore {
1338        display: none;
1339      }
1340      /* 移动端新方案特殊处理 */
1341
1342      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav {
1343        height: 100%;
1344        position: relative;
1345      }
1346      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-out {
1347        position: absolute;
1348        bottom: 0;
1349        width: 100%;
1350      }
1351      /* 覆盖wsc-common-2025.js中的样式 */
1352      .wsc-header2020 .wsc-header2020-navbar-master .wondershare-user-panel .ws-user-panel-dropdown {
1353        left: 0px !important;
1354        transform: translate3d(-113px, 0px, 0px) !important;
1355      }
1356      /* 消除position: relative; -> position: fixed 的过渡感*/
1357      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-in {
1358        opacity: 0;
1359      }
1360      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"] + .wsc-header2020-navbar-collapse .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-in {
1361        opacity: 1;
1362        position: fixed;
1363        top: 5px;
1364        right: 48px;
1365        z-index: 19;
1366      }
1367      .wsc-operate-login .wondershare-user-panel .avatar {
1368        width: 28px;
1369        height: 28px;
1370        margin: 8px 0 12px 0px;
1371        cursor: pointer;
1372        border-radius: 50%;
1373      }
1374      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-linkBtn {
1375        margin: 16px 16px;
1376        display: block;
1377      }
1378      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search {
1379        padding-top: 24px;
1380        padding-left: 16px;
1381        padding-right: 16px;
1382      }
1383      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search>div {
1384        border: 1px solid rgba(0, 0, 0, 0.2);
1385        border-radius: 4px;
1386      }
1387      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search .wsc-header2020-navbar-link {
1388        padding: 0;
1389        width: 100%;
1390      }
1391      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search>div svg {
1392        width: 24px;
1393        height: 24px;
1394        margin: 8px 12px;
1395      }
1396      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search>div .wsc-header2020-navbar-item-search-text {
1397        font-size: 16px;
1398        line-height: 18px;
1399        color: rgba(0, 0, 0, 0.5);
1400      }
1401      .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search::after {
1402        display: none;
1403      }
1404    }
1405    /* 移动端popup */
1406    .lv2-popup {
1407      position: fixed;
1408      top: 0;
1409      left: 0;
1410      height: 100%;
1411      width: 100%;
1412      background-color: #fff;
1413      transition: translate 0.4s ease-out, opacity 0.2s ease, visibility 0s linear 0.5s;
1414      opacity: 0;
1415      visibility: hidden;
1416      translate: 300vw 0;
1417      z-index: 50;
1418      display: flex;
1419      flex-direction: column;
1420    }
1421    @media (max-width: 1279.98px) {
1422      .lv2-popup.active {
1423        translate: 0px;
1424        opacity: 1;
1425        visibility: visible;
1426        transition: translate 0.4s ease-out, opacity 0.4s, visibility linear;
1427        z-index: 50;
1428      }
1429      .lv2-popup-nav {
1430        display: flex;
1431        align-items: center;
1432        justify-content: space-between;
1433        height: 40px;
1434        padding: 0 16px 0 16px;
1435        border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
1436      }
1437      .lv2-popup-nav-return-btn {
1438        display: flex;
1439        align-items: center;
1440        position: relative;
1441        margin-left: 16px;
1442        font-size: 12px;
1443        line-height: 16px;
1444        font-weight: 700;
1445      }
1446      .lv2-popup-nav-return-btn::before {
1447        content: '';
1448        width: 16px;
1449        height: 16px;
1450        background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMCAxMkw2IDhMMTAgNCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=');
1451        position: absolute;
1452        top: 50%;
1453        transform: translateY(-50%);
1454        left: -16px;
1455      }
1456      .lv2-popup-nav-close-btn {
1457        width: 16px;
1458        height: 16px;
1459        background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjA5Mzc1IDExLjkwNTRMMTEuOTk5MiAz
1459Ljk5OTk5IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExLjkwNTRMNC4wOTQ1OSAzLjk5OTk5IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
1460      }
1461      .lv2-popup-title {
1462        padding: 19px 0 19px 16px;
1463        font-size: 18px;
1464        line-height: 100%;
1465        font-weight: bold;
1466        border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
1467      }
1468      .lv2-popup-content-wrapper {
1469        display: flex;
1470        border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
1471        flex: 1;
1472      }
1473      .lv2-popup-tabs {
1474        width: 28%;
1475        display: flex;
1476        flex-direction: column;
1477        border-right: 0.5px solid rgba(0, 0, 0, 0.1);
1478        padding: 18px 0;
1479      }
1480      .lv2-popup-tab {
1481        font-size: 12px;
1482        line-height: 16px;
1483        padding: 8px 8px 8px 16px;
1484        margin: 6px 0;
1485        font-weight: 700;
1486        display: flex;
1487        align-items: center;
1488        min-height: 48px;
1489      }
1490      .lv2-popup-tab.active {
1491        background-color: #000;
1492        color: #fff;
1493      }
1494      .lv2-popup-items {
1495        flex: 1;
1496        padding: 20px 16px 0 32px;
1497      }
1498      .lv2-popup-item {
1499        display: none;
1500        flex-direction: column;
1501      }
1502      .lv2-popup-item.active {
1503        display: flex;
1504      }
1505      .lv2-popup-item-link {
1506        position: relative;
1507        padding: 12px 0;
1508        border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
1509        min-height: 48px;
1510        display: flex;
1511        flex-direction: column;
1512        justify-content: center;
1513      }
1514      .lv2-popup-item-link::after {
1515        content: '';
1516        width: 16px;
1517        height: 16px;
1518        background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDRMMTAgOEw2IDEyIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==');
1519        position: absolute;
1520        top: 50%;
1521        transform: translateY(-50%);
1522        right: 0;
1523      }
1524      .lv2-popup-item-link-title {
1525        font-size: 14px;
1526        font-weight: bold;
1527        line-height: 100%;
1528        margin-bottom: 2px;
1529        color: #000;
1530        display: flex;
1531        align-items: center;
1532      }
1533      .lv2-popup-item-link-detail {
1534        color: rgba(0, 0, 0, 0.5);
1535        font-size: 12px;
1536        line-height: 100%;
1537        width: 92%;
1538      }
1539      .lv2-popup-learn-more {
1540        font-size: 12px;
1541        line-height: 20px;
1542        padding: 6px 16px;
1543        margin-top: 20px;
1544        border: 1px solid #636363;
1545        border-radius: 4px;
1546        color: #636363;
1547        display: flex;
1548        justify-content: center;
1549        align-items: center;
1550        width: fit-content;
1551      }
1552      header.wsc-header2020 .lv2-popup-log a {
1553        margin: 16px;
1554        display: block;
1555        padding: 12px 35px;
1556        border: 1px solid #006DFF;
1557        font-size: 14px;
1558        font-weight: 400;
1559        border-radius: 8px;
1560        background-color: #006DFF;
1561        color: #FFFFFF;
1562        line-height: 100%;
1563      }
1564      header.wsc-header2020.is-subsite .lv2-popup-log {
1565        display: none;
1566      }
1567    }
1568    /* 移动端popup */
1569</style>
1570
1571
1572<!--品牌logo 客服热线 产品最后一栏只在移动端显示-->
1573<style>
1574/* 品牌logo */
1575.wsc-header2020 .wsc-header2020-navbar-brand-ws a{
1576  height: 100%;
1577  background-size: auto 100%;
1578  display: block;
1579  background-repeat: no-repeat;
1580  background-position: left center;
1581}
1582/* 右上角客服热线 */
1583.wsc-header2020 .wsc-header2020-navbar-service-hotline {
1584  z-index: 50;
1585}
1586.wsc-header2020 .trigger-exploration-box {
1587  display: none;
1588  transition: all 0.2s;
1589}
1590.wsc-header2020 .trigger-exploration-box svg {
1591  transition: all 0.2s;
1592}
1593.wsc-header2020 .trigger-exploration-box.active {
1594  color: #006DFF;
1595}
1596.wsc-header2020 .trigger-exploration-box.active svg {
1597  transform: rotate(180deg);
1598}
1599/* 产品最后一栏主站默认不显示 */
1600.wsc-header2020 .wsc-header2020-navbar-master .sub-site-specific-item {
1601  display: none;
1602}
1603/* explore more在子站不显示 */
1604.wsc-header2020.is-subsite .wsc-header2020-navbar-master .master-site-specific-item {
1605  display: none;
1606}
1607
1608@media (min-width: 1280px) {
1609  .wsc-header2020 {
1610    min-height: 64px;
1611  }
1612  /*高于头部swiper时候的层级*/
1613  .wsc-header2020.is-subsite .wsc-header2020-navbar-master {
1614   z-index: 9!important;
1615   height: 0;
1616  }
1617  /* 品牌logo */
1618  .wsc-header2020 .wsc-header2020-navbar-brand-ws {
1619    position: absolute;
1620    top: 0;
1621    left: 20px;
1622    height: 64px;
1623    padding: 4px 0;
1624    display: flex;
1625    align-content: center;
1626  }
1627  .wsc-header2020 .wsc-header2020-navbar-brand-ws a{
1628    background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-vertical.svg);
1629    height: 100%;
1630    width: 105px;
1631  }
1632
1633  .wsc-header2020 .wsc-header2020-navbar-service-hotline {
1634    position: fixed;
1635    top: 0;
1636    right: 0px;
1637    height: 64px;
1638    display: flex;
1639  }
1640  .wsc-header2020.is-subsite .wsc-header2020-navbar-service-hotline {
1641    position: absolute;
1642  }
1643  .wsc-header2020.is-subsite .trigger-exploration-box {
1644    height: 100%;
1645    display: flex;
1646    align-items: center;
1647    font-size: 14px;
1648    line-height: 100%;
1649    font-weight: bold;
1650    padding: 16px 24px;
1651    border-left: 1px solid rgba(209, 209, 209, 1);
1652    cursor: pointer;
1653    color: #000;
1654  }
1655  .wsc-header2020.is-subsite .wsc-header2020-navbarDropdown-toggle::before {
1656    display: none;
1657  }
1658  /* 最后一栏在子站pc端才会显示 */
1659  .wsc-header2020.is-subsite .wsc-header2020-navbar-master .sub-site-specific-item {
1660    display: block;
1661  }
1662}
1663@media (max-width: 1279.98px) {
1664  .wsc-header2020 {
1665    min-height: 40px;
1666  }
1667  .wsc-header2020.is-subsite .wsc-header2020-navbar-master {
1668    position: relative !important;
1669  }
1670  .wsc-header2020 .wsc-header2020-navbar-brand-ws {
1671    position: absolute;
1672    top: 0;
1673    left: 15px;
1674    height: 40px;
1675  }
1676  .wsc-header2020 .wsc-header2020-navbar-brand-ws a{
1677    background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-square.svg);
1678    width: 42px;
1679    background-size: 100% auto;
1680  }
1681  .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand-ws{
1682    display: none;
1683  }
1684  .wsc-header2020 .wsc-header2020-navbar-service-hotline {
1685    display: none;
1686  }
1687  .wsc-header2020.is-subsite .wsc-header2020-navbar-master {
1688   height: unset;
1689  }
1690  .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]::before {
1691    /*48 + 56*/
1692    /*top: 104px;*/
1693    opacity: 0;
1694  }
1695  .wsc-header2020 .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]::before {
1696    opacity: 0;
1697  }
1698}
1699</style>
1700<!--品牌logo 客服热线 产品最后一栏只在移动端显示-->
1701
1702<!-- 黑色主题 -->
1703<style>
1704.wsc-header2020.dark-theme .wsc-header2020-navbar-master {
1705  background-color: black;
1706}
1707.wsc-header2020.dark-theme .trigger-exploration-box {
1708  border-left: 1px solid rgba(209, 209, 209, 0.4);
1709  color: #fff;
1710}
1711.wsc-header2020.dark-theme .wsc-header2020-dropdownMenuBody-list li a {
1712  color: rgba(255, 255, 255, 1);
1713}
1714.wsc-header2020.dark-theme .wsc-header2020-navbar-master, .wsc-header2020.dark-theme .wsc-header2020-navbar-master a, .wsc-header2020.dark-theme .wsc-header2020-navbar-master a:hover {
1715  color: rgba(255, 255, 255, 1);
1716}
1717.wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu {
1718  background-color: #000;
1719}
1720.wsc-header2020.dark-theme .lv2-popup {
1721  background-color: #000;
1722  color: #fff;
1723}
1724@media (min-width: 1280px) {
1725  .wsc-header2020.dark-theme .wsc-header2020-navbar-brand-ws a{
1726    background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-vertical-white.svg);
1727  }
1728  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu {
1729    background-color: rgba(14, 14, 14, 1);
1730  }
1731  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"]+.wsc-header2020-navbarDropdown-menu {
1732    border: 1px solid rgba(255, 255, 255, 0.08);
1733  }
1734  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title {
1735    color: rgba(255, 255, 255, 0.5);
1736    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
1737  }
1738  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-title {
1739    color: rgba(255, 255, 255, 0.5);
1740  }
1741  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list-li-title {
1742    color: rgba(255, 255, 255, 0.7);
1743  }
1744  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list-li-detail {
1745      color: rgba(255, 255, 255, 0.7);
1746  }
1747  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdown-learnMore {
1748    background: rgba(255, 255, 255, 0.05);
1749  }
1750}
1751@media (max-width: 1279.98px) {
1752  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle {
1753    color: #fff;
1754  }
1755  .wsc-header2020.dark-theme .wsc-header2020-navbar-brand-ws a {
1756    background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-square-white.svg);
1757  }
1758  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse {
1759    background-color: #000;
1760  }
1761  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]+.wsc-header2020-navbar-collapse {
1762    border-top: 1px solid rgba(255, 255, 255, 0.1);
1763  }
1764  .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title {
1765    color: #fff;
1766  }
1767  .wsc-header2020.dark-theme .lv2-popup-nav-return-btn::before {
1768    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMCAxMkw2IDhMMTAgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=');
1769  }
1770  .wsc-header2020.dark-theme .lv2-popup-nav-close-btn {
1771    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjA5NDczIDExLjkwNTVMMTIuMDAwMSA0LjAwMDExIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExLjkwNTVMNC4wOTQ1OSA0LjAwMDExIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
1772  }
1773  .wsc-header2020.dark-theme .lv2-popup-tab.active {
1774    background-color: #fff;
1775    color: #000;
1776  }
1777  .wsc-header2020.dark-theme .lv2-popup-item-link {
1778    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
1779  }
1780  .wsc-header2020.dark-theme .lv2-popup-item-link-title {
1781    color: #fff;
1782  }
1783  .wsc-header2020.dark-theme .lv2-popup-item-link-detail {
1784    color: rgba(255, 255, 255, 0.5);
1785  }
1786  .wsc-header2020.dark-theme .lv2-popup-title {
1787    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
1788  }
1789  .wsc-header2020.dark-theme .lv2-popup-tabs {
1790    border-right: 0.5px solid rgba(255, 255, 255, 0.1);
1791  }
1792  .wsc-header2020.dark-theme .lv2-popup-learn-more {
1793    border: 1px solid rgba(255, 255, 255, 1);
1794    color: rgba(255, 255, 255, 1);
1795  }
1796  .wsc-header2020.dark-theme .lv2-popup-item-link::after {
1797    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDRMMTAgOEw2IDEyIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
1798  }
1799}
1800</style>
1801<!-- 黑色主题 -->
1802
1803<!--header-footer-2026-->
1804<style>
1805 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{
1806    height: 48px;
1807 }
1808 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-collapse{
1809    top: 48px;
1810 }
1811 .wsc-header2020 .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]+.wsc-header2020-navbar-collapse{
1812    max-height: calc(100vh - 48px);
1813 }
1814 @media (min-width: 1280px) {
1815  .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{
1816    height: 64px;
1817  }
1818  .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{
1819    padding: 16px 0;
1820  }
1821  .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-link, .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbarDropdown-toggle{
1822    font-size: 14px;
1823    font-weight: 600;
1824  }
1825  .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-container {
1826    max-width: 1410px;
1827  }
1828  .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) {
1829    width: auto;
1830    display: block;
1831    padding-top: 8px;
1832  }
1833  .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle {
1834    margin-bottom: 10px;
1835  }
1836  .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-title {
1837    font-size: 22px;
1838  }
1839  .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul {
1840    display: block;
1841  }
1842
1843  .wsc-header2020 .wsc-header2020-navbarDropdown-menu .wsc-header2020-container{
1844		padding: 2rem;
1845	}
1846	.wsc-header2020 .wsc-header2020-dropdownMenu-body{
1847		padding: 0 0 2rem 0;
1848	}
1849	.wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbarDropdown-menu{
1850	  top: 72px;
1851		width: auto;
1852		left: 50%;
1853		transform: translateX(-50%);
1854    border-radius: 1.25rem;
1855	}
1856 }
1857 @media (max-width: 1499px) {
1858	.wsc-header2020 .wsc-header2020-navbar-link, .wsc-header2020 .wsc-header2020-navbarDropdown-toggle{
1859		padding: 8px;
1860	}
1861}
1862
1863.device-1366{
1864  display: none;
1865}
1866@media (max-width: 1799.98px) {
1867  .device-hide1799{
1868    display: none;
1869  }
1870}
1871@media (max-width: 1399.98px) {
1872  .device-1366{
1873    display: block;
1874		margin: 0 .5rem;
1875	}
1876	.device-other{
1877    display: none;
1878	}
1879  .wondershare-user-panel .avatar {
1880    margin: 0 8px;
1881  }
1882}
1883@media (max-width: 1279.98px) {
1884	.device-1366{
1885		display: none;
1886	}
1887  .device-hide1799{
1888    display: block;
1889  }
1890	.device-other{
1891		display: block;
1892	}
1893	.wsc-header2020 .wsc-header2020-navbar-linkBtn{
1894		margin: 1.25rem 0.5rem;
1895	}
1896	.wsc-header2020 .wsc-header2020-navbar-linkBtn-outline{
1897		margin: 1.25rem 0.5rem;
1898	}
1899	.wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-nav{
1900    padding: 0 16px;
1901  }
1902  .wsc-header2020 .wsc-header2020-navbar-link, .wsc-header2020 .wsc-header2020-navbarDropdown-toggle{
1903    padding: 1rem 0;
1904  }
1905  .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{
1906    padding: 8px 0;
1907  }
1908  .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-dropdownMenuBody-box{
1909    padding: 8px;
1910  }
1911  .wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-out .login-link{
1912		display: inline-block;
1913		padding: 8px 18px;
1914		background-color: #266ef2;
1915    border: 2px solid #266ef2;
1916		color: #fff !important;
1917		height: 48px;
1918		margin: 1.25rem .5rem 1.25rem 0;
1919		border-radius: 0.5rem;
1920	}
1921	.wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-out span{
1922		font-size: 18px;
1923		font-weight: 600;
1924		color: #fff;
1925	}
1926	.wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-in{
1927		margin: 1.25rem .5rem 1.25rem 0;
1928	}
1929  .wsc-header2020 .ws-user-panel-dropdown{
1930		z-index: 9;
1931	}
1932  .wsc-header2020-navbar-item.boxshadow-none {
1933    box-shadow: none !important;
1934  }
1935  .navbar-search {
1936    display: block;
1937    margin: 1rem 0;
1938    padding: 0.5rem;
1939    border: 1px solid rgba(0, 0, 0, 1);
1940    border-radius: 4px;
1941    opacity: 0.3;
1942    font-size: 1rem;
1943  }
1944}
1945@media (max-width: 767.98px) {
1946 .wsc-header2020 .wsc-navbar-operate{
1947   justify-content: stretch;
1948   gap: 12px;
1949 }
1950 .wsc-navbar-operate .dev-desktop{
1951		display: none;
1952	}
1953 .wsc-navbar-operate .device-other{
1954   width: 100%;
1955 }
1956 .wsc-navbar-operate .wsc-operate-login{
1957    width: 100%;
1958  }
1959  .wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-out .login-link{
1960    width: 100%;
1961    text-align: center;
1962  }
1963  .wsc-header2020 .wsc-navbar-operate .wsc-header2020-navbar-linkBtn-outline {
1964    width: 100%;
1965    margin: 1.25rem 0 !important;
1966  }
1967}
1968</style>
1969<!--header-footer-2026-->
1970  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1970-1971
1970
1971  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1971GTM-57FR6ZG
vendor: 87 bytes, lines 1971-1973
1971"
1972  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1973  
1973<!-- End Google Tag Manager (noscript) -->
1974
1975  <style>
1976  .wsc-header2020-navbar-nav-toggle .explore { white-space: normal }
1977  </style>
1978
1979
1980  <header class="wsc-header2020 wsc-header-de">
1981    <!-- 头部公共样式块 -->
1982    <nav class="wsc-header2020-navbar-master">
1983<div class="wsc-header2020-navbar-brand-ws"> <a href="https://www.wondershare.de/" target="_blank"><span style="display: none;">wondershare</span></a> </div>
1984<div class="wsc-header2020-container">
1985<div class="wsc-header2020-navbar-content">
1986<button class="wsc-header2020-navbar-collapse-toggle" type="button" aria-expanded="false">
1987<svg class="wsc-header2020-navbar-collapse-toggle-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1988<path d="M2 3H14" stroke="currentColor" stroke-linecap="round"/>
1989<path d="M2 8H14" stroke="currentColor" stroke-linecap="round"/>
1990<path d="M2 13H14" stroke="currentColor" stroke-linecap="round"/>
1991</svg>
1992<svg class="wsc-header2020-navbar-collapse-toggle-icon-close" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1993<path d="M4.09473 11.9054L12.0001 4" stroke="currentColor" stroke-linecap="round"/>
1994<path d="M12 11.9054L4.09459 4" stroke="currentColor" stroke-linecap="round"/>
1995</svg>
1996</button>
1997<div class="wsc-header2020-navbar-collapse">
1998<ul class="wsc-header2020-navbar-nav active_menu">
1999<li class="wsc-header2020-navbar-dropdown wsc-header2020-navbar-dropdown-product">
2000<nav class="wsc-header2020-navbarDropdown-toggle" aria-expanded="false">
2001<span>Top-Produkte</span>
2002<div class="wsc-header2020-dropdown-icon">
2003<svg width="10" height="7" viewBox="0 0 10 7" fill="none"
2004xmlns="http://www.w3.org/2000/svg">
2005<path d="M9 1L5 5L1 1" stroke="currentColor" stroke-width="2"
2006stroke-linecap="round" />
2007</svg>
2008</div>
2009</nav>
2010<div class="wsc-header2020-navbarDropdown-menu">
2011<div class="wsc-header2020-dropdownMenu-content">
2012<div class="wsc-header2020-dropdownMenu-body">
2013<div class="wsc-header2020-dropdownMenuBody-content">
2014<div class="wsc-header2020-dropdownMenuBody-content-item">
2015<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false" lv2-popup-learn-more>
2016KI-gestützte digitale Kreativität
2017</div>
2018<div class="wsc-header2020-dropdownMenuBody-content-box">
2019<div class="wsc-header2020-dropdownMenuBody-item">
2020<div class="wsc-header2020-dropdownMenuBody-box">
2021<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2022Produkte für Videokreativität
2023</nav>
2024<ul class="wsc-header2020-dropdownMenuBody-list">
2025<li>
2026<a href="https://filmora.wondershare.de/" target="_blank">
2027<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2028Filmora
2029</div>
2030<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2031Komplettes Tool für die Videobearbeitung.
2032</div>
2033</a>
2034</li>
2035<li>
2036<a href="https://uniconverter.wondershare.de/" target="_blank">
2037<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2038UniConverter
2039</div>
2040<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2041Medienkonvertierung in hoher Geschwindigkeit.
2042</div>
2043</a>
2044</li>
2045<li>
2046<a href="https://www.media.io/de/" target="_blank">
2047<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2048Media.io
2049</div>
2050<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2051KI-Generator für Videos, Bilder und Musik.
2052</div>
2053</a>
2054</li>
2055</ul>
2056</div>
2057</div>
2058<div class="wsc-header2020-dropdownMenuBody-item">
2059<div class="wsc-header2020-dropdownMenuBody-box">
2060<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2061Diagramm- & Grafikprodukte
2062</nav>
2063<ul class="wsc-header2020-dropdownMenuBody-list">
2064<li>
2065<a href="https://www.edrawsoft.com/de/edraw-max/" target="_blank">
2066<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2067EdrawMax
2068</div>
2069<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2070Einfaches Erstellen von Diagrammen.
2071</div>
2072</a>
2073</li>
2074<li>
2075<a href="https://www.edrawsoft.com/de/edrawmind/" target="_blank">
2076<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2077EdrawMind
2078</div>
2079<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2080Kollaboratives Mindmapping.
2081</div>
2082</a>
2083</li>
2084<!--<li>
2085<a href="https://www.edraw.ai/" target="_blank">
2086<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2087Edraw.AI
2088</div>
2089<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2090Online-Plattform für visuelle Zusammenarbeit.
2091</div>
2092</a>
2093</li>-->
2094</ul>
2095</div>
2096</div>
2097<div class="wsc-header2020-dropdownMenuBody-item">
2098<div class="wsc-header2020-dropdownMenuBody-box">
2099<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2100Produkte für PDF-Lösungen
2101</nav>
2102<ul class="wsc-header2020-dropdownMenuBody-list">
2103<li>
2104<a href="https://pdf.wondershare.de/" target="_blank">
2105<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2106PDFelement
2107</div>
2108<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2109PDFs erstellen und bearbeiten.
2110</div>
2111</a>
2112</li>
2113<li>
2114<a href="https://pdf.wondershare.de/document-cloud/" target="_blank">
2115<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2116PDFelement Cloud
2117</div>
2118<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2119Cloudbasiertes Dokumentenmanagement.
2120</div>
2121</a>
2122</li>
2123<li>
2124<a href="https://pdf.wondershare.de/online-pdf.html" target="_blank">
2125<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2126PDFelement Online
2127</div>
2128<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2129Kostenlose Online-PDF-Tools.
2130</div>
2131</a>
2132</li>
2133<li>
2134<a href="https://www.hipdf.com/de/" target="_blank">
2135<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2136HiPDF
2137</div>
2138<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2139Kostenloses All-in-One-Online-PDF-Tool.
2140</div>
2141</a>
2142</li>
2143</ul>
2144</div>
2145</div>
2146<!-- master-site-specific-item标明是主站特有 -->
2147<div class="wsc-header2020-dropdownMenuBody-item master-site-specific-item">
2148<div class="wsc-header2020-dropdownMenuBody-box">
2149<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2150KI-Lösungen
2151</nav>
2152<ul class="wsc-header2020-dropdownMenuBody-list">
2153<li>
2154<a href="https://www.wondershare.de/ai.html" target="_blank">
2155<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2156KI-Hub
2157</div>
2158</a>
2159</li>
2160<li>
2161<a href="https://www.wondershare.de/ai-solutions/social-media.html" target="_blank">
2162<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2163Social Media
2164</div>
2165</a>
2166</li>
2167<li>
2168<a href="https://www.wondershare.de/ai-solutions/marketing.html" target="_blank">
2169<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2170Marketing
2171</div>
2172</a>
2173</li>
2174<li>
2175<a href="https://www.wondershare.de/products-solutions/digital-creativity/video.html" target="_blank">
2176<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2177Digitale Kreativität
2178</div>
2179</a>
2180</li>
2181</ul>
2182</div>
2183</div>
2184</div>
2185</div>
2186<div class="wsc-header2020-dropdownMenuBody-content-item">
2187<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false" lv2-popup-learn-more>
2188Dienstprogramme
2189</div>
2190<div class="wsc-header2020-dropdownMenuBody-content-box">
2191<div class="wsc-header2020-dropdownMenuBody-item">
2192<div class="wsc-header2020-dropdownMenuBody-box">
2193<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2194Utility-Produkte
2195</nav>
2196<ul class="wsc-header2020-dropdownMenuBody-list">
2197<li>
2198<a href="https://recoverit.wondershare.de/" target="_blank">
2199<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2200Recoverit
2201</div>
2202<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2203Wiederherstellung verlorener Dateien.
2204</div>
2205</a>
2206</li>
2207<li>
2208<a href="https://recoverit.wondershare.de/video-repair-tool.html" target="_blank">
2209<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2210Repairit
2211</div>
2212<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2213Repariert beschädigte Videos, Fotos & mehr.
2214</div>
2215</a>
2216</li>
2217<li>
2218<a href="https://drfone.wondershare.de/" target="_blank">
2219<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2220Dr.Fone
2221</div>
2222<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2223Verwaltung mobiler Geräte.
2224</div>
2225</a>
2226</li>
2227<li>
2228<a href="https://mobiletrans.wondershare.com/de/" target="_blank">
2229<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2230MobileTrans
2231</div>
2232<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2233Datenübertragung von Telefon zu Telefon.
2234</div>
2235</a>
2236</li>
2237<li>
2238<a href="https://famisafe.wondershare.com/de/" target="_blank">
2239<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2240FamiSafe
2241</div>
2242<div class="wsc-header2020-dropdownMenuBody-list-li-detail">
2243App für Kindersicherung.
2244</div>
2245</a>
2246</li>
2247</ul>
2248</div>
2249</div>
2250</div>
2251</div>
2252<!-- sub-site-specific-item标明是子站特有 -->
2253<div class="wsc-header2020-dropdownMenuBody-content-item sub-site-specific-item">
2254<div class="wsc-header2020-dropdownMenuBody-content-title">
2255Über Wondershare
2256</div>
2257<div class="wsc-header2020-dropdownMenuBody-content-box">
2258<div class="wsc-header2020-dropdownMenuBody-item">
2259<div class="wsc-header2020-dropdownMenuBody-box">
2260<ul class="wsc-header2020-dropdownMenuBody-list">
2261<li>
2262<a href="https://www.wondershare.de/business/enterprise.html" target="_blank">
2263<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2264Business
2265</div>
2266</a>
2267</li>
2268<li>
2269<a href="https://www.wondershare.de/about/" target="_blank">
2270<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2271Über uns
2272</div>
2273</a>
2274</li>
2275<li>
2276<a href="https://www.wondershare.de/news/" target="_blank">
2277<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2278Presseraum
2279</div>
2280</a>
2281</li>
2282<li>
2283<a href="https://www.wondershare.de/shop/individuals.html" target="_blank">
2284<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2285Shop
2286</div>
2287</a>
2288</li>
2289<li>
2290<a href="https://support.wondershare.de/" target="_blank">
2291<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2292Support
2293</div>
2294</a>
2295</li>
2296</ul>
2297</div>
2298</div>
2299</div>
2300</div>
2301</div>
2302</div>
2303</div>
2304<div class="wsc-header2020-dropdown-learnMore">
2305<a href="https://www.wondershare.de/shop/individuals.html"
2306class="d-inline-flex align-items-center">
2307<span class="mr-2">Alle Produkte ansehen</span>
2308<svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg">
2309<path d="M0.3125 8.39038L5.3125 4.39038L0.3125 0.390381" stroke="currentColor"/>
2310</svg>
2311</a>
2312</div>
2313</div>
2314</li>
2315<li class="wsc-header2020-navbar-dropdown wsc-header2020-navbar-dropdown-business">
2316<nav class="wsc-header2020-navbarDropdown-toggle" aria-expanded="false">
2317<span>Business</span>
2318<div class="wsc-header2020-dropdown-icon">
2319<svg width="10" height="7" viewBox="0 0 10 7" fill="none"
2320xmlns="http://www.w3.org/2000/svg">
2321<path d="M9 1L5 5L1 1" stroke="currentColor" stroke-width="2"
2322stroke-linecap="round" />
2323</svg>
2324</div>
2325</nav>
2326<div class="wsc-header2020-navbarDropdown-menu">
2327<div class="wsc-header2020-dropdownMenu-content">
2328<div class="wsc-header2020-dropdownMenu-body">
2329<div class="wsc-header2020-dropdownMenuBody-content">
2330<div class="wsc-header2020-dropdownMenuBody-content-item specific-item">
2331<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false">
2332Überblick
2333</div>
2334<div class="wsc-header2020-dropdownMenuBody-content-box">
2335<div class="wsc-header2020-dropdownMenuBody-item">
2336<div class="wsc-header2020-dropdownMenuBody-box">
2337<nav class="wsc-header2020-dropdownMenuBody-title d-none" lv2-popup-tab="false">
2338Überblick
2339</nav>
2340<ul class="wsc-header2020-dropdownMenuBody-list">
2341<li>
2342<a href="https://www.wondershare.de/business/enterprise.html" target="_blank">
2343<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2344Enterprise
2345</div>
2346</a>
2347</li>
2348<li>
2349<a href="https://www.wondershare.de/business/education.html" target="_blank">
2350<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2351Education
2352</div>
2353</a>
2354</li>
2355<li>
2356<a href="https://www.wondershare.de/business/resellers.html" target="_blank">
2357<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2358Partners
2359</div>
2360</a>
2361</li>
2362<li>
2363<a href="https://www.wondershare.de/business/affiliate.html" target="_blank">
2364<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2365Affiliate
2366</div>
2367</a>
2368</li>
2369<li>
2370<a href="https://www.wondershare.de/business/resources.html" target="_blank">
2371<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2372Ressourcen
2373</div>
2374</a>
2375</li>
2376</ul>
2377</div>
2378</div>
2379</div>
2380</div>
2381<div class="wsc-header2020-dropdownMenuBody-content-item">
2382<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false">
2383Lösungen
2384</div>
2385<div class="wsc-header2020-dropdownMenuBody-content-box">
2386<div class="wsc-header2020-dropdownMenuBody-item">
2387<div class="wsc-header2020-dropdownMenuBody-box">
2388<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2389PDF-Lösungen
2390</nav>
2391<ul class="wsc-header2020-dropdownMenuBody-list">
2392<li>
2393<a href="https://pdf.wondershare.de/business/" target="_blank">
2394<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2395PDFelement
2396</div>
2397</a>
2398</li>
2399</ul>
2400</div>
2401</div>
2402<div class="wsc-header2020-dropdownMenuBody-item">
2403<div class="wsc-header2020-dropdownMenuBody-box">
2404<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2405Diagramme & Grafik
2406</nav>
2407<ul class="wsc-header2020-dropdownMenuBody-list">
2408<li>
2409<a href="https://www.edrawsoft.com/de/store/edrawmind-business.html" target="_blank">
2410<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2411EdrawMind
2412</div>
2413</a>
2414</li>
2415<li>
2416<a href="https://www.edrawsoft.com/de/store/business.html" target="_blank">
2417<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2418EdrawMax
2419</div>
2420</a>
2421</li>
2422</ul>
2423</div>
2424</div>
2425<div class="wsc-header2020-dropdownMenuBody-item">
2426<div class="wsc-header2020-dropdownMenuBody-box">
2427<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2428Videokreativität
2429</nav>
2430<ul class="wsc-header2020-dropdownMenuBody-list">
2431<li>
2432<a href="https://filmora.wondershare.de/shop/buy/buy-video-editor-business.html" target="_blank">
2433<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2434Filmora
2435</div>
2436</a>
2437</li>
2438<li>
2439<a href="https://uniconverter.wondershare.de/store/business.html" target="_blank">
2440<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2441UniConverter
2442</div>
2443</a>
2444</li>
2445<li>
2446<a href="https://dc.wondershare.de/store/business.html" target="_blank">
2447<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2448DemoCreator
2449</div>
2450</a>
2451</li>
2452</ul>
2453</div>
2454</div>
2455<div class="wsc-header2020-dropdownMenuBody-item">
2456<div class="wsc-header2020-dropdownMenuBody-box">
2457<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false">
2458Dienstprogramme
2459</nav>
2460<ul class="wsc-header2020-dropdownMenuBody-list">
2461<li>
2462<a href="https://drfone.wondershare.de/business/volume-license.html" target="_blank">
2463<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2464Dr.Fone
2465</div>
2466</a>
2467</li>
2468<li>
2469<a href="https://recoverit.wondershare.de/buy/business.html" target="_blank">
2470<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2471Recoverit
2472</div>
2473</a>
2474</li>
2475<li>
2476<a href="https://mobiletrans.wondershare.com/de/buy/pricing-for-business.html" target="_blank">
2477<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2478MobileTrans
2479</div>
2480</a>
2481</li>
2482</ul>
2483</div>
2484</div>
2485</div>
2486</div>
2487</div>
2488</div>
2489</div>
2490</div>
2491</li>
2492<li class="wsc-header2020-navbar-dropdown wsc-header2020-navbar-dropdown-about">
2493<nav class="wsc-header2020-navbarDropdown-toggle" aria-expanded="false" trigger-lv2-popup="false">
2494<span>Über uns</span>
2495<div class="wsc-header2020-dropdown-icon">
2496<svg width="10" height="7" viewBox="0 0 10 7" fill="none"
2497xmlns="http://www.w3.org/2000/svg">
2498<path d="M9 1L5 5L1 1" stroke="currentColor" stroke-width="2"
2499stroke-linecap="round" />
2500</svg>
2501</div>
2502</nav>
2503<div class="wsc-header2020-navbarDropdown-menu">
2504<div class="wsc-header2020-dropdownMenu-content">
2505<div class="wsc-header2020-dropdownMenu-body">
2506<div class="wsc-header2020-dropdownMenuBody-content">
2507<div class="wsc-header2020-dropdownMenuBody-content-item specific-item">
2508<div class="wsc-header2020-dropdownMenuBody-content-title d-none" lv2-popup-tab="false">
2509Über uns
2510</div>
2511<div class="wsc-header2020-dropdownMenuBody-content-box">
2512<div class="wsc-header2020-dropdownMenuBody-item">
2513<div class="wsc-header2020-dropdownMenuBody-box">
2514<ul class="wsc-header2020-dropdownMenuBody-list">
2515<li>
2516<a href="https://www.wondershare.de/about/" target="_blank">
2517<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2518Über uns
2519</div>
2520</a>
2521</li>
2522<li>
2523<a href="https://www.wondershare.de/about/our-story.html" target="_blank">
2524<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2525Unsere Geschichte
2526</div>
2527</a>
2528</li>
2529<li>
2530<a href="https://www.wondershare.de/about/careers.html" target="_blank">
2531<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2532Karriere
2533</div>
2534</a>
2535</li>
2536<li>
2537<a href="https://www.wondershare.de/about/contact-us.html" target="_blank">
2538<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2539Kontakt
2540</div>
2541</a>
2542</li>
2543</ul>
2544</div>
2545</div>
2546</div>
2547</div>
2548</div>
2549</div>
2550</div>
2551</div>
2552</li>
2553<li class="wsc-header2020-navbar-item"><a class="wsc-header2020-navbar-link"
2554href="https://www.wondershare.de/news/" target="_blank">Presseraum</a></li>
2555<li class="wsc-header2020-navbar-item"><a class="wsc-header2020-navbar-link"
2556href="https://www.wondershare.de/shop/individuals.html" target="_blank">Shop</a></li>
2557<li class="wsc-header2020-navbar-item"><a class="wsc-header2020-navbar-link"
2558href="https://support.wondershare.de/" target="_blank">Support</a></li>
2559                <li class="wsc-header2020-navbar-item wondershare-user-panel log-out">
2560                  <a data-href="https://accounts.wondershare.de/" data-source="" class="wsc-header2020-navbar-linkBtn login-link" style="background-color: #006dff;color: #fff;font-weight: 600;border-radius: 4px;">Anmelden</a>
2561                </li>
2562                <li class="wsc-header2020-navbar-item wondershare-user-panel log-in" >
2563                  <img class="avatar" src="https://images.wondershare.com/images2020/avatar-default.png" width="30" height="30" alt="avatar">
2564
2565                  <div class="ws-user-panel-dropdown" >
2566                    <span class="ws-dropdown-item account_name" ></span>
2567                    <a class="ws-dropdown-item account_url" >Konto-Center</a>
2568                    <a class="ws-dropdown-item account_url_sign_out" >Abmelden</a>
2569                  </div>
2570                </li>
2571                <li class="wsc-header2020-navbar-item wsc-header2020-navbar-item-search">
2572                  <div class="d-flex align-items-center px-xl-2">
2573                    <a class="wsc-header2020-navbar-link px-xl-0" href="https://www.wondershare.de/search.html" target="_blank">
2574                      <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2575                      <path d="M21.3562 20.4118L26.9445 26M23.5915 14.8235C23.5915 19.1444 20.0888 22.6471 15.768 22.6471C11.4472 22.6471 7.94446 19.1444 7.94446 14.8235C7.94446 10.5027 11.4472 7 15.768 7C20.0888 7 23.5915 10.5027 23.5915 14.8235Z" stroke="black" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/>
2576                      </svg>
2577                      <span class="wsc-header2020-navbar-item-search-text d-xl-none">Suchen</span>
2578                    </a>
2579                  </div>
2580                </li>
2581              </ul>
2582            </div>
2583          </div>
2584        </div>
2585      </nav>
2586    </header>
2587<main id="wsc-main" class="wsc-main px-0" style="overflow: visible;">
2588    <section class="part-banner position-relative text-center pt-md-5 pt-4">
2589      <div class="container-all pt-md-3 pt-1">
2590        <div class="m-padding-x-24">
2591          <h1 class="font-weight-bold display-1 mb-md-3 mb-2 pb-md-0 pb-1">KI-gest&#252;tzte Kreativtools f&#252;r Video-,<br class="d-xl-block d-none"> Bild- und Medien-Workflows</h1>
2592          <p class="font-size-huge font-weight-md-bold mb-md-5 mb-4">Erstellen, bearbeiten, optimieren, konvertieren und restaurieren Sie Inhalte mit<br class="d-xl-block d-none"> dem globalen, KI-gest&#252;tzten Kreativ-&#214;kosystem von Wondershare.</p>
2593        </div>
2594        <div class="video-container rounded-24">
2595          <!-- 高优先级 LCP 图片,响应式加载,视频播放后隐藏 - 移动端优先使用 WebP -->
2596          <picture style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;">
2597            <source media="(max-width: 767px)" srcset="https://images.wondershare.com/images2026/overview/part-banner-video1-bg-m.jpg">
2598            <img src="https://images.wondershare.com/images2026/overview/part-banner-video1-bg.jpg" fetchpriority="high" alt="万兴科技" style="width:100%;height:100%;object-fit:cover;" onload="var v=this.closest('.video-container').querySelector('video');v.addEventListener('playing',function(){var p=this.closest('.video-container').querySelector('picture');if(p)p.style.display='none'})">
2599          </picture>
2600          <video preload="none" muted="" loop="" webkit-playsinline="" playsinline="true" class="banner-video"></video>
2601        </div>
2602      </div>
2603    </section>
2604    <section class="part-ai-powered">
2605      <div class="container-all">
2606        <div class="d-flex flex-xl-row flex-column justify-content-between align-items-center text-xl-left text-center mb-xl-5 mb-3 pb-md-0 pb-3" data-aos="fade-up">
2607          <h2 class="font-size-80 line-height-100 mb-xl-0 mb-2 pb-md-0 pb-1">KI-gest&#252;tzte<br class="d-md-none d-block"> Produkte</h2>
2608          <p class="font-size-large mb-0">Entdecken Sie eine vielf&#228;ltige Auswahl an L&#246;sungen f&#252;r die Erstellung<br class="d-md-none d-block"> von Inhalten, die Erstellung von<br class="d-xl-block d-none"> Diagrammen, das Erstellen von Prototypen, die Dateireparatur,<br class="d-md-none d-block"> die Datenwiederherstellung und vieles mehr.</p>
2609        </div>
2610        <div class="row my-n10">
2611          <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
2612            <div class="part-ai-powered-item rounded-24 overflow-hidden">
2613              <a href="https://filmora.wondershare.de/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)">
2614                <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-filmora.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-filmora-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2615                <div class="part-ai-powered-item-text-content">
2616                  <div class="w-100 d-flex align-items-center justify-content-between">
2617                    <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/filmora-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws">
2618                    <div class="go-icon"></div>
2619                  </div>
2620                </div>
2621              </a>
2622              <div class="text-content">
2623                <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1">
2624                  <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/filmora-horizontal.svg" style="width: auto;height: 2rem;" alt="ws">
2625                  <div class="part-ai-powered-item-supports d-flex align-items-center">
2626                    <div class="part-ai-powered-item-support-icon support-pc"></div>
2627                    <div class="part-ai-powered-item-support-icon support-phone"></div>
2628                    <div class="part-ai-powered-item-support-icon support-ipad"></div>
2629                  </div>
2630                </div>
2631                <p class="font-size-normal font-weight-bold opacity-6 mb-2">KI-Video-Editor</p>
2632                <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Bearbeiten Sie au&#223;ergew&#246;hnliche Videos auf intelligentere Weise.</h3>
2633                <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center">
2634                  <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3">
2635                    <div class="font-size-tiny font-weight-bold rounded-8"> KI Bild zu Video </div>
2636                    <div class="font-size-tiny font-weight-bold rounded-8"> KI Audio zu Video </div>
2637                    <div class="font-size-tiny font-weight-bold rounded-8"> KI-Musik Generator </div>
2638                    <div class="font-size-tiny font-weight-bold rounded-8"> Intelligente kurze Clips </div>
2639                  </div>
2640                  <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center">
2641                    <div class="part-ai-powered-item-support-icon support-pc"></div>
2642                    <div class="part-ai-powered-item-support-icon support-phone"></div>
2643                    <div class="part-ai-powered-item-support-icon support-ipad"></div>
2644                  </div>
2645                  <div class="d-md-none d-block text-center">
2646                    <a href="https://filmora.wondershare.de/" target="_blank" class="btn btn-black">Mehr erfahren &gt;</a>
2647                  </div>
2648                </div>
2649              </div>
2650            </div>
2651          </div>
2652          <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400">
2653            <div class="part-ai-powered-item rounded-24 overflow-hidden">
2654              <a href="https://uniconverter.wondershare.de/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)">
2655                <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-uniconverter.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-uniconverter-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2656                <div class="part-ai-powered-item-text-content">
2657                  <div class="w-100 d-flex align-items-center justify-content-between">
2658                    <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/uniconverter-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws">
2659                    <div class="go-icon"></div>
2660                  </div>
2661                </div>
2662              </a>
2663              <div class="text-content">
2664                <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1">
2665                  <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/uniconverter-horizontal.svg" style="width: auto;height: 2rem;" alt="ws">
2666                  <div class="part-ai-powered-item-supports d-flex align-items-center">
2667                    <div class="part-ai-powered-item-support-icon support-pc"></div>
2668                    <div class="part-ai-powered-item-support-icon support-web"></div>
2669                  </div>
2670                </div>
2671                <p class="font-size-normal font-weight-bold opacity-6 mb-2">Neudefinition der Videokonvertierung</p>
2672                <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Entfalten Sie das Potenzial Ihrer Medien mit KI für Audio, Video und Bilder.</h3>
2673                <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center">
2674                  <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3">
2675                    <div class="font-size-tiny font-weight-bold rounded-8"> Videokonvertierung </div>
2676                    <div class="font-size-tiny font-weight-bold rounded-8"> Videokompressor </div>
2677                    <div class="font-size-tiny font-weight-bold rounded-8"> KI-Video-Verbesserer </div>
2678                    <div class="font-size-tiny font-weight-bold rounded-8"> Gesangsentferner </div>
2679                  </div>
2680                  <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center">
2681                    <div class="part-ai-powered-item-support-icon support-pc"></div>
2682                    <div class="part-ai-powered-item-support-icon support-web"></div>
2683                  </div>
2684                  <div class="d-md-none d-block text-center">
2685                    <a href="https://uniconverter.wondershare.de/" target="_blank" class="btn btn-black">Mehr erfahren &gt;</a>
2686                  </div>
2687                </div>
2688              </div>
2689            </div>
2690          </div>
2691          <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="600">
2692            <div class="part-ai-powered-item rounded-24 overflow-hidden">
2693              <a href="https://www.tomoviee.ai/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)">
2694                <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-tomoviee.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-tomoviee-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2695                <div class="part-ai-powered-item-text-content">
2696                  <div class="w-100 d-flex align-items-center justify-content-between">
2697                    <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/tomoviee-ai-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws">
2698                    <div class="go-icon"></div>
2699                  </div>
2700                </div>
2701              </a>
2702              <div class="text-content">
2703                <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1">
2704                  <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/tomoviee-ai-horizontal.svg" style="width: auto;height: 1.5rem;" alt="ws">
2705                  <div class="part-ai-powered-item-supports d-flex align-items-center">
2706                    <div class="part-ai-powered-item-support-icon support-phone"></div>
2707                    <div class="part-ai-powered-item-support-icon support-web"></div>
2708                  </div>
2709                </div>
2710                <p class="font-size-normal font-weight-bold opacity-6 mb-2">KI-Generierungsstudio</p>
2711                <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Von der Fantasie zur Verwirklichung.</h3>
2712                <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center">
2713                  <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3">
2714                    <div class="font-size-tiny font-weight-bold rounded-8"> Video-Extender </div>
2715                    <div class="font-size-tiny font-weight-bold rounded-8"> Bild zu Bild </div>
2716                    <div class="font-size-tiny font-weight-bold rounded-8"> Teilweise &#220;berarbeitung </div>
2717                  </div>
2718                  <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center">
2719                    <div class="part-ai-powered-item-support-icon support-phone"></div>
2720                    <div class="part-ai-powered-item-support-icon support-web"></div>
2721                  </div>
2722                  <div class="d-md-none d-block text-center">
2723                    <a href="https://www.tomoviee.ai/" target="_blank" class="btn btn-black">Mehr erfahren &gt;</a>
2724                  </div>
2725                </div>
2726              </div>
2727            </div>
2728          </div>
2729          <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="800">
2730            <div class="part-ai-powered-item rounded-24 overflow-hidden">
2731              <a href="https://www.media.io/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)">
2732                <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-media.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-media-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2733                <div class="part-ai-powered-item-text-content">
2734                  <div class="w-100 d-flex align-items-center justify-content-between">
2735                    <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/media-io-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws">
2736                    <div class="go-icon"></div>
2737                  </div>
2738                </div>
2739              </a>
2740              <div class="text-content">
2741                <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1">
2742                  <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/media-io-horizontal.svg" style="width: auto;height: 2rem;" alt="ws">
2743                  <div class="part-ai-powered-item-supports d-flex align-items-center">
2744                    <div class="part-ai-powered-item-support-icon support-web"></div>
2745                  </div>
2746                </div>
2747                <p class="font-size-normal font-weight-bold opacity-6 mb-2">Online KI Studio</p>
2748                <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">All-in-One-Plattform f&#252;r KI-gest&#252;tzte Kreativarbeit.</h3>
2749                <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center">
2750                  <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3">
2751                    <div class="font-size-tiny font-weight-bold rounded-8"> Bild zu Video </div>
2752                    <div class="font-size-tiny font-weight-bold rounded-8"> Bewegungssteuerung </div>
2753                    <div class="font-size-tiny font-weight-bold rounded-8"> KI-Charakter </div>
2754                  </div>
2755                  <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center">
2756                    <div class="part-ai-powered-item-support-icon support-web"></div>
2757                  </div>
2758                  <div class="d-md-none d-block text-center">
2759                    <a href="https://www.media.io/" target="_blank" class="btn btn-black">Mehr erfahren &gt;</a>
2760                  </div>
2761                </div>
2762              </div>
2763            </div>
2764          </div>
2765          <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="1000">
2766            <div class="part-ai-powered-item rounded-24 overflow-hidden">
2767              <a href="https://recoverit.wondershare.de/repairit-app.html" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)">
2768                <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-relumi.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-relumi-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2769                <div class="part-ai-powered-item-text-content">
2770                  <div class="w-100 d-flex align-items-center justify-content-between">
2771                    <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/relumi-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws">
2772                    <div class="go-icon"></div>
2773                  </div>
2774                </div>
2775              </a>
2776              <div class="text-content">
2777                <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1">
2778                  <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/relumi-horizontal.svg" style="width: auto;height: 2rem;" alt="ws">
2779                  <div class="part-ai-powered-item-supports d-flex align-items-center">
2780                    <div class="part-ai-powered-item-support-icon support-phone"></div>
2781                  </div>
2782                </div>
2783                <p class="font-size-normal font-weight-bold opacity-6 mb-2">Mobiler KI-Fotoverbesserer</p>
2784                <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Erneut aufnehmen. Animieren. KI Foto erstellen.</h3>
2785                <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center">
2786                  <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3">
2787                    <div class="font-size-tiny font-weight-bold rounded-8"> Erneute Aufnahme mit KI </div>
2788                    <div class="font-size-tiny font-weight-bold rounded-8"> Fotoanimierung </div>
2789                    <div class="font-size-tiny font-weight-bold rounded-8"> Fotokorrektur </div>
2790                  </div>
2791                  <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center">
2792                    <div class="part-ai-powered-item-support-icon support-phone"></div>
2793                  </div>
2794                </div>
2795                <div class="d-md-none d-block text-center">
2796                  <a href="https://recoverit.wondershare.de/repairit-app.html" target="_blank" class="btn btn-black">Mehr erfahren &gt;</a>
2797                </div>
2798              </div>
2799            </div>
2800          </div>
2801          <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="1200">
2802            <div class="part-ai-powered-item rounded-24 overflow-hidden">
2803              <a href="https://recoverit.wondershare.de/video-repair-tool.html" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)">
2804                <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-repairit.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-repairit-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2805                <div class="part-ai-powered-item-text-content">
2806                  <div class="w-100 d-flex align-items-center justify-content-between">
2807                    <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/repairit-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws">
2808                    <div class="go-icon"></div>
2809                  </div>
2810                </div>
2811              </a>
2812              <div class="text-content">
2813                <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1">
2814                  <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/repairit-horizontal.svg" style="width: auto;height: 2rem;" alt="ws">
2815                  <div class="part-ai-powered-item-supports d-flex align-items-center">
2816                    <div class="part-ai-powered-item-support-icon support-pc"></div>
2817                    <div class="part-ai-powered-item-support-icon support-web"></div>
2818                  </div>
2819                </div>
2820                <p class="font-size-normal font-weight-bold opacity-6 mb-2">KI-gest&#252;tzte Datenreparatur</p>
2821                <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Reparieren Sie Ihre besch&#228;
2821digten oder fehlerhaften Videos und Fotos.</h3>
2822                <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center">
2823                  <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3">
2824                    <div class="font-size-tiny font-weight-bold rounded-8"> Videoreparatur </div>
2825                    <div class="font-size-tiny font-weight-bold rounded-8"> Fotoreparatur </div>
2826                    <div class="font-size-tiny font-weight-bold rounded-8"> Dateireparatur </div>
2827                  </div>
2828                  <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center">
2829                    <div class="part-ai-powered-item-support-icon support-pc"></div>
2830                    <div class="part-ai-powered-item-support-icon support-web"></div>
2831                  </div>
2832                </div>
2833                <div class="d-md-none d-block text-center">
2834                  <a href="https://recoverit.wondershare.de/video-repair-tool.html" target="_blank" class="btn btn-black">Mehr erfahren &gt;</a>
2835                </div>
2836              </div>
2837            </div>
2838          </div>
2839        </div>
2840      </div>
2841    </section>
2842    <section class="part-ai-features">
2843      <div class="mb-xl-5 mb-4 pb-xl-5" data-aos="fade-up" data-aos-duration="800">
2844        <h2 class="font-size-180 line-height-100 mb-0 pl-md-3 ml-md-3 text-md-left text-center">KI-Funktionen</h2>
2845      </div>
2846      <div class="function-swiper-m function-swiper1-m">
2847        <div class="ai-features-list swiper-wrapper-m" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
2848          <a href="https://filmora.wondershare.de/ai-music-generator.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column">
2849            <div class="part-ai-features-item-left-box">
2850              <div class="part-ai-features-item-left-box-icon-m music-icon"></div>
2851              <div class="ai-features-num font-size-super font-weight-bold line-height-100">01</div>
2852              <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center">
2853                <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Musik</div>
2854                <div class="part-ai-features-item-left-box-icon"></div>
2855              </div>
2856            </div>
2857            <div class="part-ai-features-item-right-box mt-xl-0 mt-3">
2858              <div class="ai-features-desc font-size-normal">Erstellen Sie in Sekundenschnelle musikalische Meisterwerke verschiedener Genres und Stile f&#252;r die kommerzielle Nutzung.</div>
2859              <div class="part-ai-features-item-right-box-wrapper">
2860                <div class="part-ai-features-item-right-box-icon music-icon"></div>
2861              </div>
2862              <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren &gt; </div>
2863            </div>
2864          </a>
2865          <a href="https://filmora.wondershare.de/video-editing/video-recognition-ai.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column">
2866            <div class="part-ai-features-item-left-box">
2867              <div class="part-ai-features-item-left-box-icon-m learning-icon"></div>
2868              <div class="ai-features-num font-size-super font-weight-bold line-height-100">02</div>
2869              <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center">
2870                <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">Deep Learning</div>
2871                <div class="part-ai-features-item-left-box-icon"></div>
2872              </div>
2873            </div>
2874            <div class="part-ai-features-item-right-box mt-xl-0 mt-3">
2875              <div class="ai-features-desc font-size-normal">Deep Learning findet in verschiedenen Bereichen breite Anwendung, insbesondere bei der Videoerkennung und -bearbeitung.</div>
2876              <div class="part-ai-features-item-right-box-wrapper">
2877                <div class="part-ai-features-item-right-box-icon learning-icon"></div>
2878              </div>
2879              <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren &gt; </div>
2880            </div>
2881          </a>
2882          <a href="https://recoverit.wondershare.de/windows-computer-tips/ai-software-for-pc.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column">
2883            <div class="part-ai-features-item-left-box">
2884              <div class="part-ai-features-item-left-box-icon-m security-icon"></div>
2885              <div class="ai-features-num font-size-super font-weight-bold line-height-100">03</div>
2886              <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center">
2887                <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Sicherheit</div>
2888                <div class="part-ai-features-item-left-box-icon"></div>
2889              </div>
2890            </div>
2891            <div class="part-ai-features-item-right-box mt-xl-0 mt-3">
2892              <div class="ai-features-desc font-size-normal">KI spielt mittlerweile eine entscheidende Rolle in der Cybersicherheit. Entdecken Sie die besten KI-gest&#252;tzten Sicherheitstools, die Sie kennen sollten.</div>
2893              <div class="part-ai-features-item-right-box-wrapper">
2894                <div class="part-ai-features-item-right-box-icon security-icon"></div>
2895              </div>
2896              <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren &gt; </div>
2897            </div>
2898          </a>
2899          <a href="https://filmora.wondershare.de/ai-features.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column">
2900            <div class="part-ai-features-item-left-box">
2901              <div class="part-ai-features-item-left-box-icon-m camera-icon"></div>
2902              <div class="ai-features-num font-size-super font-weight-bold line-height-100">04</div>
2903              <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center">
2904                <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Videobearbeitung</div>
2905                <div class="part-ai-features-item-left-box-icon"></div>
2906              </div>
2907            </div>
2908            <div class="part-ai-features-item-right-box mt-xl-0 mt-3">
2909              <div class="ai-features-desc font-size-normal">Wandeln Sie Text in ein Video oder ein Video in Text um und bearbeiten Sie es wie ein Dokument. Entfernen Sie Objekte in Bildern n
2909ach Belieben.</div>
2910              <div class="part-ai-features-item-right-box-wrapper">
2911                <div class="part-ai-features-item-right-box-icon camera-icon"></div>
2912              </div>
2913              <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren &gt; </div>
2914            </div>
2915          </a>
2916          <a href="https://filmora.wondershare.de/ai-copilot-editing.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column">
2917            <div class="part-ai-features-item-left-box">
2918              <div class="part-ai-features-item-left-box-icon-m ai-icon"></div>
2919              <div class="ai-features-num font-size-super font-weight-bold line-height-100">05</div>
2920              <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center">
2921                <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Kumpel</div>
2922                <div class="part-ai-features-item-left-box-icon"></div>
2923              </div>
2924            </div>
2925            <div class="part-ai-features-item-right-box mt-xl-0 mt-3">
2926              <div class="ai-features-desc font-size-normal">Der KI-Assistent ist der ideale Teamkollege, der Ihnen Live-Unterst&#252;tzung bietet und Fehler in Echtzeit erkennt.</div>
2927              <div class="part-ai-features-item-right-box-wrapper">
2928                <div class="part-ai-features-item-right-box-icon ai-icon"></div>
2929              </div>
2930              <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren &gt; </div>
2931            </div>
2932          </a>
2933        </div>
2934        <div class="swiper-pagination"></div>
2935      </div>
2936    </section>
2937    <section class="part-enhancer">
2938      <div class="d-xl-flex d-none justify-content-center" data-aos="fade-up" data-aos-duration="800">
2939        <div class="nav" role="tablist">
2940          <div class="nav-item active" id="step-1-tab" data-toggle="tab" data-target="#step-1" role="tab" aria-controls="step-1" aria-selected="true"> Videoverbesserer </div>
2941          <div class="nav-item" id="step-2-tab" data-toggle="tab" data-target="#step-2" role="tab" aria-controls="step-2" aria-selected="false"> Bildverbesserer </div>
2942        </div>
2943      </div>
2944      <div class="part-marquee overflow-hidden" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
2945        <div class="marquee">
2946          <div class="marquee-item">
2947            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2948            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2949            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2950            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2951          </div>
2952
2953          <div class="marquee-item">
2954            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2955            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2956            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2957            <div class="marquee-card"> Praktische Anwendungsbeispiele </div>
2958          </div>
2959        </div>
2960      </div>
2961      <div class="container-all" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400">
2962        <div class="tab-content">
2963          <div class="tab-pane fade active show function-swiper-m function-swiper2-m" id="step-1" role="tabpanel" aria-labelledby="step-1-tab">
2964            <div class="d-xl-none d-block part-enhancer-title-m"> Videoverbesserer </div>
2965            <div class="my-n10 swiper-wrapper-m">
2966              <div class="py-10">
2967                <div class="part-enhancer-item rounded-24 overflow-hidden">
2968                  <div class="part-enhancer-item-left-box">
2969                    <div class="part-enhancer-item-left-box-content">
2970                      <h3 class="display-3 font-weight-bold mb-0">Content Creator und Social Media Vlogger</h3>
2971                      <div class="line-box"></div>
2972                      <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Steigern Sie die Attraktivit&#228;t Ihrer Inhalte und erstellen Sie schnell hochwertige Grafiken oder kurze Videos, ohne dabei an Anziehungskraft und Wirkung einzub&#252;&#223;en. </div>
2973                      <div class="tag-box-wrapper mb-md-4 mb-3">
2973 <a href="https://filmora.wondershare.de/ai-image-to-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Bild zu Video </a> <a href="https://filmora.wondershare.de/long-video-to-short-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Intelligente kurze Clips </a> <a href="https://filmora.wondershare.de/text-to-speech.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> TTS/STT </a> </div>
2974                      <p class="font-size-small opacity-7 mb-0"> Ganz gleich, ob Sie t&#228;gliche Vlogs drehen, Storyboards entwerfen, Markenbilder erstellen oder verlorene Mediendateien wiederherstellen, diese Tools helfen Ihnen dabei, jeden Schritt Ihres Workflows zu optimieren. Sie sind ideal f&#252;r Content-Ersteller und Social-Media-Vlogger und erm&#246;glichen eine schnellere Bearbeitung, eine &#252;bersichtlichere Planung, eine reibungslosere Prototypenerstellung sowie eine zuverl&#228;ssige Dateiverwaltung – damit Sie sich ganz auf die Erstellung ansprechender, hochwertiger Inhalte konzentrieren k&#246;nnen. </p>
2975                    </div>
2976                  </div>
2977                  <div class="part-enhancer-item-right-box">
2978                    <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)">
2979                      <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-1.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-1-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2980                    </div>
2981                  </div>
2982                </div>
2983              </div>
2984              <div class="py-10">
2985                <div class="part-enhancer-item rounded-24 overflow-hidden">
2986                  <div class="part-enhancer-item-left-box">
2987                    <div class="part-enhancer-item-left-box-content">
2988                      <h3 class="display-3 font-weight-bold mb-0">P&#228;dagogen und Schulungsleiter</h3>
2989                      <div class="line-box"></div>
2990                      <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Erstellen Sie auf effiziente Weise ansprechende Videos f&#252;r Bildungs-, Schulungs- oder Werbezwecke. </div>
2991                      <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://uniconverter.wondershare.de/ai-video-enhancer.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Videoverbesserer </a> <a href="https://uniconverter.wondershare.de/record-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Bildschirmaufnahme </a> <a href="https://www.media.io/ai/de/ai-character" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Avatar </a> </div>
2992                      <p class="font-size-small opacity-7 mb-0"> Diese L&#246;sung eignet sich ideal f&#252;r Lehrkr&#228;fte, Unternehmensschulungsleiter und Kursentwickler und hilft dabei, Unterrichtspl&#228;ne, Einf&#252;hrungsmaterialien, Produktwissen und Workshop-Inhalte innerhalb weniger Minuten in professionell gestaltete Videos umzuwandeln. Bieten Sie anschauliche Erkl&#228;rungen, ein einheitliches Markenbild und interaktive Lernerfahrungen, die die Aufmerksamkeit fesseln, den Wissenserhalt verbessern und sowohl den Pr&#228;senzunterricht als auch Fernschulungen in gro&#223;em Umfang unterst&#252;tzen. </p>
2993                    </div>
2994                  </div>
2995                  <div class="part-enhancer-item-right-box">
2996                    <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)">
2997                      <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-2.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-2-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2998                    </div>
2999                  </div>
3000                </div>
3001              </div>
3002              <div class="py-10">
3003                <div class="part-enhancer-item rounded-24 overflow-hidden">
3004                  <div class="part-enhancer-item-left-box">
3005                    <div class="part-enhancer-item-left-box-content">
3006                      <h3 class="display-3 font-weight-bold mb-0">Vermarkter und Marken-Promotor </h3>
3007                      <div class="line-box"></div>
3008                      <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Erstellen Sie ganz einfach hochwertige, markengerechte Werbematerialien, um sich auf dem Markt abzuheben und dabei stets professionell zu wirken. </
3008div>
3009                      <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://filmora.wondershare.de/ai-music-generator.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Musik Generator </a> <a href="https://filmora.wondershare.de/audio-to-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Audio zu Video </a> <a href="https://www.media.io/de/video-watermark-remover.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Wasserzeichenentferner </a> </div>
3010                      <p class="font-size-small opacity-7 mb-0"> Diese L&#246;sung eignet sich ideal f&#252;r Vermarkter, Markenmanager und Werbeteams und unterst&#252;tzt Sie bei der Erstellung professioneller Kampagnenvideos, Produktvorstellungen, Social-Media-Anzeigen und Veranstaltungswerbung mit einheitlicher Markenidentit&#228;t. Passen Sie Inhalte schnell an verschiedene Kan&#228;le an, sprechen Sie Ihre Zielgruppen effektiver an und bewahren Sie ein professionelles Erscheinungsbild, w&#228;hrend Sie gleichzeitig die Produktion von Inhalten f&#252;r Produkteinf&#252;hrungen, saisonale Kampagnen und den t&#228;glichen Marketingbedarf beschleunigen. </p>
3011                    </div>
3012                  </div>
3013                  <div class="part-enhancer-item-right-box">
3014                    <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)">
3015                      <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-3.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-3-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
3016                    </div>
3017                  </div>
3018                </div>
3019              </div>
3020              <div class="py-10">
3021                <div class="part-enhancer-item rounded-24 overflow-hidden">
3022                  <div class="part-enhancer-item-left-box">
3023                    <div class="part-enhancer-item-left-box-content">
3024                      <h3 class="display-3 font-weight-bold mb-0">Erfahrene Video-Editoren und Digitalkreative</h3>
3025                      <div class="line-box"></div>
3026                      <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> So k&#246;nnen sich Produzenten auf die kreative Arbeit konzentrieren, w&#228;hrend technische Aufgaben wie die Aufbereitung von Material mit niedriger Aufl&#246;sung und die Szenenschnittarbeit automatisiert werden. </div>
3027                      <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://filmora.wondershare.de/multicam-editing.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Mehrkamerabearbeitung </a> <a href="https://filmora.wondershare.de/smart-scene-cut.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Intelligenter Szenenausschnitt </a> <!--<a href="https://videoconverter.wondershare.com/video-convert.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Videokonvertierung </a>--> </div>
3028                      <p class="font-size-small opacity-7 mb-0"> Diese L&#246;sung wurde f&#252;r professionelleVideo-Editoren, Postproduktionsteams und Kreative im digitalen Bereich entwickelt und rationalisiert anspruchsvolle Workflows durch die Automatisierung zeitaufw&#228;ndiger Aufgaben wie die Verbesserung von Filmmaterial, die Verfeinerung von Szenen und die Qualit&#228;tsoptimierung. Dadurch m&#252;ssen Kreative weniger Zeit f&#252;r technische Korrekturen aufwenden und haben mehr Zeit, um das visuelle Storytelling zu gestalten, Konzepte zu verfeinern und herausragende, hochwertige Inhalte schneller zu liefern. </p>
3029                    </div>
3030                  </div>
3031                  <div class="part-enhancer-item-right-box">
3032                    <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)">
3033                      <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-4.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-4-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
3034                    </div>
3035                  </div>
3036                </div>
3037              </div>
3038            </div>
3039            <div class="swiper-pagination"></div>
3040          </div>
3041          <div class="tab-pane fade function-swiper-m function-swiper3-m" id="step-2" role="tabpanel" aria-labelledby="step-2-tab">
3042            <div class="d-xl-none d-block part-enhancer-title-m"> Bildverbesserer </div>
3043            <div class="my-n10 swiper-wrapper-m">
3044              <div class="py-10">
3045                <div class="part-enhancer-item rounded-24 overflow-hidden">
3046                  <div class="part-enhancer-item-left-box">
3047                    <div class="part-enhancer-item-left-box-content">
3048                      <h3 class="display-3 font-weight-bold mb-0">Professionelle Fotografen und Bewahrer von Erinnerungen</h3>
3049                      <div class="line-box"></div>
3050                      <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Restaurieren und optimieren Sie Fotos mit KI und stellen Sie besch&#228;digte, verblasste und fehlerhafte Bilder mit professionellen Ergebnissen wieder her. </div>
3051                      <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://recoverit.wondershare.de/online-old-photo-restoration.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Fotorestaurierung </a> <a href="https://recoverit.wondershare.de/photo-repair.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Schadensbehebung </a> <a href="https://www.media.io/ai/de/effect?tag=image&category=face_editor" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Gesichtsretusche </a> </div>
3052                      <p class="font-size-small opacity-7 mb-0"> Stellen Sie unscharfe, verblasste oder besch&#228;digte Fotos mithilfe von KI wieder her, die die Bildsch&#228;rfe verbessert und dabei die Authentizit&#228;t bewahrt. Stellen Sie besch&#228;digte Fotos und Archivmaterial wieder her und erwecken Sie verlorene Details und Erinnerungen wieder zum Leben. Optimieren Sie Gesichter, wiederholen Sie Gruppenaufnahmen und animieren Sie Portr&#228;ts mit nat&#252;rlichen, lebensechten Ergebnissen. </p>
3053                    </div>
3054                  </div>
3055                  <div class="part-enhancer-item-right-box">
3056                    <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)">
3057                      <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video2-1.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video2-1-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
3058                    </div>
3059                  </div>
3060                </div>
3061              </div>
3062              <div class="py-10">
3063                <div class="part-enhancer-item rounded-24 overflow-hidden">
3064                  <div class="part-enhancer-item-left-box">
3065                    <div class="part-enhancer-item-left-box-content">
3066                      <h3 class="display-3 font-weight-bold mb-0">Experten f&#252;r digitales Marketing und E-Commerce</h3>
3067                      <div class="line-box"></div>
3068                      <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Erstellen und optimieren Sie Produktbilder mithilfe von KI, um die Wirkung zu steigern und die Konversionsrate zu erh&#246;hen. </div>
3069                      <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://filmora.wondershare.de/ai-image.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Bildgenerierung </a> <a href="https://filmora.wondershare.de/ai-video-object-remover.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3">
3069 Objektentfernung und -optimierung </a> <a href="https://filmora.wondershare.de/ai-image-to-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Bild-zu-Video </a> </div>
3070                      <p class="font-size-small opacity-7 mb-0"> Generieren und bearbeiten Sie Produktbilder mithilfe von KI, entfernen Sie unerw&#252;nschte Elemente und senken Sie die Kosten f&#252;r Nachaufnahmen. Beseitigen Sie st&#246;rende Elemente und betonen Sie Details, um makellose, f&#252;r den E-Commerce geeignete Bilder zu erhalten. Verwandeln Sie Bilder in ansprechende Produktvideos, die die Wirkung und die Konversionsrate steigern. </p>
3071                    </div>
3072                  </div>
3073                  <div class="part-enhancer-item-right-box">
3074                    <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)">
3075                      <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video2-2.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video2-2-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
3076                    </div>
3077                  </div>
3078                </div>
3079              </div>
3080              <div class="py-10">
3081                <div class="part-enhancer-item rounded-24 overflow-hidden">
3082                  <div class="part-enhancer-item-left-box">
3083                    <div class="part-enhancer-item-left-box-content">
3084                      <h3 class="display-3 font-weight-bold mb-0">Familienarchivare und Denkmalsch&#252;tzer</h3>
3085                      <div class="line-box"></div>
3086                      <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Steigern Sie die Attraktivit&#228;t Ihrer Inhalte und erstellen Sie schnell hochwertige Grafiken oder kurze Videos, ohne dabei an Anziehungskraft und Wirkung einzub&#252;&#223;en. </div>
3087                      <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://recoverit.wondershare.de/photo-enhancer.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Fotoverbesserer </a> <a href="https://repairit.wondershare.com/animate-photo.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Fotoanimation </a> <a href="https://repairit.wondershare.com/group-photo-editor.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Gruppenfoto-Editor </a> </div>
3088                      <p class="font-size-small opacity-7 mb-0"> Restaurieren Sie verblasste und besch&#228;digte Fotos und bewahren Sie dabei ihren urspr&#252;nglichen Charakter und ihre Geschichte. Versch&#246;nern und beleben Sie Portr&#228;ts, um alte Erinnerungen wieder zum Leben zu erwecken. Restaurieren und optimieren Sie Fotos ganz einfach auf Ihrem Mobilger&#228;t, jederzeit und &#252;berall. </p>
3089                    </div>
3090                  </div>
3091                  <div class="part-enhancer-item-right-box">
3092                    <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)">
3093                      <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video2-3.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video2-3-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
3094                    </div>
3095                  </div>
3096                </div>
3097              </div>
3098            </div>
3099            <div class="swiper-pagination"></div>
3100          </div>
3101        </div>
3102      </div>
3103    </section>
3104    <section class="part-faq">
3105      <div class="container-all">
3106        <div class="part-faq-wrapper">
3107          <div class="part-faq-left-box" data-aos="fade-up" data-aos-duration="800">
3108            <div class="font-size-80 font-weight-bold text-xl-left text-center" style="line-height: 1.1;"> H&#228;ufig<br class="d-xl-none d-block"> gestellte Fragen </div>
3109          </div>
3110          <div class="part-faq-right-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
3111            <div class="faq-list">
3112              <div class="faq-list-item">
3113                <div class="faq-line"></div>
3114                <div class="faq-tltle-box">
3115                  <h3 class="faq-tltle mb-0">1. Welcher ist der beste Kurzvideo-Editor f&#252;r ehemalige TikTok-Nutzer und RedNote-Nutzer?</h3>
3116                  <div class="open-close-button">
3117                    <div class="open-close-wrapper">
3118                      <div class="open-close-line-2"></div>
3119                      <div class="open-close-line-2 second-line"></div>
3120                    </div>
3121                  </div>
3122                </div>
3123                <div class="faq-content-box">
3124                  <div> F&#252;r Nutzer von TikTok und RedNote (Xiaohongshu) ist Filmora der ideale Editor f&#252;r Kurzvideos. Er vereint benutzerfreundliche Funktionen mit leistungsstarken Tools, um schnell hochwertige Inhalte zu erstellen. Hier erfahren 
3124Sie, warum sich Filmora abhebt:<br><br> Einfaches Zuschneiden und K&#252;rzen&#160;– Schneiden Sie Videos nahtlos zu und k&#252;rzen Sie sie, um mit nur wenigen Klicks ansprechende kurze Inhalte zu erstellen.<br><br> Vorgefertigte Vorlagen und Effekte&#160;– Optimierte Vorlagen und Effekte, die speziell auf TikTok und andere Social-Media-Plattformen zugeschnitten sind und Ihre Videos m&#252;helos hervorheben.<br><br> Schnelle Exportoptionen&#160;– Exportieren Sie Ihre bearbeiteten Videos im Handumdrehen und teilen Sie sie direkt auf TikTok oder einer anderen sozialen Plattform.<br><br> KI-gest&#252;tzte Verbesserungen – Die KI-Tools von Filmora optimieren automatisch die Videoqualit&#228;t und sorgen so selbst f&#252;r Anf&#228;nger f&#252;r professionell aussehende Ergebnisse.<br><br> Kompatibilit&#228;t mit Mobilger&#228;ten und Desktop-Computern&#160;– Bearbeiten Sie Ihre Videos &#252;berall mit den flexiblen Mobil- und Desktop-Versionen von Filmora. </div>
3125                </div>
3126              </div>
3127              <div class="faq-list-item">
3128                <div class="faq-line"></div>
3129                <div class="faq-tltle-box">
3130                  <h3 class="faq-tltle mb-0">2. Wie kann ich Videos auf einfache Weise in verschiedene Formate konvertieren?</h3>
3131                  <div class="open-close-button">
3132                    <div class="open-close-wrapper">
3133                      <div class="open-close-line-2"></div>
3134                      <div class="open-close-line-2 second-line"></div>
3135                    </div>
3136                  </div>
3137                </div>
3138                <div class="faq-content-box">
3139                  <div> Der Uniconverter ist eine leistungsstarke L&#246;sung f&#252;r die Konvertierung von Videoformaten. Er unterst&#252;tzt einen Hochgeschwindigkeits-Videoconverter und -kompressor mit &#252;ber 20 Funktionen und eignet sich somit ideal f&#252;r die Bearbeitung von 4K-, 8K- und HDR-Dateien f&#252;r alle Videobegeisterten und P&#228;dagogen. </div>
3140                </div>
3141              </div>
3142              <div class="faq-list-item">
3143                <div class="faq-line"></div>
3144                <div class="faq-tltle-box">
3145                  <h3 class="faq-tltle mb-0">3. Welche Plattformen werden von diesen L&#246;sungen unterst&#252;tzt?</h3>
3146                  <div class="open-close-button">
3147                    <div class="open-close-wrapper">
3148                      <div class="open-close-line-2"></div>
3149                      <div class="open-close-line-2 second-line"></div>
3150                    </div>
3151                  </div>
3152                </div>
3153                <div class="faq-content-box">
3154                  <div> Der Uniconverter ist eine leistungsstarke L&#246;sung f&#252;r die Konvertierung von Videoformaten. Er unterst&#252;tzt einen Hochgeschwindigkeits-Videoconverter und -kompressor mit &#252;ber 20 Funktionen und eignet sich somit ideal f&#252;r die Bearbeitung von 4K-, 8K- und HDR-Dateien f&#252;r alle Videobegeisterten und P&#228;dagogen. </div>
3155                </div>
3156              </div>
3157              <div class="faq-list-item">
3158                <div class="faq-line"></div>
3159                <div class="faq-tltle-box">
3160                  <h3 class="faq-tltle mb-0">4. Was ist das beste kostenlose Online-Tool zur Umwandlung von URLs in Videos?</h3>
3161                  <div class="open-close-button">
3162                    <div class="open-close-wrapper">
3163                      <div class="open-close-line-2"></div>
3164                      <div class="open-close-line-2 second-line"></div>
3165                    </div>
3166                  </div>
3167                </div>
3168                <div class="faq-content-box">
3169                  <div> Wondershare Virbo ist die erste Wahl, wenn es darum geht, Produkt-URLs und Unternehmensseiten in Marketingvideos umzuwandeln. Dieses einsteigerfreundliche Tool nutzt k&#252;nstliche Intelligenz, um durch einfaches Einf&#252;gen einer URL sofort Videos zu erstellen. Es bietet anpassbare Videoskripte, realistische Avatare, Unterst&#252;tzung f&#252;r &#252;ber 90&#160;Sprachen sowie verschiedene regionale Akzente, um den vielf&#228;ltigen Anforderungen von Unternehmen gerecht zu werden. Ideal f&#252;r Unternehmen, die schnell professionelle, mehrsprachige Marketinginhalte erstellen m&#246;chten, ohne &#252;ber Vorkenntnisse im Bereich der Textbearbeitung zu verf&#252;gen. </div>
3170                </div>
3171              </div>
3172              <div class="faq-list-item">
3173                <div class="faq-line"></div>
3174                <div class="faq-tltle-box">
3175                  <h3 class="faq-tltle mb-0">5. Was bietet der UniConverter f&#252;
3175r Film- und Musikliebhaber?</h3>
3176                  <div class="open-close-button">
3177                    <div class="open-close-wrapper">
3178                      <div class="open-close-line-2"></div>
3179                      <div class="open-close-line-2 second-line"></div>
3180                    </div>
3181                  </div>
3182                </div>
3183                <div class="faq-content-box">
3184                  <div> Mit dem UniConverter k&#246;nnen Film- und Musikliebhaber ihre Dateien in verschiedene g&#228;ngige Formate konvertieren, beispielsweise MOV in MP4, AVI in MP4, AVI in MOV, MP4 in MP3 und so weiter, ohne jegliche Einschr&#228;nkungen. </div>
3185                </div>
3186              </div>
3187              <div class="faq-list-item">
3188                <div class="faq-line"></div>
3189                <div class="faq-tltle-box">
3190                  <h3 class="faq-tltle mb-0">6. Gibt es f&#252;r diese Produkte kostenlose Testversionen?</h3>
3191                  <div class="open-close-button">
3192                    <div class="open-close-wrapper">
3193                      <div class="open-close-line-2"></div>
3194                      <div class="open-close-line-2 second-line"></div>
3195                    </div>
3196                  </div>
3197                </div>
3198                <div class="faq-content-box">
3199                  <div> Ja, wir bieten f&#252;r die meisten unserer Softwareprogramme kostenlose Testversionen an, damit Sie deren Funktionen kennenlernen und entscheiden k&#246;nnen, welche L&#246;sung Ihren kreativen Anforderungen am besten entspricht. Auf der jeweiligen Produktseite finden Sie Informationen zur Testversion sowie Download-Optionen. </div>
3200                </div>
3201              </div>
3202              <div class="faq-list-item">
3203                <div class="faq-line"></div>
3204                <div class="faq-tltle-box">
3205                  <h3 class="faq-tltle mb-0">7. Was ist die beste KI-Videobearbeitungssoftware f&#252;r Anf&#228;nger und Profis?</h3>
3206                  <div class="open-close-button">
3207                    <div class="open-close-wrapper">
3208                      <div class="open-close-line-2"></div>
3209                      <div class="open-close-line-2 second-line"></div>
3210                    </div>
3211                  </div>
3212                </div>
3213                <div class="faq-content-box">
3214                  <div> Filmora ist sowohl f&#252;r Anf&#228;nger als auch f&#252;r Profis die erste Wahl. Es verbindet eine benutzerfreundliche Oberfl&#228;che mit fortschrittlichen Funktionen wie KI-gest&#252;tzten Effekten, Bewegungsverfolgung und Keyframing. Ganz gleich, ob Sie Heimvideos bearbeiten oder professionelle Inhalte erstellen, Filmora bietet Ihnen alles, was Sie daf&#252;r ben&#246;tigen. </div>
3215                </div>
3216              </div>
3217            </div>
3218          </div>
3219        </div>
3220      </div>
3221    </section>
3222    <section class="part-bottom text-center" data-aos="fade-up" data-aos-duration="800">
3223      <div class="container-all">
3224        <div class="video-container rounded-24" style="--ratio:calc(551 / 1880 * 100%)">
3225          <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-bottom-video1.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-bottom-video1-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
3226          <div class="text-content">
3227            <h2 class="font-size-80 font-weight-bold text-white line-height-100 mb-md-4 mb-3 pb-1">Entdecken Sie alle<br> Wondershare-KI-Produkte</h2>
3228            <a href="https://www.wondershare.de/shop/individuals.html" class="btn btn-outline-white">Mehr entdecken</a>
3229          </div>
3230        </div>
3231      </div>
3232    </section>
3233</main>
3234
3235<div class="parameter" data-toggle="gotop" data-type="ws2020"></div>
3236
3237<!-- 脚部公共块 -->
3238<style>
3239    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo {
3240      width: 246px;
3241    }
3242
3243    @media (min-width: 1440px) {
3244      .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-menu {
3245        right: 50%;
3246        transform: translateX(50%);
3247      }
3248    }
3249
3250    @media (min-width: 1280px) {
3251      .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo {
3252
3253        margin-top: 56px;
3254      }
3255
3256      .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-menu {
3257        padding: 12px 0;
3258      }
3259
3260      .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-link {
3261        padding: 4px 24px;
3262      }
3263
3264      .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item {
3265        padding: 8px 0;
3266      }
3267
3268      .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav {
3269
3270        flex-direction: column;
3271        align-items: start;
3272        justify-content: start;
3273        gap: 32px;
3274      }
3275
3276      .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav {
3277        padding: 48px 0 60px 96px;
3278      }
3279    }
3280</style>
3281<footer class="wsc-footer2020 wsc-footer2021">
3282    <div class="wsc-footer2020-top wsc-footer202004-top">
3283      <div class="wsc-footer2020-container">
3284        <div class="wsc-footer2020-top-content">
3285          <div class="wsc-footer2020-nav">
3286            <a href="https://www.wondershare.de/" target="_blank"><img class="wsc-footer2020-nav-logo" src="https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-slogan-vertical-white.svg" alt="wondershare creativity simplified"></a>
3287            <div>
3288              <a class="active_menu_a" href="https://business.facebook.com/WondershareDeutsch/" rel="nofollow" target="_blank">
3289                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3290                  <path
3291                    d="M29.8698 25.5619L30.5537 21.2166H26.3408V18.3922C26.3408 17.204 26.929 16.043 28.8097 16.043H30.752V12.3427C29.6209 12.1624 28.478 12.0648 27.3325 12.0508C23.8651 12.0508 21.6014 14.1352 21.6014 17.9034V21.2166H17.7578V25.5619H21.6014V36.0721H26.3408V25.5619H29.8698Z"
3292                    fill="white" fill-opacity="0.6" />
3293                </svg>
3294              </a>
3295              <a class="active_menu_a" href="https://www.instagram.com/wondershare/" rel="nofollow" target="_blank">
3296                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3297                  <path
3298                    d="M20.0054 24.0614C20.0054 21.8504 21.7968 20.0576 24.0072 20.0576C26.2176 20.0576 28.0099 21.8504 28.0099 24.0614C28.0099 26.2725 26.2176 28.0653 24.0072 28.0653C21.7968 28.0653 20.0054 26.2725 20.0054 24.0614ZM17.8416 24.0614C17.8416 27.4677 20.602 30.2288 24.0072 30.2288C27.4124 30.2288 30.1728 27.4677 30.1728 24.0614C30.1728 20.6552 27.4124 17.8941 24.0072 17.8941C20.602 17.8941 17.8416 20.6552 17.8416 24.0614ZM28.976 17.6496C28.9759 17.9346 29.0603 18.2133 29.2185 18.4504C29.3767 18.6875 29.6017 18.8723 29.8649 18.9815C30.1281 19.0907 30.4178 19.1194 30.6974 19.0639C30.9769 19.0084 31.2337 18.8712 31.4353 18.6697C31.6369 18.4682 31.7742 18.2115 31.8299 17.9319C31.8856 17.6523 31.8572 17.3625 31.7482 
329817.0991C31.6393 16.8357 31.4547 16.6106 31.2178 16.4521C30.9809 16.2936 30.7024 16.209 30.4174 16.2089H30.4168C30.0349 16.2091 29.6686 16.3609 29.3984 16.631C29.1282 16.9011 28.9763 17.2675 28.976 17.6496V17.6496ZM19.1563 33.8378C17.9856 33.7845 17.3494 33.5895 16.9265 33.4247C16.3659 33.2064 15.9659 32.9464 15.5454 32.5263C15.1248 32.1062 14.8645 31.7065 14.6473 31.1457C14.4824 30.7229 14.2874 30.0863 14.2342 28.9153C14.176 27.6493 14.1644 27.269 14.1644 24.0615C14.1644 20.8541 14.177 20.4749 14.2342 19.2078C14.2875 18.0368 14.484 17.4014 14.6473 16.9774C14.8655 16.4166 15.1254 16.0165 15.5454 15.5958C15.9654 15.1752 16.365 14.9148 16.9265 14.6975C17.3492 14.5326 17.9856 14.3375 19.1563 14.2843C20.4219 14.2261 20.8021 14.2144 24.0072 14.2144C27.2123 14.2144 27.5928 14.227 28.8596 14.2843C30.0302 14.3376 30.6654 14.5341 31.0893 14.6975C31.6499 14.9148 32.0499 15.1758 32.4705 15.5958C32.891 16.0159 33.1503 16.4166 33.3686 16.9774C33.5334 17.4001 33.7284 18.0368 33.7816 19.2078C33.8399 20.4749 33.8515 20.8541 33.8515 24.0615C33.8515 27.269 33.8399 27.6482 33.7816 28.9153C33.7283 30.0863 33.5324 30.7228 33.3686 31.1457C33.1503 31.7065 32.8904 32.1066 32.4705 32.5263C32.0505 32.946 31.6499 33.2064 31.0893 33.4247C30.6667 33.5896 30.0302 33.7846 28.8596 33.8378C27.5939 33.8961 27.2137 33.9077 24.0072 33.9077C20.8007 33.9077 20.4216 33.8961 19.1563 33.8378V33.8378ZM19.0569 12.1235C17.7786 12.1817 16.9052 12.3845 16.1424 12.6814C15.3524 12.988 14.6837 13.3993 14.0154 14.0667C13.3471 14.7342 12.9369 15.4042 12.6304 16.1944C12.3336 16.9579 12.1309 17.8311 12.0727 19.1097C12.0135 20.3903 12 20.7997 12 24.0614C12 27.3232 12.0135 27.7326 12.0727 29.0132C12.1309 30.2919 12.3336 31.165 12.6304 31.9285C12.9369 32.7183 13.3472 33.389 14.0154 34.0561C14.6836 34.7233 15.3524 35.134 16.1424 35.4415C16.9066 35.7384 17.7786 35.9411 19.0569 35.9994C20.3378 36.0576 20.7464 36.0721 24.0072 36.0721C27.268 36.0721 27.6773 36.0586 28.9575 35.9994C30.2359 35.9411 31.1087 35.7384 31.872 35.4415C32.6615 35.134 33.3307 34.7236 33.999 34.0561C34.6673 33.3887 35.0766 32.7183 35.384 31.9285C35.6808 31.165 35.8844 30.2918 35.9417 29.0132C35.9999 27.7316 36.0134 27.3232 36.0134 24.0614C36.0134 20.7997 35.9999 20.3903 35.9417 19.1097C35.8835 17.831 35.6808 16.9574 35.384 16.1944C35.0766 15.4046 34.6662 14.7352 33.999 14.0667C33.3318 13.3983 32.6615 12.988 31.873 12.6814C31.1087 12.3845 30.2358 12.1808 28.9585 12.1235C27.6782 12.0653 27.2689 12.0508 24.0082 12.0508C20.7474 12.0508 20.3378 12.0643 19.0569 12.1235Z"
3299                    fill="white" fill-opacity="0.6" />
3300                </svg>
3301              </a>
3302              <a class="active_menu_a" href="https://twitter.com/wondershare" rel="nofollow" target="_blank">
3303                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3304                  <path
3305                    d="M31.2327 12.8867H35.0747L26.6811 22.2057L36.5555 34.8867H28.8227L22.767 27.1957L15.8379 34.8867H11.9936L20.9715 24.919L11.5 12.8867H19.4268L24.9006 19.9166L31.2304 12.8867H31.2327ZM29.8843 32.6529H32.0132L18.2711 15.0032H15.9866L29.8843 32.6529Z"
3306                    fill="white" fill-opacity="0.6" />
3307                </svg>
3308              </a>
3309              <a class="active_menu_a" href="https://linktr.ee/wondershare_deutsch" rel="nofollow" target="_blank">
3310                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3311                  <path
3312                    d="M24.2383 14.3984C24.2383 14.3984 32.796 14.3991 34.9287 14.9707C36.108 15.2893 37.0352 16.2185 37.3486 17.3965C37.9188 19.5347 37.9189 23.999 37.9189 23.999C37.9189 24.0231 37.9173 28.4692 37.3486 30.6016C37.0308 31.7838 36.1036 32.7131 34.9287 33.0273C32.796 33.599 24.2383 33.5986 24.2383 33.5986C24.1789 33.5986 15.6786 33.597 13.5488 33.0273C12.3694 32.7088 11.4424 31.7795 11.1289 30.6016C10.5603 28.4692 10.5586 24.0231 10.5586 23.999C10.5586 23.999 10.5587 19.5347 11.1289 17.3965C11.4467 16.2141 12.3737 15.2849 13.5488 14.9707C15.6785 14.4011 24.179 14.3984 24.2383 14.3984ZM21.5059 28.1133L28.6133 23.999L21.5059 19.8838V28.1133Z"
3313                    fill="white" fill-opacity="0.6" />
3314                </svg>
3315              </a>
3316              <a class="active_menu_a" href="https://www.wondershare.de/about/social-media.html" target="_blank">
3317                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3318                  <g opacity="0.8">
3319                    <circle opacity="0.8" cx="16" cy="24" r="2" fill="white" />
3320                    <circle opacity="0.8" cx="24" cy="24" r="2" fill="white" />
3321                    <circle opacity="0.8" cx="32" cy="24" r="2" fill="white" />
3322                  </g>
3323                </svg>
3324              </a>
3325            </div>
3326          </div>
3327          <div class="wsc-footer2020-subnav">
3328            <div class="wsc-footer2020-subnav-content">
3329              <div class="wsc-footer2020-dropdown">
3330                <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false">
3331                  <h5 class="wsc-footer2020-dropdown-title">Hero Produkte</h5>
3332                  <div class="wsc-footer2020-dropdown-icon">
3333                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg">
3334                      <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path>
3335                    </svg>
3336                  </div>
3337                </nav>
3338                <div class="wsc-footer2020-dropdown-menu">
3339                  <ul>
3340                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://filmora.wondershare.de/" target="_blank">Filmora</a> </li>
3341                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://uniconverter.wondershare.de/" target="_blank">UniConverter</a> </li>
3342                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://recoverit.wondershare.de/" target="_blank">Recoverit</a> </li>
3343                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://drfone.wondershare.de/" target="_blank">Dr.Fone</a> </li>
3344                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://pdf.wondershare.de/" target="_blank">PDFelement</a> </li>
3345                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://famisafe.wondershare.com/de/" rel="nofollow" target="_blank">FamiSafe</a> </li>
3346                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/products-solutions/all-products.html" target="_blank">Alle Produkte</a> </li>
3347                  </ul>
3348                </div>
3349              </div>
3350              <div class="wsc-footer2020-dropdown">
3351                <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false">
3352                  <h5 class="wsc-footer2020-dropdown-title">Wondershare</h5>
3353                  <div class="wsc-footer2020-dropdown-icon">
3354                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg">
3355                      <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path>
3356                    </svg>
3357                  </div>
3358                </nav>
3359                <div class="wsc-footer2020-dropdown-menu">
3360                  <ul>
3361                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/products-solutions/digital-creativity/" target="_blank">
3361Creative Center</a> </li>
3362                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/" target="_blank">Über uns</a> </li>
3363                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/news/" target="_blank">Newsroom</a> </li>
3364                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/global-presence.html" target="_blank">Globale Präsenz</a> </li>
3365                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/our-story.html" target="_blank">Rede des Gründers</a> </li>
3366                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/careers.html" target="_blank">Karriere</a> </li>
3367                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/educational-discount.html" target="_blank">Bildung</a> </li>
3368
3369                  </ul>
3370                </div>
3371              </div>
3372              <div class="wsc-footer2020-dropdown">
3373                <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false">
3374                  <h5 class="wsc-footer2020-dropdown-title">KI entdecken</h5>
3375                  <div class="wsc-footer2020-dropdown-icon">
3376                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg">
3377                      <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path>
3378                    </svg>
3379                  </div>
3380                </nav>
3381                <div class="wsc-footer2020-dropdown-menu">
3382                  <ul>
3383                    <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link"
3384                        href="https://www.wondershare.de/ai.html" target="_blank">KI-Tools</a></li>
3385                    <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link"
3386                        href="https://www.wondershare.de/ai-solutions/marketing.html" target="_blank">Marketing</a>
3387                    </li>
3388                    <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link"
3389                        href="https://www.wondershare.de/ai-solutions/social-media.html" target="_blank">Social Media</a></li>
3390                    <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link"
3391                        href="https://www.wondershare.de/ai-solutions/education.html" target="_blank">Bildung</a>
3392                    </li>
3393                    <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link"
3394                        href="https://www.wondershare.de/ai-solutions/business.html" target="_blank">Business</a></li>
3395                  </ul>
3396                </div>
3397              </div>
3398              <div class="wsc-footer2020-dropdown">
3399                <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false">
3400                  <h5 class="wsc-footer2020-dropdown-title">Hilfe-Center</h5>
3401                  <div class="wsc-footer2020-dropdown-icon">
3402                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg">
3403                      <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path>
3404                    </svg>
3405                  </div>
3406                </nav>
3407                <div class="wsc-footer2020-dropdown-menu">
3408                  <ul>
3409                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/contact-us.html" target="_blank">Kontakt</a> </li>
3410                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.com/explore/inspiration.html" rel="nofollow" target="_blank">Video Community</a> </li>
3411                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://support.wondershare.de/" target="_blank">Support-Center</a> </li>
3412                    <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://accounts.wondershare.de/web/login?f=sitefoot" target="_blank">Konto</a> </li>
3413                  </ul>
3414                </div>
3415              </div>
3416              <!--<div class="wsc-footer2020-dropdown">-->
3417              <!-- <div class="wsc-footer2020-dropdown-menu">-->
3418              <!-- <nav class="wsc-footer2020-dropdown-toggle sub-menu
3418-title" aria-expanded="true">-->
3419              <!-- <h5 class="wsc-footer2020-dropdown-title">Folg uns</h5>-->
3420              <!-- </nav>-->
3421              <!-- <ul>-->
3422              <!-- <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-iconlink" href="https://business.facebook.com/WondershareDeutsch/" rel="nofollow" target="_blank">-->
3423              <!-- <img src="https://images.wondershare.com/icon/footer-facebook-icon.svg" width="28" height="28" alt="Facebook">-->
3424              <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://www.instagram.com/wondershare/" rel="nofollow" target="_blank">-->
3425              <!-- <img src="https://images.wondershare.com/icon/footer-ins-icon.svg" width="28" height="28" alt="Ins">-->
3426              <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://twitter.com/wondershare" rel="nofollow" target="_blank">-->
3427              <!-- <img src="https://images.wondershare.com/icon/footer-twitter-icon.svg" width="28" height="28" alt="Twitter">-->
3428              <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://linktr.ee/wondershare_deutsch" rel="nofollow" target="_blank">-->
3429              <!-- <img src="https://images.wondershare.com/icon/footer-youtube-icon.svg" width="28" height="28" alt="Youtube" style="transform: scale(1.15);">-->
3430              <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://www.wondershare.de/about/social-media.html" target="_blank">-->
3431              <!-- <svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="https://www.w3.org/2000/svg">-->
3432              <!-- <circle opacity="0.8" cx="2" cy="2" r="2" fill="white"></circle>-->
3433              <!-- <circle opacity="0.8" cx="8" cy="2" r="2" fill="white"></circle>-->
3434              <!-- <circle opacity="0.8" cx="14" cy="2" r="2" fill="white"></circle>-->
3435              <!-- </svg>-->
3436              <!-- </a>-->
3437              <!-- </li>-->
3438              <!-- </ul>-->
3439              <!-- </div>-->
3440              <!--</div>-->
3441            </div>
3442          </div>
3443        </div>
3444      </div>
3445    </div>
3446    <div class="wsc-footer2020-bottom wsc-footer202004-bottom">
3447      <div class="wsc-footer2020-container">
3448        <div class="wsc-footer2020-bottom-content">
3449          <div class="wsc-footer2020-copyright">
3450            <div class="wsc-footer2020-copyright-top">
3451              <a class="wsc-footer2020-copyright-link"
3452                href="https://www.wondershare.de/company/terms_conditions.html">Unsere AGB</a>
3453              <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/privacy.html">Datenschutzerklärung</a>
3454              <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/impressum.html">Impressum</a>
3455              <a class="wsc-footer2020-copyright-link" id="cookie-preference-link"
3456                href="#cmpscreencustom" target="_self">Cookie-Einstellungen</a>
3457              <a class="wsc-footer2020-copyright-link"
3458                href="https://www.wondershare.de/company/terms-of-use.html">Nutzungsbedingungen</a>
3459              <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/refund-policy.html">Rückerstattung</a>
3460              <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/uninstall.html">Deinstallieren</a>
3461            </div>
3462            <div class="wsc-footer2020-copyright-bottom">
3463              <p>Copyright © <span id="copyright-year"></span> 
3463<script> document.querySelector('#copyright-year').outerHTML = new Date().getFullYear() </script>
3463 Wondershare. Alle Rechte vorbehalten.</p>
3464            </div>
3465          </div>
3466          <div class="wsc-footer2020-mobile-language">
3467            <nav class="wsc-footer2020-mobile-language-toggle" aria-expanded="false">
3468              <span>Sprache</span>
3469              <div class="wsc-footer2020-mobile-language-icon">
3470                <svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="https://www.w3.org/2000/svg">
3471                  <path d="M5 5L0.669873 0.499999L9.33013 0.5L5 5Z" fill="#C4C4C4"></path>
3472                </svg>
3473              </div>
3474            </nav>
3475            <div class="wsc-footer2020-mobile-language-menu">
3476              <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.com/" target="_blank">English</a>
3477            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.ae" target="_blank">Arabic - العربية</a>
3478            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.kr" target="_blank">Korean - 한국어</a>
3479            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.it" target="_blank">Italian - Italiano</a>
3480            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.fr" target="_blank">French - Français</a>
3481            <a class="wsc-footer2020-mobile-language-link active" href="https://www.wondershare.de" target="_blank">German - Deutsch</a>
3482            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.es" target="_blank">Spanish - Español</a>
3483            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.com.ru" target="_blank">Russian - Pусский</a>
3484            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.jp" target="_blank">Japanese - 日本語</a>
3485            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.cn" target="_blank">Chinese - 简体中文</a>
3486<a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.tw" target="_blank">Chinese Traditional - 繁體中文</a>
3487            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.com.br" target="_blank">Portuguese - Português</a>
3488            <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.co.id" target="_blank">Indonesian - Bahasa Indonesia</a>
3489            </div>
3490          </div>
3491        </div>
3492      </div>
3493    </div>
3494  </footer>
3495<!--主站头部块移动端动态脚本-->
3496<script src="https://www.wondershare.com/assets/js/lv2-popup.js"></script>
3496
3497  <!--主站导航增强脚本-->
3498<script src="https://www.wondershare.com/assets/js/wsc-navbar-enhance-2026.js" defer></script>
vendor: 2 bytes, line 3498
3498
3499<script src="https://neveragain.allstatics.com/2019/assets/script/wsc-header-footer-2020.js"></script>
vendor: 2 bytes, line 3499
3499
3500<script src="https://www.wondershare.com/assets/haeder-footer-2026.js"></script>
vendor: 2 bytes, line 3500
3500
3501<script>
3502  (async function() {
3503    setTimeout(function(){
3504      var link = document.querySelector('a#cookie-preference-link');
3505      if (link) {
3506        link.target = '_self';
3507        }
3508    },500)
3509  })();
3510</script>
3510
3511
3512  
3512<script src="https://neveragain.allstatics.com/2019/assets/vendor/wsc-vendor.js"></script>
3512
3513  
3513<script src="https://neveragain.allstatics.com/2019/assets/script/wsc-override-ws.js"></script>
3513
3514  
3514<script src="https://neveragain.allstatics.com/2019/assets/script/wsc-common.js"></script>
3514
3515  
3515<script>
3516    $(function () {
3517      wsc.common.init()
3518    })
3519  </script>
3519
3520
3521<script type="text/javascript" src="https://images.wondershare.com/assets/js/chunk-vendors.js"></script>
vendor: 1 bytes, line 3521
3521
3522<script type="text/javascript" src="https://images.wondershare.com/assets/js/app.js"></script>
3522
3523
3524<!--web notification code-->
3525<script>
3526    var _NOTIFICATION_CONFIG = {
3527        worker: 'https://www.wondershare.de/web-notification/sw.js',
3528        wsNotificationJsPath: 'https://dc-static.wondershare.com/notification/wsNotification.js',
3529        trackUrl: 'https://prod-web.wondershare.cc/api/v1/prodweb/notification'
3530    };
3531    (function() {
3532        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
3533        g.type='text/javascript'; g.async=true; g.defer=true; g.src=_NOTIFICATION_CONFIG.wsNotificationJsPath; s.parentNode.insertBefore(g,s);
3534    })();
3535</script>
3535
3536<!-- end web notification code-->
3537<script type="text/javascript" src="https://images.wondershare.com/scripts/affiliate.js"></script>
vendor: 1 bytes, line 3537
3537
3538<script type="text/javascript">
3539      var addthis_config = {
3540         data_ga_property: 'UA-4839360-2',
3541         data_ga_social : true,
3542         data_track_clickback:false
3543      };
3544</script>
vendor: 1 bytes, line 3544
3544
3545<script type="text/javascript">
3546/* <![CDATA[ */
3547var google_conversion_id = 1004581587;
3548var google_conversion_label = "_Id7COW6vwMQ0-WC3wM";
3549var google_custom_params = window.google_tag_params;
3550var google_remarketing_only = true;
3551/* ]]> */
3552</script>
vendor: 1 bytes, line 3552
3552
3553<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
3554</script>
3554
3555<noscript>
3556<div style="display:none;"> <img height="0" width="0" style="border-style:none;" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1004581587/?value=0&amp;label=_Id7COW6vwMQ0-WC3wM&amp;guid=ON&amp;script=0"/> </div>
3557</noscript>
3558
3559<!-- Hotjar Tracking Code for https://www.wondershare.com/ -->
3560<script>
vendor: 154 bytes, lines 3560-3566
3560
3561  (function (h, o, t, j, a, r) {
3562    h.hj = h.hj || function () {
3563      (h.hj.q = h.hj.q || []).push(arguments)
3564    };
3565    h._hjSettings = {
3566      hjid: 
35661065729
vendor: 275 bytes, lines 3566-3574
3566,
3567      hjsv: 6
3568    };
3569    a = o.getElementsByTagName('head')[0];
3570    r = o.createElement('script');
3571    r.async = 1;
3572    r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
3573    a.appendChild(r);
3574  })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
3575</script>
vendor: 1 bytes, line 3575
3575
3576<script src="https://www.wondershare.com/ga360/js/ga360-add.js"></script>
3576
3577
3578<!-- Start of wondershare chatbot Widget script -->
3579<script>
3580  if (!(navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i))) {
3581    var script = document.createElement('script');
3582      script.id = "ws-snippet";
3583      script.type = 'text/javascript';
3584      script.async = true;
3585      script.src = "https://crm-static.wondershare.cc/chatbot/latest/assets/snippet.js?key=1471201a-2d77-a159-56c2-1886ea06d75c";
3586      document.body.appendChild(script);
3587  }
3588</script>
3588
3589<!-- End of wondershare chatbot Widget script -->
3590
3591<!-- 移动端fx商城引导组合弹窗 -->
3592<script>
3593  var configAppCombinationModalData = {
3594    proLogo: 'https://neveragain.allstatics.com/2019/assets/icon/logo/filmora-square.svg',
3595    bottomTitle: 'Filmora - KI Video Editor',
3596    bottomDesc: 'Bearbeiten Sie schneller, intelligenter und einfacher!',
3597    bottomBtnText: 'ÖFFNEN',
3598    bottomJumpUrl: 'https://app.adjust.com/o5pmr5w_1c00iql',
3599    modalText: "Filmora - KI Video Editor",
3600    modalJumpUrl: 'https://app.adjust.com/o5pmr5w_1c00iql',
3601    modalContentList: ['Auto-erstellen Sie filmreife Geschichten aus Ihren Highlights', 'Verwandeln Sie Ihre Eingaben in fesselnde Videos','Entfernen Sie mühelos unerwünschte Videoelemente','Unendliche Vorlagen & Ressourcen für jeden Stil'],
3602    modalWhiteBtnText: 'Verstanden',
3603    modalActionBtnText: 'App öffnen',
3604    hideLinkArr: []
3605  }
3606</script>
vendor: 1 bytes, line 3606
3606
3607<script src="https://www.wondershare.com/assets/js/ws-fx-app-modal.js"></script>
3607<script src="https://neveragain.allstatics.com/2019/assets/vendor/swiper.min.js"></script>
vendor: 1 bytes, line 3607
3607
3608<script src="https://www.wondershare.com/assets/aos/aos.min.js"></script>
vendor: 1 bytes, line 3608
3608
3609<script src="https://www.wondershare.com/assets/js/lenis.min.js" defer=""></script>
vendor: 1 bytes, line 3609
3609
3610<script>
3611  $(function() {
3612    if(window.innerWidth > 1279) {
3613      // Lenis 延迟初始化,等待脚本加载(最多重试60次=3秒)
3614      var lenisRetry = 0;
3615      function initLenis() {
3616        if (typeof Lenis !== 'undefined') {
3617          try {
3618            var lenis = new Lenis({
3619              lerp: 0.1,
3620              smooth: true,
3621              wheelMultiplier: 1,
3622            });
3623            function raf(time) {
3624              lenis.raf(time);
3625              requestAnimationFrame(raf);
3626            }
3627            requestAnimationFrame(raf);
3628          } catch(e) {
3629            // Lenis 初始化失败,不影响页面正常使用
3630          }
3631        } else if (lenisRetry < 60) {
3632          lenisRetry++;
3633          setTimeout(initLenis, 50);
3634        }
3635        // 超过重试次数则放弃,页面使用默认滚动
3636      }
3637      initLenis();
3638    }
3639  })
3640
3641  // 初始化 AOS,移动端优化版本
3642  function initAOS() {
3643    var isMobile = window.innerWidth < 1280;
3644
3645    if (typeof AOS !== 'undefined') {
3646      AOS.init({
3647        offset: 200,
3648        duration: isMobile ? 200 : 800, // 移动端缩短到 200ms
3649        easing: 'ease-out', // 改为 ease-out,感觉更快
3650        delay: 0,
3651        disable: false, // ✅ 保持启用
3652        once: true, // ✅ 元素只动画一次
3653        mirror: false, // ✅ 禁用反向动画
3654        throttle: isMobile ? 199 : 99 // ✅ 移动端 199ms 节流
3655      });
3656
3657      // ✅ 所有设备都启用快速滚动兜底,确保 AOS 正确触发
3658      var checkVisibilityTimer;
3659      var lastScrollTop = -1;
3660      var scrollSpeedThreshold = isMobile ? 50 : 100; // 移动端敏感度更高
3661
3662      window.addEventListener('scroll', function() {
3663        clearTimeout(checkVisibilityTimer);
3664        var currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
3665        var delta = Math.abs(currentScrollTop - lastScrollTop);
3666        lastScrollTop = currentScrollTop;
3667
3668        // 快速滚动时确保元素可见
3669        if (delta > scrollSpeedThreshold) {
3670          checkVisibilityTimer = setTimeout(function() {
3671            var aosElements = document.querySelectorAll('[data-aos]');
3672            aosElements.forEach(function(el) {
3673              var computedStyle = window.getComputedStyle(el);
3674              if ((el.style.opacity === '0' || computedStyle.opacity === '0') &&
3675                  el.getBoundingClientRect().top < window.innerHeight * 1.2) {
3676                el.style.opacity = '1';
3677                el.style.visibility = 'visible';
3678              }
3679            });
3680          }, isMobile ? 100 : 300); // 移动端更快响应
3681        }
3682      }, { passive: true });
3683    } else if (typeof AOS === 'undefined') {
3684      setTimeout(initAOS, 50);
3685    }
3686  }
3687
3688  if (document.readyState === 'loading') {
3689    document.addEventListener('DOMContentLoaded', initAOS);
3690  } else {
3691    initAOS();
3692  }
3693</script>
vendor: 1 bytes, line 3693
3693
3694<script>
3695  document.addEventListener('DOMContentLoaded', function() {
3696    (function(){
3697
3698      var bannerVideo = document.querySelector('.banner-video');
3699      if (bannerVideo) {
3700        var loadBannerVideo = function() {
3701          bannerVideo.src = 'https://www.wondershare.com/videos/videos2026/overview/part-banner-video1.mp4';
3702          bannerVideo.setAttribute('autoplay', '');
3703        };
3704        var lcpImg = document.querySelector('.part-banner picture img');
3705        if (lcpImg && lcpImg.complete) {
3706          setTimeout(loadBannerVideo, 100);
3707        } else if (lcpImg) {
3708          lcpImg.addEventListener('load', function() { setTimeout(loadBannerVideo, 100); });
3709        } else {
3710          setTimeout(loadBannerVideo, 1000);
3711        }
3712      }
3713
3714      // 懒加载视频:使用 IntersectionObserver 替代 scroll 事件
3715      var lazy_videos = document.querySelectorAll('.lazy-video');
3716      if ('IntersectionObserver' in window) {
3717        var videoObserver = new IntersectionObserver(function(entries) {
3718          entries.forEach(function(entry) {
3719            if (entry.isIntersecting) {
3720              var el = entry.target;
3721              el.poster = el.getAttribute('data-poster');
3722              if(document.body.clientWidth >= 768){
3723                el.src = el.getAttribute('data-src');
3724              } else {
3725                el.src = el.getAttribute('data-src-m') || el.getAttribute('data-src');
3726              }
3727              if (el.getAttribute('autoplay') === null && document.body.clientWidth < 768) {
3728                el.setAttribute('autoplay', 'true');
3729              }
3730              videoObserver.unobserve(el);
3731            }
3732          });
3733        }, { rootMargin: '200px 0px' });
3734        lazy_videos.forEach(function(el) { videoObserver.observe(el); });
3735      } else {
3736        // 回退:直接加载
3737        lazy_videos.forEach(function(el) {
3738          el.poster = el.getAttribute('data-poster');
3739          el.src = (document.body.clientWidth >= 768) ? el.getAttribute('data-src') : (el.getAttribute('data-src-m') || el.getAttribute('data-src'));
3740        });
3741      }
3742
3743    })()
3744  });
3745</script>
vendor: 1 bytes, line 3745
3745
3746<script>
3747  document.querySelectorAll('.faq-list-item').forEach(function(item) {
3748    item.addEventListener('click', function() {
3749      var contentBox = this.querySelector('.faq-content-box');
3750      if (!contentBox) return;
3751
3752      var isCurrentOpen = contentBox.classList.contains('is-open');
3753
3754      // 关闭所有其他的项
3755      document.querySelectorAll('.faq-list-item').forEach(function(otherItem) {
3756        if (otherItem !== item) {
3757          var otherContentBox = otherItem.querySelector('.faq-content-box');
3758          var otherSecondLine = otherItem.querySelector('.open-close-wrapper .open-close-line-2:nth-child(2)');
3759          
3760          if (otherContentBox && otherContentBox.classList.contains('is-open')) {
3761            // 关闭其他项
3762            otherContentBox.style.height = otherContentBox.scrollHeight + 'px';
3763            otherContentBox.offsetHeight; // 强制 reflow
3764            otherContentBox.style.height = '0';
3765            otherContentBox.classList.remove('is-open');
3766          }
3767          
3768          // 确保所有其他项的第二条线都有 second-line 类(恢复到初始关闭状态)
3769          if (otherSecondLine) {
3770            otherSecondLine.classList.add('second-line');
3771          }
3772        }
3773      });
3774
3775      // 处理当前点击项的开关
3776      var secondLine = this.querySelector('.open-close-wrapper .open-close-line-2:nth-child(2)');
3777      if (secondLine) {
3778        secondLine.classList.toggle('second-line');
3779      }
3780
3781      if (isCurrentOpen) {
3782        // 关闭:先设为当前高度,再过渡到0
3783        contentBox.style.height = contentBox.scrollHeight + 'px';
3784        contentBox.offsetHeight; // 强制 reflow
3785        contentBox.style.height = '0';
3786        contentBox.classList.remove('is-open');
3787      } else {
3788        // 展开:先确保高度为0,再过渡到 scrollHeight
3789        contentBox.style.height = '0';
3790        contentBox.offsetHeight; // 强制 reflow
3791        contentBox.classList.add('is-open');
3792        contentBox.style.height = contentBox.scrollHeight + 'px';
3793        contentBox.addEventListener('transitionend', function handler() {
3794          if (contentBox.classList.contains('is-open')) {
3795            contentBox.style.height = 'auto';
3796          }
3797          contentBox.removeEventListener('transitionend', handler);
3798        });
3799      }
3800    });
3801  });
3802</script>
3802
3803
3804<script>
3805  function createCommonSwiper(elm){
3806    $(elm).addClass('swiper-container').addClass('flex-height')
3807    $(elm).children('.swiper-wrapper-m').addClass('swiper-wrapper').children().not('.swiper-item-hide').addClass('swiper-slide')
3808    if($(elm).children().hasClass('row')) {
3809      $(elm).children().removeClass('row')
3810    }
3811    if($(elm).children().children().hasClass('col-xl-6')) {
3812      $(elm).children().children().removeClass('col-xl-6')
3813    }
3814    var slideCount = $(elm).children('.swiper-wrapper-m').children().length;
3815    return new Swiper(elm, {
3816      slidesPerView: 1,
3817      spaceBetween: 0,
3818      loop: true,
3819      loopedSlides: slideCount,
3820      pagination: {
3821        el: elm + ' .swiper-pagination',
3822        clickable :true,
3823      },
3824      on: {
3825          paginationRender: function () {
3826              var a = document.querySelectorAll('.swiper-pagination-bullet')
3827              var that = this
3828              a.forEach(function (el) {
3829                  el.addEventListener('animationend', function () {
3830                      that.slideNext()
3831                  })
3832              })
3833          }
3834      }
3835    })
3836  }
3837  if(window.innerWidth < 1280) {
3838    createCommonSwiper('.function-swiper1-m');
3839
3840    $('.tab-content .tab-pane').addClass('active').addClass('show')
3841    createCommonSwiper('.function-swiper2-m');
3842    createCommonSwiper('.function-swiper3-m');
3843  }
3844</script>
3844
3845</body>
3846</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.