.content-wrapper{background-color:#182722;color:#fff;overflow:hidden}.free-tools-wrap{color:#fff;max-width:1200px;margin:0 auto}.free-tools-wrap h1,.free-tools-wrap h2,.free-tools-wrap h3,.free-tools-wrap h4,.free-tools-wrap h5,.free-tools-wrap h6{color:#fff}.text-center{text-align:center}.f40{font-size:40px}.lh-2{line-height:2}.free-tools__main-title{text-align:center;color:#00e091 !important;font-weight:bold;font-size:50px;line-height:95px;margin-top:90px}.free-tools__description{font-size:28px;text-align:center;line-height:50px}.free-tools__tip{text-align:center;color:#00e091;font-size:28px}.generator-wrap{display:flex;flex-wrap:wrap;gap:80px;justify-content:space-between;margin-bottom:120px}.white-shadow-box{padding:30px;box-sizing:border-box;border-radius:10px;box-shadow:0px 0px 20px 5px rgba(255, 255, 255, 0.25);background-color:#18181b}.green-shadow-box{box-sizing:border-box;border-radius:10px;box-shadow:0px 0px 50px 5px rgba(0, 224, 145, 0.26);border:1px solid rgba(0, 224, 145, 0.8);border:1px solid #00e091;text-align:center;background-color:#101010}.block-title{display:flex;gap:18px;align-items:end;margin-bottom:50px}.block-title .title-img{width:97px;height:97px}.pro-wrap{margin-bottom:120px;display:flex;flex-wrap:wrap;justify-content:center;gap:60px}.pro-wrap .pro-item{margin-top:60px;width:360px}.pro-wrap .pro-item .pro-title{text-align:center;margin-top:60px;width:360px;height:121px;border-radius:10px;background-color:#2a3833;color:#00e091;font-size:24px}.pro-wrap .pro-item .pro-title .pro-image{width:120px;height:120px;margin:-60px auto 4px}.pro-wrap .pro-item .pro-desc{margin-top:10px;font-size:18px}.qa-wrap{text-align:left;padding:35px 25px;font-size:20px}.qa-wrap .qa-title{font-weight:bold;margin-bottom:4px}.qa-wrap .qa-desc{color:#f3f6f990;margin-bottom:40px}.qa-wrap .qa-divider{width:1000px;margin:0 auto;border-bottom:1px solid #ffffff80;margin-bottom:40px}.stream-wrap{width:324px;padding:46px 25px;box-sizing:border-box;background-repeat:no-repeat}.stream-title{display:flex;border-bottom:1px solid #ffffff80;margin-bottom:38px;font-size:28px;padding-left:10px}.stream-title span{text-align:center;display:block;width:100%}.stream-title .stream-img{width:40px;height:40px}.stream-title .stream-desc{font-size:24px}.copy-wrap{width:550px;padding:27px 25px;box-sizing:border-box;text-align:left}.copy-wrap .copy-title{padding-bottom:14px;font-size:28px;width:280px;border-bottom:1px solid #ffffff80;margin-bottom:20px}.copy-wrap .copy-item{display:flex;gap:15px;font-size:20px;color:#cecece;margin-bottom:20px}.copy-wrap .copy-item .copy-icon{width:30px;height:30px;cursor:pointer;margin-top:4px}.copy-wrap .copy-item .copy-ok-icon{display:none;width:30px;height:30px;cursor:pointer;margin-top:4px}.generator-wrap .tool-box{width:560px;min-height:520px}.generator-wrap .tool-box .link-label{font-size:20px;line-height:28px;margin-bottom:20px}.generator-wrap .tool-box .link-input{width:100%;height:50px;border-radius:10px;background-color:rgba(255, 255, 255, 1);border:1px solid rgba(187, 187, 187, 1);text-indent:20px;margin-bottom:20px}.generator-wrap .tool-box .link-textarea{width:100%;height:140px;border-radius:10px;background-color:rgba(255, 255, 255, 1);padding:14px;line-height:1.5;margin-bottom:22px;resize:none}.generator-wrap .tool-box .link-template-wrap{height:30px;margin-bottom:23px;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.generator-wrap .tool-box .link-template-wrap .link-tags{flex:1;display:flex;align-items:center;gap:10px}.generator-wrap .tool-box .link-template-wrap .link-tags .link-tag{background-color:#fff;height:30px;line-height:28px;border-radius:10px;color:rgba(16, 16, 16, 1);font-size:14px;text-align:center;border:1px solid rgba(187, 187, 187, 1);padding:0 10px;cursor:pointer;overflow:hidden}.generator-wrap .tool-box .link-template-wrap .link-tags .link-tag:hover{background:linear-gradient(145.78deg, rgba(0, 224, 145, 0.8) 8.84%, rgba(64, 14, 240, 1) 95.36%);color:#fff}.generator-wrap .tool-box .link-btns{display:flex;align-items:center;justify-content:center;position:relative}.generator-wrap .tool-box .link-btn,.qr-code-wrap .code-wrap .link-btn,#codeStyleDialog .link-btn{display:flex;align-items:center;justify-content:center;height:50px;padding:0 30px;border-radius:10px;background:linear-gradient(145.78deg, rgba(0, 224, 145, 0.8) 8.84%, rgba(64, 14, 240, 1) 95.36%);color:rgba(243, 246, 249, 1);font-size:20px;cursor:pointer}.generator-wrap .tool-box .link-btn .link-btn-icon,#codeStyleDialog .link-btn .link-btn-icon{width:35px;height:35px}.generator-wrap .tool-box .link-preview{position:absolute;right:10px;text-decoration:underline;cursor:pointer}.generator-wrap .tool-box .link-preview:hover{color:#00e091}.generator-wrap .tool-box .link-icons{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.generator-wrap .tool-box .link-input-wrap{margin-bottom:30px;display:flex;width:100%;gap:20px;background:#cecece;border-radius:10px;padding:4px}.generator-wrap .tool-box .link-input-wrap .link-input-with-btn{flex:1;background:none;text-indent:10px}.generator-wrap .tool-box .link-input-wrap .link-btn{height:42px;font-size:16px}#previewDialog{display:none;position:fixed;z-index:102;top:18%;left:50%;width:700px;border-radius:20px;margin-left:-350px}#previewDialog .preview-bg{position:absolute;z-index:103;left:0;top:0;width:100%}#previewDialog #previewClose{position:absolute;z-index:104;right:10px;top:10px;cursor:pointer}#previewDialog .message-box{position:absolute;z-index:105;border-radius:0.75rem;--tw-bg-opacity:1;background-color:rgb(224 253 191);padding:6px 10px;max-width:300px;right:160px;top:320px}#previewDialog .message-preview__message-tail{position:absolute;right:-8px;bottom:4px}#previewDialog .message-box p{margin:0;line-height:1.2;font-size:inherit;font-family:inherit;word-wrap:break-word}.advantages-wrap{min-height:300px;display:flex;flex-wrap:wrap;gap:60px;padding:0 120px;justify-content:space-between;align-items:center;margin-bottom:80px}.advantages-wrap .advantages-content{font-size:28px;text-align:left;max-width:500px}.advantages-wrap .advantages-desc{font-size:22px}.advantages-wrap .advantages-img{margin-top:-80px}.generator-wrap.qr-code-wrap{flex-direction:column;gap:10px}.qr-code-wrap .tool-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#fff;color:#101010;border-radius:10px;overflow:hidden}.qr-code-wrap .tool-wrap .tool-box{padding:30px 60px 30px 30px;width:660px}.qr-code-wrap .link-textarea{border:1px solid #bbbbbb}.qr-code-wrap .code-wrap{background-color:#e0fbe8;min-height:520px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:40px;padding-bottom:30px}.qr-code-wrap .code-wrap #qrcode{display:none;height:200px;width:200px}.qr-code-wrap .code-wrap #qrcode img{border-radius:0}.qr-code-wrap .code-wrap #download-btn{gap:10px}.qr-code-wrap .code-wrap #download-btn .loading-icon{display:none}.qr-code-wrap .tool-btns{display:flex;width:100%;flex-wrap:wrap;gap:40px;margin-bottom:10px}.qr-code-wrap .tool-btns .btn-item{height:40px;background:#fff;color:#101010;line-height:40px;padding:0 20px;min-width:300px;text-align:center;border-radius:10px;font-size:20px;cursor:pointer;box-sizing:border-box}.qr-code-wrap .tool-btns .btn-item:hover{color:#2CAE67}.qr-code-wrap .tool-btns .btn-item.btn-active{background:#E0FBE8;color:#2CAE67;font-weight:bold}.tool-box.tool-link-box{display:none;flex-direction:column;justify-content:space-between}.code-style-wrap{width:100%;padding:0 40px}.code-style-tabs{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:20px}.code-style-item{box-sizing:border-box;padding-bottom:4px;cursor:pointer}.code-style-item:hover{color:#2CAE67}.code-style-item.style-active{border-bottom:3px solid #2CAE67}.more-btn{color:#0F40F5;cursor:pointer;width:fit-content}.more-btn:hover{text-decoration:underline}.code-styles{padding:10px 14px;display:flex;align-items:center;justify-content:space-around;background-color:#ffffff;margin-bottom:10px}.style-img{width:50px;height:50px;cursor:pointer;border-radius:0}#codeStyleDialog{display:none;position:fixed;z-index:9999;background:#fff;top:15vh;left:50%;margin-left:-35vw;width:70vw;border-radius:10px;overflow:hidden;box-shadow:rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;z-index:102;padding-bottom:40px}#codeStyleDialog #codeStyleClose{position:absolute;right:20px;top:20px;cursor:pointer}#codeStyleDialog .dialog-title{padding:20px 40px;font-size:22px;font-weight:bold;color:#101010}#codeStyleDialog .code-style-tabs{justify-content:left;gap:40px;margin-top:0;padding:0 40px}#codeStyleDialog .style-tab-content{display:flex;gap:40px;padding:0 40px}#codeStyleDialog .code-style-box{flex:1;display:flex;flex-wrap:wrap;align-content:baseline;gap:10px}#codeStyleDialog .code-style-box img.style-item{width:90px;height:90px;padding:6px;box-sizing:border-box;cursor:pointer}#codeStyleDialog .code-style-box img.style-item:hover{border:1px solid #0F40F570}#codeStyleDialog .code-preview{margin:0 50px 0 40px;display:flex;flex-direction:column;gap:30px;align-items:center}#codeStyleDialog .default-img{width:200px;height:200px}@media (max-width:550px){.copy-wrap{width:360px}.code-wrap{flex:none}.generator-wrap .tool-box{min-width:360px}.qr-code-wrap .tool-wrap .tool-box{width:360px}.generator-wrap .tool-box .link-btn{padding:0 10px}.generator-wrap .tool-box .link-input-wrap{justify-content:space-between}.generator-wrap .tool-box .link-input-wrap .link-input-with-btn{max-width:60%}.advantages-wrap .advantages-img{margin-top:0}}