:root{--theme-color:#b7d1aa;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.pagebox[data-v-2ab4a59c]{width:100%;height:100%;overflow:auto}.pagebox .page_header[data-v-2ab4a59c]{width:100%;height:680px;background-image:linear-gradient(127deg,#cebcfc,#d0beff 21%,#ffd9ea 78%,#ff72b2)}.pagebox .section[data-v-2ab4a59c]{padding:100px 0;overflow:hidden}.pagebox .section .section_content[data-v-2ab4a59c]{display:flex;transition:all 2s;opacity:0;transform:translateY(50px)}.pagebox .section .section_content.reverser[data-v-2ab4a59c]{flex-direction:row-reverse}.pagebox .section .section_content.reverser .text_panel[data-v-2ab4a59c]{margin-left:20px;margin-right:0}.pagebox .section .section_content .text_panel[data-v-2ab4a59c]{display:flex;flex-direction:column;justify-content:space-around;flex:1;margin-right:20px}.pagebox .section .section_content .text_panel .title[data-v-2ab4a59c]{font-size:32px;font-weight:600}.pagebox .section .section_content .text_panel .desc_text[data-v-2ab4a59c]{font-size:16px}.pagebox .section .section_content .file_panel[data-v-2ab4a59c]{width:35%;font-size:0}.pagebox .section .section_content .file_panel .img[data-v-2ab4a59c]{width:100%}.pagebox[data-v-5e09ed51]{width:100%;display:flex;align-items:center;justify-content:space-around}.pagebox .imgbox[data-v-5e09ed51]{width:20%;border-radius:10px;overflow:hidden;font-size:0}.pagebox .imgbox:hover .img[data-v-5e09ed51]{transform-origin:center center;transform:scale(1.1)}.pagebox .imgbox .img[data-v-5e09ed51]{width:100%;transition:all .4s;cursor:pointer}.pagebox[data-v-b527ba15]{margin:0 auto;border-radius:10px;border:1px solid #ccc;overflow:hidden}.pagebox .navbox[data-v-b527ba15]{width:100%;height:38px}.pagebox .navbox .innerbox[data-v-b527ba15]{display:flex;width:100%;height:100%;vertical-align:middle;overflow:hidden}.pagebox .navbox .innerbox .navlist[data-v-b527ba15]{display:flex;align-items:center;justify-content:space-around;flex:1;background-color:pink;transition:all .6s}.pagebox .navbox .innerbox .navlist.hide[data-v-b527ba15]{opacity:0;transform:translate(100%)}.pagebox .navbox .innerbox .navlist .navitem[data-v-b527ba15]{font-size:14px;font-weight:600;cursor:pointer}.pagebox .navbox .innerbox .btnbox[data-v-b527ba15]{display:flex;align-items:center;height:100%;padding:0 5px;background-color:#87ceeb;z-index:1}.pagebox .navbox .innerbox .btnbox .btn[data-v-b527ba15]{position:relative;width:34px;height:34px;cursor:pointer}.pagebox .navbox .innerbox .btnbox .btn .btnline[data-v-b527ba15]{position:absolute;left:2px;width:calc(100% - 4px);height:4px;background-color:#000;transition:all .4s}.pagebox .navbox .innerbox .btnbox .btn .btnline.topline[data-v-b527ba15]{top:4px}.pagebox .navbox .innerbox .btnbox .btn .btnline.centerline[data-v-b527ba15]{top:calc(50% - 2px)}.pagebox .navbox .innerbox .btnbox .btn .btnline.bottomline[data-v-b527ba15]{bottom:4px}.pagebox .navbox .innerbox .btnbox .btn.singlebtn .topline[data-v-b527ba15]{top:calc(50% - 2px)}.pagebox .navbox .innerbox .btnbox .btn.singlebtn .bottomline[data-v-b527ba15]{bottom:calc(50% - 2px)}.pagebox .navbox .innerbox .btnbox .btn.closebtn .topline[data-v-b527ba15]{transform:rotate(45deg)}.pagebox .navbox .innerbox .btnbox .btn.closebtn .centerline[data-v-b527ba15]{display:none}.pagebox .navbox .innerbox .btnbox .btn.closebtn .bottomline[data-v-b527ba15]{transform:rotate(-45deg)}.sectionPanel[data-v-95dee159]{width:100%;margin-bottom:20px}.sectionPanel .panelTitle[data-v-95dee159]{font-size:16px;font-weight:600;margin-bottom:10px}.sectionPanel .panelContent[data-v-95dee159]{width:100%;min-height:120px;border:1px solid #ccc;padding:20px}.sectionPanel .panelContent .formitem[data-v-95dee159]{display:flex;align-items:center;height:32px;font-size:14px;margin-bottom:10px}.sectionPanel .panelContent .formitem .label[data-v-95dee159]{width:100px;text-align:right;margin-right:10px}.sectionPanel .panelContent .formitem .input[data-v-95dee159]{width:260px;height:100%;padding-left:10px}.sectionPanel .panelContent .formitem .btn[data-v-95dee159]{display:flex;align-items:center;height:100%;padding:0 10px;font-size:12px;font-weight:600;border:1px solid #ccc;border-radius:2px;margin-right:20px;cursor:pointer}.sectionPanel .panelContent .formitem .btn[data-v-95dee159]:hover{border-color:transparent;background-color:var(--theme-color)}.pagebox[data-v-76982c5e]{width:100%;height:100%;max-width:680px;margin:0 auto}.pagebox .imgbox[data-v-76982c5e]{position:relative;width:100%;height:50%;padding:10px;font-size:0;border:1px solid #ccc;margin-bottom:20px;text-align:center}.pagebox .imgbox .img[data-v-76982c5e]{max-width:100%;max-height:100%}.pagebox .imgbox .mask[data-v-76982c5e]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.pagebox .btnbox[data-v-76982c5e]{display:flex;align-items:center;justify-content:space-around}.pagebox .btnbox .btn[data-v-76982c5e]{display:flex;align-items:center;justify-content:center;width:160px;height:36px;font-size:14px;font-weight:600;box-shadow:0 0 2px #0003;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.pagebox .btnbox .btn[data-v-76982c5e]:hover{background-color:var(--theme-color)}.pagebox .btnbox .btn.disable[data-v-76982c5e]{background-color:#ccc;cursor:not-allowed}.encryptionTypeNav[data-v-d39b7235]{display:flex}.encryptionTypeNav .itemBox[data-v-d39b7235]{display:flex;align-items:center;justify-content:center;height:36px;padding:0 15px;margin-right:20px;font-size:14px;font-weight:600;cursor:pointer;border-radius:4px}.encryptionTypeNav .itemBox.active[data-v-d39b7235]{background-color:var(--theme_color)}.encryptionTypeBody .panel_box[data-v-d39b7235]{width:100%;margin:20px 0}.encryptionTypeBody .plaintext[data-v-d39b7235]{padding:10px;border:1px solid #dbdbdb;border-radius:4px}.encryptionTypeBody .plaintext .plaintext_inp[data-v-d39b7235]{width:100%;font-size:14px;border:none;outline:none}.encryptionTypeBody .extra_box .extra_key[data-v-d39b7235]{border:1px solid #dbdbdb;border-radius:4px}.encryptionTypeBody .extra_box .extra_key .extra_key_inp[data-v-d39b7235]{width:100%;padding:10px;border:none;outline:none}.encryptionTypeBody .handlebox[data-v-d39b7235]{display:flex;align-items:center;justify-content:space-around}.encryptionTypeBody .handlebox .handlebtn[data-v-d39b7235]{display:flex;align-items:center;padding:0 20px;height:32px;font-size:12px;border-radius:4px;border:1px solid #dbdbdb;cursor:pointer}.encryptionTypeBody .handlebox .handlebtn[data-v-d39b7235]:hover{background-color:#dde9d7}.encryptionTypeBody .handlebox .handlebtn.active[data-v-d39b7235]{background-color:var(--theme_color)}.encryptionTypeBody .handlebox .handlebtn.disabled[data-v-d39b7235]{background-color:var(--disabled_bg);cursor:not-allowed}.encryptionTypeBody .ciphertext[data-v-d39b7235]{padding:10px;border:1px solid #dbdbdb;border-radius:4px}.encryptionTypeBody .ciphertext .ciphertext_inp[data-v-d39b7235]{width:100%;font-size:14px;border:none;outline:none}.itembox[data-v-5d5c2f1b]{width:100%;margin-bottom:20px}.itembox .title[data-v-5d5c2f1b]{font-size:14px;font-weight:600}.itembox .body[data-v-5d5c2f1b]{width:100%;padding:10px;margin-top:10px;border-radius:4px;background-color:var(--theme_color)}.export_btn[data-v-0e1e750e]{display:inline-block;padding:0 10px;height:32px;line-height:32px;text-align:center;border-radius:4px;background-color:#ccc;cursor:pointer}.designer_page[data-v-7353e695]{width:100%;height:100%}.designer_page .tools_panel[data-v-7353e695]{display:flex;align-items:center;width:100%;height:52px;padding:0 10px;border-radius:8px;background-color:#e1eef1}.designer_page .tools_panel .tool[data-v-7353e695]{position:relative;font-size:12px;padding:6px 20px;margin:0 10px;border-radius:4px;background-color:#bfe2ea;cursor:pointer}.designer_page .tools_panel .tool[data-v-7353e695]:hover{background-color:#93dbec}.designer_page .tools_panel .tool:hover .options_panel[data-v-7353e695]{display:block}.designer_page .tools_panel .tool .options_panel[data-v-7353e695]{display:none;position:absolute;top:100%;left:0;padding-top:10px}.designer_page .tools_panel .tool .options_panel .inner_box[data-v-7353e695]{padding:10px;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #0003}.designer_page .tools_panel .tool .options_panel .inner_box .options_line[data-v-7353e695]{display:flex;align-items:center;padding:6px 0}.designer_page .tools_panel .tool .options_panel .inner_box .options_line .title[data-v-7353e695]{font-size:12px;margin-right:10px;width:60px}.designer_page .tools_panel .tool .options_panel .inner_box .options_line .option[data-v-7353e695]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0 10px;border-radius:4px}.designer_page .tools_panel .tool .options_panel .inner_box .options_line .option.active[data-v-7353e695],.designer_page .tools_panel .tool .options_panel .inner_box .options_line .option[data-v-7353e695]:hover{background-color:#ccc}.designer_page .tools_panel .tool .options_panel .inner_box .options_line .option .color_item[data-v-7353e695]{width:10px;height:10px;border-radius:50%}.designer_page .tools_panel .tool .options_panel .inner_box .options_line .option .line_item[data-v-7353e695]{aspect-ratio:1 / 1;background-color:#000;border-radius:50%}.designer_page .workbench_panel[data-v-7353e695]{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 72px);margin-top:20px;background-color:#d5d5d5}.designer_page .workbench_panel .workarea[data-v-7353e695]{width:80%;height:80%;background-color:#fff}.nav_list[data-v-ad3ec7d5]{width:100%;max-width:320px;padding:20px 0;height:100%;border-radius:20px;box-shadow:0 0 5px #0003}.nav_list .nav_subtitle[data-v-ad3ec7d5]{display:flex;align-items:center;width:100%;height:36px;padding:0 10px;font-size:14px;background-color:#f1f1f1}.nav_list .nav_item[data-v-ad3ec7d5]{display:flex;align-items:center;width:100%;height:42px;padding:0 20px;cursor:pointer;font-size:14px;font-weight:600}.nav_list .nav_item[data-v-ad3ec7d5]:hover{background-color:#f1f1f1}.nav_list .nav_item.checked[data-v-ad3ec7d5]{background-color:#b7d1aa}.webpage[data-v-f526b95f]{display:flex;width:100%;height:100vh;padding:20px}.webpage .webnav[data-v-f526b95f]{margin-right:20px;width:200px;height:100%;flex-shrink:0}.webpage .webcontent[data-v-f526b95f]{flex:1;height:100%;border-radius:20px;box-shadow:0 0 5px #0003;padding:20px}:root{--theme_color: #b7d1aa;--disabled_bg: #cdcdcd}.mobilebox{width:430px;height:740px}