.button,.button.disabled,.button[disabled],.button.disabled:hover,.button[disabled]:hover,.button.disabled:focus,.button[disabled]:focus{background-color:#2598F1;color:#fefefe}html,body{font-family:"Nunito", sans-serif}button{border-radius:4px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;margin-right:10px;-webkit-transition:0.1s;transition:0.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px}.btn-convert{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.btn-convert:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.btn-demo{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.btn-demo:hover{background:#909399;border-color:#909399;color:#fff}.btn-copy{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.btn-copy:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.btn-export{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.btn-export:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.btn-reset{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.btn-reset:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}@media (max-width:640px){.upload-box{padding:15px}}.upload-box .upload-wrapper{border:2px dashed #bbb;border-radius:5px;text-align:center;color:#bbb;position:relative;user-select:none;padding:25px 0 45px 0;background:#fff;transition:background 0.3s}.upload-box .upload-wrapper:hover{background:#f2f7ff}.upload-box .upload-wrapper .upload-img{height:120px}.upload-box .upload-wrapper .upload-img img{height:100%}.upload-box .upload-wrapper .upload-btn{margin-top:10px;margin-bottom:15px}.upload-box .upload-wrapper .upload-btn button{font-size:16px;background:#409eff;border-radius:4px;width:120px;text-align:center;height:36px;line-height:36px;padding:0;margin:0 6px}.upload-box .upload-wrapper .upload-btn button:hover{background:#66b1ff}.upload-box .upload-wrapper .upload-btn button.choose-dir{background:#fff;color:#555;border:1px solid #eaeaea}.upload-box .upload-wrapper .upload-btn button.choose-dir:hover{color:#66b1ff;border-color:#66b1ff}.upload-box .upload-wrapper .upload-title{font-size:16px;color:#131a22;margin-bottom:15px}.upload-box .upload-wrapper .upload-subtitle{color:#bbb;font-size:14px}header{background:#1684EB;color:#fff;min-height:70px;padding-top:20px}@media (max-width:460px){header{min-height:50px}}header a{color:#fff}header .logo{float:left}@media (max-width:460px){header .logo{float:none;text-align:center}}header .logo a{font-size:22px;font-weight:700}@media (max-width:460px){header .logo a{font-size:20px}}header .logo a:hover{color:#fff}header .top-nav{float:right}@media (max-width:460px){header .top-nav{float:none;text-align:center;margin-top:4px}}header .top-nav li{list-style-type:none;display:inline-block;margin-left:15px}@media (max-width:460px){header .top-nav li{margin-left:10px}}header .top-nav li a{font-size:15px}header .top-nav li a:hover{color:#fff;text-decoration:underline}@media (max-width:460px){header .top-nav li a{font-size:14px}}header .lang-btn{cursor:pointer;padding:0 12px;border-radius:5px;line-height:36px;font-size:14px}header .lang-btn::before{display:inline-block;content:"";width:20px;height:20px;border-radius:50%;color:#fff;line-height:36px;margin-bottom:3px;background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExLjk5IDJDNi40NyAyIDIgNi40OCAyIDEyczQuNDcgMTAgOS45OSAxMEMxNy41MiAyMiAyMiAxNy41MiAyMiAxMlMxNy41MiAyIDExLjk5IDJ6bTYuOTMgNmgtMi45NWMtLjMyLTEuMjUtLjc4LTIuNDUtMS4zOC0zLjU2IDEuODQuNjMgMy4zNyAxLjkxIDQuMzMgMy41NnpNMTIgNC4wNGMuODMgMS4yIDEuNDggMi41MyAxLjkxIDMuOTZoLTMuODJjLjQzLTEuNDMgMS4wOC0yLjc2IDEuOTEtMy45NnpNNC4yNiAxNEM0LjEgMTMuMzYgNCAxMi42OSA0IDEycy4xLTEuMzYuMjYtMmgzLjM4Yy0uMDguNjYtLjE0IDEuMzItLjE0IDJzLjA2IDEuMzQuMTQgMkg0LjI2em0uODIgMmgyLjk1Yy4zMiAxLjI1Ljc4IDIuNDUgMS4zOCAzLjU2LTEuODQtLjYzLTMuMzctMS45LTQuMzMtMy41NnptMi45NS04SDUuMDhjLjk2LTEuNjYgMi40OS0yLjkzIDQuMzMtMy41NkM4LjgxIDUuNTUgOC4zNSA2Ljc1IDguMDMgOHpNMTIgMTkuOTZjLS44My0xLjItMS40OC0yLjUzLTEuOTEtMy45NmgzLjgyYy0uNDMgMS40My0xLjA4IDIuNzYtMS45MSAzLjk2ek0xNC4zNCAxNEg5LjY2Yy0uMDktLjY2LS4xNi0xLjMyLS4xNi0ycy4wNy0xLjM1LjE2LTJoNC42OGMuMDkuNjUuMTYgMS4zMi4xNiAycy0uMDcgMS4zNC0uMTYgMnptLjI1IDUuNTZjLjYtMS4xMSAxLjA2LTIuMzEgMS4zOC0zLjU2aDIuOTVjLS45NiAxLjY1LTIuNDkgMi45My00LjMzIDMuNTZ6TTE2LjM2IDE0Yy4wOC0uNjYuMTQtMS4zMi4xNC0ycy0uMDYtMS4zNC0uMTQtMmgzLjM4Yy4xNi42NC4yNiAxLjMxLjI2IDJzLS4xIDEuMzYtLjI2IDJoLTMuMzh6Ii8+PC9zdmc+");vertical-align:middle;margin-right:2px;background-repeat:no-repeat;background-position:center;background-size:100%}header .lang-btn::after{display:inline-block;padding:0 10px 0 6px;content:"";width:8px;height:8px;border-radius:50%;color:#fff;margin-left:4px;line-height:36px;margin-bottom:2px;background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTM3LjQgMzc0LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTI4LTEyOGM5LjItOS4yIDExLjktMjIuOSA2LjktMzQuOXMtMTYuNi0xOS44LTI5LjYtMTkuOEwzMiAxOTJjLTEyLjkgMC0yNC42IDcuOC0yOS42IDE5LjhzLTIuMiAyNS43IDYuOSAzNC45bDEyOCAxMjh6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:center;background-size:60%}header .lang-btn>ul{display:none;position:absolute;right:18px;top:35px;z-index:999;width:340px;flex-wrap:wrap;background:#fff;border:1px solid #eaeaea}@media (max-width:460px){header .lang-btn>ul{top:76px;right:0;width:100%}}header .lang-btn>ul li{width:50%;line-height:38px;padding:0 20px;align-items:center;color:#000;margin-left:0 !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:4px solid #fff;margin-bottom:0 !important}@media (max-width:460px){header .lang-btn>ul li{border:1px dashed #f1f1f1}}header .lang-btn>ul li.active,header .lang-btn>ul li:hover{border-left:4px solid #1684EB;background:#f1f3f4}header .lang-btn>ul li a{color:#000;font-size:14px !important;font-weight:400;text-decoration:none !important;display:block;user-select:none}header .lang-btn>ul li a:hover{color:#000 !important}header .lang-btn:hover ul{display:flex}footer,.footer{background:#373d41;padding:30px 0;border-top:1px solid #eaeaea;color:#999}footer a,.footer a{color:#73777a}footer a:hover,.footer a:hover{color:#fff}footer .footer-nav a,.footer .footer-nav a{color:#9b9ea0;margin-right:35px}@media (max-width:760px){footer .footer-nav a,.footer .footer-nav a{margin-right:10px;font-size:13px}}footer .footer-nav a:hover,.footer .footer-nav a:hover{color:#fff}footer .friend-link,.footer .friend-link{margin-bottom:20px;margin-top:30px}footer .friend-link a,.footer .friend-link a{font-size:14px;margin-left:0;margin-right:15px}footer p.copyright,.footer p.copyright{font-size:14px;text-align:left;color:#73777a}.section-box{margin-top:60px;background:#f8fafc;border:1px solid #eaeaea;padding:35px;border-radius:8px;margin-bottom:60px;box-shadow:0px 4px 8px rgba(231, 230, 236, 0.9)}@media (max-width:640px){.section-box{border-radius:0;border:none;box-shadow:none}}.section-box.hover:hover{background:#f1f5f9}.section-box h2{font-weight:bold;font-size:32px;line-height:42px;letter-spacing:-0.02em;text-align:center;color:#0f172a;margin-bottom:35px}@media (max-width:640px){.section-box h2{font-size:26px}}.section-box .section-content{max-width:820px;margin:auto}.tool-group .tool-item{text-align:center;border:1px solid #ddd;margin-bottom:30px;display:block;padding:10px;border-radius:6px}.tool-group .tool-item:hover{background:#eaeaea}.tool-group .tool-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.page-index{background:#f5f5f5}body.page-index header{height:400px}@media (max-width:640px){body.page-index main .grid-container{padding:0}}body.page-index main .h1-box{margin:15px;text-align:center;margin-top:-300px}body.page-index main .h1-box h1{font-size:36px;color:#fff}@media (max-width:640px){body.page-index main .h1-box h1{font-size:24px}}body.page-index main .h1-box .h1-subtitle{line-height:1.8;color:#fff}@media (max-width:640px){body.page-index main .h1-box .h1-subtitle{font-size:14px}}body.page-index main .tool-wrapper{margin:35px 0;min-height:400px;border-radius:20px;background:#fff;border:1px solid #eaeaea;box-shadow:0px 5px 8px rgba(231, 230, 236, 0.9)}@media (max-width:640px){body.page-index main .tool-wrapper{border-radius:0;border:none;box-shadow:none}}body.page-index main .tool-wrapper .radio{user-select:none}body.page-index main .tool-wrapper .tool-box{padding:30px}@media (max-width:640px){body.page-index main .tool-wrapper .tool-box{padding:20px}}body.page-index main p{font-weight:500;font-size:14px;line-height:24px;color:#64748b}body.page-index main h3{font-size:20px}body.page-index main .feature-box .feature-item{margin-bottom:35px;padding:15px;position:relative}@media (max-width:640px){body.page-index main .feature-box .feature-item{margin-bottom:0}}body.page-index main .feature-box .feature-item:hover{background:#f1f1f1;border-radius:4px}body.page-index main .feature-box .feature-item .feature-icon i{font-size:36px;margin-bottom:25px}@media (max-width:640px){body.page-index main .feature-box .feature-item .feature-icon i{font-size:24px;margin-bottom:10px;position:absolute;left:15px;top:15px}}body.page-index main .feature-box .feature-item h3{font-weight:600;margin-bottom:25px;color:#263238;font-size:22px}@media (min-width:760px){body.page-index main .feature-box .feature-item h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media (max-width:640px){body.page-index main .feature-box .feature-item h3{font-size:20px;margin-bottom:15px;margin-left:35px}}body.page-index main .feature-box .feature-item h3 p{min-height:80px;font-size:16px;font-weight:400;line-height:27px;color:#676F73}@media (min-width:760px){body.page-index main .feature-box .feature-item h3 p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}@media (max-width:640px){body.page-index main .feature-box .feature-item h3 p{margin-bottom:0}}body.page-index main .section-box{margin-top:60px;background:#f8fafc;border:1px solid #eaeaea;padding:35px;border-radius:8px;box-shadow:0px 4px 8px rgba(231, 230, 236, 0.9)}@media (max-width:640px){body.page-index main .section-box{border-radius:0;border:none;box-shadow:none}}body.page-index main .section-box:hover{background:#f1f5f9}body.page-index main .section-box h2{font-weight:bold;font-size:32px;line-height:42px;letter-spacing:-0.02em;text-align:center;color:#0f172a;margin-bottom:35px}@media (max-width:640px){body.page-index main .section-box h2{font-size:26px}}body.page-index main .section-box .section-content{max-width:820px;margin:auto}body.page-tool{background:#f5f5f5}body.page-tool header{height:200px}@media (max-width:640px){body.page-tool main .grid-container{padding:0}}body.page-tool main .h1-box{margin:15px;text-align:center;margin-top:-100px;margin-bottom:90px}body.page-tool main .h1-box h1{font-size:36px;color:#fff}@media (max-width:640px){body.page-tool main .h1-box h1{font-size:24px}}body.page-tool main .h1-box .h1-subtitle{line-height:1.8;color:#fff}@media (max-width:640px){body.page-tool main .h1-box .h1-subtitle{font-size:14px}}body.page-tool main .tool-wrapper{margin:35px 0;min-height:400px;border-radius:20px;background:#fff;border:1px solid #eaeaea;box-shadow:0px 5px 8px rgba(231, 230, 236, 0.9)}@media (max-width:640px){body.page-tool main .tool-wrapper{border-radius:0;border:none;box-shadow:none}}body.page-tool main .tool-wrapper .radio{user-select:none}body.page-tool main .tool-wrapper .tool-box{padding:30px}@media (max-width:640px){body.page-tool main .tool-wrapper .tool-box{padding:20px}}body.page-tool main p{font-weight:500;font-size:14px;line-height:24px;color:#64748b}body.page-tool main h3{font-size:20px}body.page-tool .btn-box{text-align:center}body.page-tool .result-box{margin-top:35px}body.page-tool .result-box .result-tip{margin-bottom:15px;color:#555}.faqs-box{margin-top:60px;margin-bottom:60px}.faqs-box h2{text-align:center;font-weight:bold;font-size:32px;line-height:42px;letter-spacing:-0.02em;text-align:center;color:#0f172a;margin-bottom:40px}.faqs-box .faq-item{padding:30px;box-sizing:border-box;border-radius:12px;cursor:pointer;background:#f8fafc;width:100%;margin:0 auto 30px auto;box-shadow:0px 5px 8px rgba(231, 230, 236, 0.9)}@media (max-width:640px){.faqs-box .faq-item{border-radius:0;border:none;box-shadow:none}}.faqs-box .faq-item:hover{background:#f1f5f9}.faqs-box .faq-item .faq-header h3{font-weight:600;font-size:16px;line-height:24px;color:#1e293b;position:relative;margin-bottom:0}.faqs-box .faq-item .faq-header h3::after{content:"";width:24px;height:24px;border-radius:50%;margin-left:32px;background:#e2e8f0;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNDczIDkuODg2IDExLjMgNy4wNmEuNjY3LjY2NyAwIDEgMC0uOTQtLjk0Nkw4IDguNDczbC0yLjM2LTIuMzZhLjY2Ny42NjcgMCAwIDAtMS4wODQuMjE3LjY2Ny42NjcgMCAwIDAtLjA1LjI1Ni42NjcuNjY3IDAgMCAwIC4xOTQuNDczbDIuODI2IDIuODI3YS42NjcuNjY3IDAgMCAwIC45NDcgMFoiIGZpbGw9IiM2NDc0OEIiLz48L3N2Zz4=");background-repeat:no-repeat;top:0;right:0;background-position:center;background-size:90%;transform:rotate(0);transition:0.3s cubic-bezier(0.25, 0.1, 0.25, 1)}.faqs-box .faq-item .faq-content{margin-top:15px;display:none}.faqs-box .faq-item .faq-content p{margin-top:16px;margin-right:62px;margin-bottom:0}.faqs-box .faq-item.expanded .faq-header h3::after{transform:rotate(-180deg) !important}.faqs-box .faq-item.expanded .faq-content{display:block}body.page-single{background:#f5f5f5}body.page-single .page-content{padding:15px 25px;background:#fff;margin:30px 0;border-radius:8px}body.page-single .page-content article{margin-top:35px}body.page-single .page-content h1{margin-top:25px;font-size:32px}body.page-single .page-content h2{margin-top:25px;font-size:28px}body.page-single .page-content h3{margin-top:20px;font-size:22px}body.page-single .page-content h4{margin-top:15px;font-size:18px}body.page-single .page-content p{font-size:16px;margin-bottom:15px}body.page-single .page-content ul{margin-left:35px}body.page-single .page-content ul li{list-style-type:disc !important;margin-bottom:10px}.drag-box{border:2px dashed #bbb;margin-bottom:30px;border-radius:5px;text-align:center;height:200px;font:20pt bold, "Vollkorn";color:#bbb;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none}.drag-box .tip-word{line-height:1.8;text-align:center}@media (max-width:640px){.drag-box .tip-word{font-size:18px}}.drag-box .file-picker{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer}.bg-transparent{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEX5+fns7OzSP6FoAAAAG0lEQVQY02P4//9/AwMDw5CngaD+//8DQ50GAO2gqCu/k7NTAAAAAElFTkSuQmCC")}video.preview-video{height:300px;width:100%;-o-object-fit:contain;object-fit:contain;background-color:#333;margin:0 auto;border:1px solid #9e9e9e}label{margin-bottom:20px}.shell-ui{margin-top:20px;background:#333;border:1px solid #eaeaea}.shell-ui textarea{background:rgba(0, 0, 0, 0);outline:none;border:none;color:#fff;height:260px;width:100%;overflow-y:auto;text-align:left;white-space:pre-wrap;font-size:12px;padding:20px;margin-bottom:0}.btn-box{margin-top:20px}.social-link{list-style:none;padding:0;margin:0;text-align:center}.social-link .social-link-item{display:inline-block;margin:10px}.social-link .social-link-item a{display:block;width:100%;height:100%}.social-link .social-link-item a span{display:inline-block;width:22px;height:22px;background-size:cover;background-position:center;text-indent:-9999px;transition:background-color 0.3s ease}.social-link .social-link-item a .link-x{background:url("data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%22%20fill%3D%22%2373777a%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.901%201.153h3.68l-8.04%209.19L24%2022.846h-7.406l-5.8-7.584-6.638%207.584H.474l8.6-9.83L0%201.154h7.594l5.243%206.932ZM17.61%2020.644h2.039L6.486%203.24H4.298Z%22%3E%3C/path%3E%3C%2Fsvg%3E")}.social-link .social-link-item a .link-youtube{background:url("data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%22%20fill%3D%22%2373777a%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.498%206.186a3.016%203.016%200%2000-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%2000%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.016%203.016%200%2000%202.122%202.136c1.871.505%209.376.505%209.376.505s7.505%200%209.377-.505a3.015%203.015%200%2000%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012l-6.273%203.568z%22%3E%3C/path%3E%3C%2Fsvg%3E")}.social-link .social-link-item a .link-facebook{background:url("data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%22%20fill%3D%22%2373777a%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%2001%201.141.195v3.325a8.623%208.623%200%2000-.653-.036%2026.805%2026.805%200%2000-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%2000-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%3E%3C/path%3E%3C%2Fsvg%3E")}.social-link .social-link-item:hover a span{transform:scale(1.3)}