1 line
27 KiB
CSS
1 line
27 KiB
CSS
[data-v-2329c878]{margin:0;padding:0;box-sizing:border-box}.nav[data-v-2329c878]{z-index:1000;margin-right:8px;font-size:.9rem}.nav-item[data-v-2329c878]{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 10px}.nav-item .itemImg[data-v-2329c878]{width:20px;margin-right:5px}.nav-item .arrow[data-v-2329c878]{margin-left:5px;border:solid rgba(0,0,0,.3);border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .3s}.nav-item .arrow.up[data-v-2329c878]{transform:rotate(-135deg)}.dropdown[data-v-2329c878]{position:absolute;top:47px;left:0;width:392px;background:#fff;border:1px solid #eee;border-radius:4px;padding:3px;display:none;flex-wrap:wrap;gap:1px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:999999}.dropdown.show[data-v-2329c878]{display:flex}.dropdown .option[data-v-2329c878]{width:76px;height:80px;background:#f5f5f5;cursor:pointer;transition:all .3s;border-radius:4px;overflow:hidden;text-align:center;padding:5px}.dropdown .optionActive[data-v-2329c878],.dropdown .option[data-v-2329c878]:hover{background:#e8e8e8;color:#6e3edb;border:1px solid #9d8ac9}.dropdownCoin[data-v-2329c878]{width:32px;margin:0}.dropdownText[data-v-2329c878]{width:100%;font-size:.8rem;text-align:center;margin:0;word-break:break-word;margin-top:5px}.headerBox[data-v-2329c878]{width:100%;font-size:.95rem;display:flex;justify-content:center}.miningAccountTitle[data-v-2329c878]:hover{color:#6e3edb!important}.hidden[data-v-2329c878]{display:block;opacity:1!important}.el-menu--horizontal>.el-submenu .el-submenu__title[data-v-2329c878]{color:#000}.el-menu--horizontal[data-v-2329c878]{background:transparent}.el-submenu[data-v-2329c878]:hover{background-color:transparent!important}.el-submenu.is-active[data-v-2329c878]:after{border-bottom:none!important;border-bottom-color:transparent!important;border:none!important;outline:none!important}.is-order[data-v-2329c878]{background:#21a0ff}.dropdownItem[data-v-2329c878]{display:flex;align-items:center}.dropdownItem img[data-v-2329c878]{margin-right:5px}.active[data-v-2329c878]{color:#6e3edb!important;font-weight:600}.whiteBg[data-v-2329c878]{background:hsla(0,0%,100%,.5)}.header[data-v-2329c878]{display:flex;justify-content:space-between;align-items:center;height:100%;width:95%}.logo[data-v-2329c878]{width:18%;height:100%;display:flex;justify-content:right;align-items:center;font-size:.9rem}.logo img[data-v-2329c878]{width:100px}.topMenu[data-v-2329c878]{width:80%;height:100%;display:flex;justify-content:end;align-items:center}.topMenu .afterLoggingIn[data-v-2329c878]{min-width:50%;display:flex;justify-content:right;align-items:center}.topMenu .afterLoggingIn .langBox[data-v-2329c878]{display:flex;justify-content:space-around;align-items:center;width:70px}.topMenu .afterLoggingIn .LangLine[data-v-2329c878]{width:1px;height:60%;background:#ccc;margin-right:8px}.topMenu .afterLoggingIn li[data-v-2329c878]{position:relative}.topMenu .afterLoggingIn .horizontalLine[data-v-2329c878]{width:100%;position:absolute;bottom:-10px;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s linear}.topMenu .afterLoggingIn .horizontalLine .circular[data-v-2329c878]{width:5px;height:5px;background:#6e3edb;border-radius:50%}.topMenu .afterLoggingIn .horizontalLine .line[data-v-2329c878]{width:20px;height:5px;background:#6e3edb;margin-left:2px;border-radius:22px}.topMenu .notLoggedIn[data-v-2329c878]{width:40%}.topMenu .notLoggedIn li[data-v-2329c878]{margin-left:1%}.topMenu .notLoggedIn .langBox[data-v-2329c878]{display:flex;justify-content:space-around;align-items:center;width:20%}.topMenu .notLoggedIn .register.register[data-v-2329c878]{padding:1px 30px}.topMenu .notLoggedIn .LangLine[data-v-2329c878]{width:1px;height:60%;background:#ccc;margin-right:2%}.menuBox[data-v-2329c878]{min-width:42%!important;height:100%;display:flex;justify-content:end;align-items:center;margin:0}.menuBox li[data-v-2329c878]{list-style:none;height:45%;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:3%;font-size:.9rem;position:relative;text-align:center;min-width:61px}.menuBox li[data-v-2329c878]:hover{color:#6e3edb;font-weight:600}.menuBox .login[data-v-2329c878]{padding:2px 18px}.menuBox .login[data-v-2329c878]:hover{color:#21a0ff;border:1px solid #21a0ff;border-radius:10px}.menuBox .register[data-v-2329c878]{background:#d2c3ea;border-radius:25px;padding:0 25px}.menuBox .register[data-v-2329c878]:hover{color:#000;color:#fe4886}.el-submenu__title[data-v-2329c878]:hover{background-color:transparent!important;background:transparent!important;color:#6e3edb!important}.el-menu-item.is-active[data-v-2329c878]:not(.is-index){border-bottom:none!important}.el-submenu__title[data-v-2329c878]{margin-right:10px}.el-submenu.is-active[data-v-2329c878],.el-submenu__title[data-v-2329c878]{border:none!important;border-bottom:none!important;border-bottom-color:transparent!important}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title[data-v-2329c878]{border-bottom:0!important}.el-submenu.is-active .el-submenu__title[data-v-2329c878]{border-bottom-color:transparent!important}.el-menu.el-menu--horizontal[data-v-2329c878]{border-bottom:0!important}@media screen and (min-width:220px)and (max-width:1279px){.contentMain[data-v-2e905810]{background-image:none!important}.contentPage[data-v-2e905810]{min-height:200px!important}.moveFooterBox[data-v-2e905810]{width:100%;background-image:url(/img/homebgbtm.8b659935.png);background-repeat:no-repeat;background-size:100% 90%}.footerBox[data-v-2e905810]{align-items:flex-start!important;margin:0!important;display:flex;flex-direction:column;height:auto!important;padding-left:0!important}.footerBox .logoBox[data-v-2e905810]{width:100%;height:100px;display:flex;flex-direction:column;justify-content:center;padding:18px 18px;border-bottom:1px solid #ccc}.footerBox .logoBox .logoImg[data-v-2e905810]{width:140px}.footerBox .logoBox .copyright[data-v-2e905810]{margin-top:15px;font-size:.8rem;color:rgba(0,0,0,.7)}.footerBox .missionBox[data-v-2e905810]{width:100%;min-height:130px;border-bottom:1px solid #ccc;padding:10px 18px}.footerBox .missionBox .mission[data-v-2e905810]{font-size:.9rem;font-weight:600}.footerBox .missionBox .missionText[data-v-2e905810]{margin-top:18px;font-size:.85rem;color:rgba(0,0,0,.7);padding-left:18px;cursor:pointer}.footerBox .missionBox .FMenu[data-v-2e905810]{width:100%;padding-left:18px;font-size:.85rem;color:rgba(0,0,0,.8);margin-top:18px}.footerBox .missionBox .FMenu p[data-v-2e905810]{line-height:30px;width:50%}.footerBox .missionBox .FMenu p a[data-v-2e905810]:nth-of-type(2){margin-left:28%}.footerBox .missionBox .FMenu p span[data-v-2e905810]{cursor:pointer}}.contentPage[data-v-2e905810]{min-height:630px}.contentMain[data-v-2e905810]{width:100%;min-height:100vh;background-image:url(/img/bktop.91a777f0.png);background-size:100% 28%;background-repeat:no-repeat;background-position:0 -6%;position:relative;overflow-x:hidden;overflow-y:auto}.header[data-v-2e905810]{display:flex;justify-content:space-between;align-items:center;height:100%;width:95%;padding:0 5%}.logo[data-v-2e905810]{width:18%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.8em}.logo img[data-v-2e905810]{width:38%}.topMenu[data-v-2e905810]{width:80%;height:100%;display:flex;justify-content:end;align-items:center}.topMenu .afterLoggingIn[data-v-2e905810]{width:35%}.topMenu .afterLoggingIn .langBox[data-v-2e905810]{display:flex;justify-content:space-around;align-items:center;width:20%}.topMenu .afterLoggingIn .LangLine[data-v-2e905810]{width:1px;height:60%;background:#ccc;margin-right:2%}.topMenu .notLoggedIn[data-v-2e905810]{width:35%}.topMenu .notLoggedIn .langBox[data-v-2e905810]{display:flex;justify-content:space-around;align-items:center;width:20%}.topMenu .notLoggedIn .LangLine[data-v-2e905810]{width:1px;height:60%;background:#ccc;margin-right:2%}.menuBox[data-v-2e905810]{width:50%;height:100%;display:flex;justify-content:end;align-items:center;margin:0}.menuBox li[data-v-2e905810]{list-style:none;height:45%;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:8%}.menuBox li[data-v-2e905810]:hover{color:#000}.menuBox .login[data-v-2e905810]{padding:2px 18px}.menuBox .login[data-v-2e905810]:hover{color:#21a0ff;border:1px solid #21a0ff;border-radius:10px}.menuBox .register[data-v-2e905810]{background:#d2c3ea;border-radius:25px;padding:0 25px}.menuBox .register[data-v-2e905810]:hover{color:#000;color:#fe4886}.whiteBg[data-v-2e905810]{background:hsla(0,0%,100%,.2)}.head[data-v-2e905810]{position:fixed;top:0;left:0}.contentBox[data-v-2e905810]{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;padding-top:5%}.contentBox .currencyBox[data-v-2e905810]{width:85%;display:flex;justify-content:center;align-items:center}.contentBox .currencyBox .sunCurrency[data-v-2e905810]{display:flex;justify-content:space-around;align-items:center;flex-direction:column;padding:8px 10px;border-radius:22px;cursor:pointer;font-weight:600;margin-left:10px;font-size:1em}.contentBox .currencyBox .sunCurrency img[data-v-2e905810]{width:35px;margin-left:5%}.contentBox .currencyBox .sunCurrency span[data-v-2e905810]{text-transform:uppercase;margin-top:10px}.contentBox .currencyBox .sunCurrency[data-v-2e905810]:hover{background:rgba(223,83,52,.05);font-size:12px;box-shadow:0 0 5px 3px rgba(223,83,52,.05)}.contentBox .currencyDescription[data-v-2e905810]{width:85%;display:flex;justify-content:center}.contentBox .currencyDescription .currencyDescriptionBox[data-v-2e905810]{width:90%;height:600px;box-shadow:0 0 3px 1px #ccc;margin-top:2%;display:flex;justify-content:start;flex-direction:column;align-items:center;position:relative}.contentBox .currencyDescription .currencyDescriptionBox .titleBOX[data-v-2e905810]{display:flex;justify-content:space-around;align-items:center;padding:20px 10px;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}.contentBox .currencyDescription .currencyDescriptionBox .titleBOX h3[data-v-2e905810]{width:90%;font-size:1.5em;text-align:center}.contentBox .currencyDescription .currencyDescriptionBox .titleBOX .titleCurrency[data-v-2e905810]:hover{background:rgba(223,83,52,.05);font-size:13px;box-shadow:0 0 5px 3px rgba(223,83,52,.05)}.contentBox .currencyDescription .currencyDescriptionBox .titleCurrency[data-v-2e905810]{display:flex;justify-content:space-around;align-items:center;flex-direction:column;padding:8px 10px;border-radius:22px;font-weight:600;margin-left:30px;font-size:1.1em;margin-right:1%;position:absolute;top:10px;right:60px}.contentBox .currencyDescription .currencyDescriptionBox .titleCurrency img[data-v-2e905810]{width:35px;margin-left:1%}.contentBox .currencyDescription .currencyDescriptionBox .titleCurrency span[data-v-2e905810]{margin-top:10px;text-transform:uppercase}.contentBox .currencyDescription .currencyDescriptionBox .computationalPower[data-v-2e905810]{height:15%;width:100%;display:flex;justify-content:space-around;align-items:center;font-size:1.3em;margin:10px 10px}.contentBox .currencyDescription .currencyDescriptionBox .computationalPower .PowerBox[data-v-2e905810]{display:flex;flex-direction:column;justify-content:center;align-content:center}.contentBox .currencyDescription .currencyDescriptionBox .computationalPower span[data-v-2e905810]{cursor:pointer;width:100%;text-align:center}.contentBox .currencyDescription .currencyDescriptionBox .computationalPower span[data-v-2e905810]:hover{color:#df5334;font-weight:600}.contentBox .currencyDescription .currencyDescriptionBox .computationalPower .Power[data-v-2e905810]{font-size:1.5em}.contentBox .currencyDescription .currencyDescriptionBox p[data-v-2e905810]{width:80%;margin:0;font-size:1em;margin-top:3px;margin-left:5%;text-align:left;height:8%;padding:0 10px;line-height:50px;box-shadow:0 0 2px 1px #ccc;margin-top:1%}.contentBox .reportBlock[data-v-2e905810]{width:85%;display:flex;justify-content:center;height:1200px;margin-top:1%}.contentBox .reportBlock .reportBlockBox[data-v-2e905810]{width:90%;height:100%;box-shadow:0 0 3px 1px #ccc;background:#f5f9fd;display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:10px 10px}.contentBox .reportBlock .reportBlockBox .top[data-v-2e905810]{width:100%;height:18%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.1);padding:20px 0;color:#fff;font-weight:600;font-size:1.2em}.contentBox .reportBlock .reportBlockBox .top div[data-v-2e905810]{width:20%;background:#2eaeff;height:100%;display:flex;align-items:center;justify-content:space-around;margin-left:3%;border-radius:5%}.contentBox .reportBlock .reportBlockBox .belowTable[data-v-2e905810]{width:100%;height:80%;display:flex;justify-content:center;flex-direction:column;align-items:center}.contentBox .reportBlock .reportBlockBox .belowTable ul[data-v-2e905810]{width:100%;height:90%;padding:0;overflow:hidden;overflow-y:auto}.contentBox .reportBlock .reportBlockBox .belowTable ul .table-title[data-v-2e905810]{position:sticky;top:0;background:#f5f9fd;padding:0 10px}.contentBox .reportBlock .reportBlockBox .belowTable ul li[data-v-2e905810]{width:100%;list-style:none;display:flex;justify-content:space-around;align-items:center;height:7%}.contentBox .reportBlock .reportBlockBox .belowTable ul li span[data-v-2e905810]{height:100%;width:20%;line-height:55px;font-size:1.1em;font-weight:600;text-align:center}.contentBox .reportBlock .reportBlockBox .belowTable ul .currency-list[data-v-2e905810]{background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,.02);margin-top:1%;padding:0 10px}.contentBox .EchartsBox[data-v-2e905810]{width:80%;min-height:300px}.contentBox .EchartsBox .chart[data-v-2e905810]{height:300px;border:1px solid rgba(0,0,0,.1);margin-top:2%}.contentBox .formBox[data-v-2e905810]{width:80%;min-height:300px;border:1px solid rgba(0,0,0,.1);margin-top:2%}.footerBox[data-v-2e905810]{justify-content:space-around;width:100%;height:300px;display:flex;justify-content:center;align-items:center;padding-left:15%;background-image:url(/img/bkbuttom.05337f57.png);background-repeat:no-repeat;background-size:100% 100%;color:rgba(0,0,0,.9);margin-top:100px}.footerBox .one .oneText[data-v-2e905810]{width:40%;margin:0 auto;height:30%;display:flex;flex-direction:column;justify-content:space-between}.footerBox .one .oneText img[data-v-2e905810]{width:100%}.footerBox .logo2[data-v-2e905810]{display:flex}.footerBox .logo2 .logoBox[data-v-2e905810]{display:flex;flex-direction:column;justify-content:start;margin-top:4%}.footerBox .logo2 .logoBox .logoImg[data-v-2e905810]{width:160px}.footerBox .logo2 .logoBox .copyright[data-v-2e905810]{font-size:.8rem;width:100%;margin-top:15px}.footerBox .logo2 .logoBox .socialContact[data-v-2e905810]{display:flex;justify-content:space-around;width:120%;margin-top:28px}.footerBox .logo2 .logoBox .socialContact img[data-v-2e905810]{width:25px;transition:.1s linear;cursor:pointer}.footerBox .logo2 .logoBox .socialContact img[data-v-2e905810]:hover{width:28px}.footerBox .text div[data-v-2e905810]{width:77%;height:60%;line-height:28px;margin-top:25px;font-size:.95rem}.footerBox .product ul[data-v-2e905810]{margin:0;padding:0;display:flex;justify-content:center;flex-direction:column}.footerBox .product ul .productTitle[data-v-2e905810]{margin:0}.footerBox .product ul li[data-v-2e905810]{margin-top:15px;list-style:none;font-size:.95rem}.footerBox .product ul li span[data-v-2e905810]{cursor:pointer}.footerBox .product ul li span[data-v-2e905810]:hover{color:#6e3edb}.footerBox .product ul li a[data-v-2e905810]:hover{color:#6e3edb;cursor:pointer}.footerSon[data-v-2e905810]{width:100%;height:90%;margin:18px 10px}.footerSon .productTitle[data-v-2e905810],.footerSon h4[data-v-2e905810]{color:#000}.el-submenu .el-menu-item[data-v-c3955b78]{padding-left:40px!important}.el-main[data-v-7e1a768d]{scrollbar-width:none;-ms-overflow-style:none;border-right:none}.containerApp[data-v-7e1a768d]{overflow-x:hidden}[data-v-7e1a768d]::-webkit-scrollbar{width:0;height:0}.el-header[data-v-7e1a768d]{height:8%!important;display:flex;justify-content:center;background-image:url(/img/bktop.91a777f0.png);background-position:60% 8%;background-size:cover;scrollbar-width:none;-ms-overflow-style:none;border-right:none}.el-main[data-v-7e1a768d]{padding:0;overflow-y:auto}@media screen and (min-width:220px)and (max-width:1279px){.el-header[data-v-7e1a768d]{width:100%;background-image:none;height:auto!important;padding:0;box-shadow:0 0 3px 2px #ccc!important;margin:0 auto}.containerApp[data-v-7e1a768d]{width:100vw;min-height:100vh;background:#fff;background-image:url(/img/homebgtop.733f659d.png);background-repeat:no-repeat;background-size:115%;background-position:40% -2%}}.fade-enter-active[data-v-763fcf11],.fade-leave-active[data-v-763fcf11]{transition:all .3s}.fade-enter[data-v-763fcf11],.fade-leave-to[data-v-763fcf11]{opacity:0;transform:scale(.8);-ms-transform:scale(.8);-webkit-transform:scale(.8)}.slide-fade-enter-active[data-v-763fcf11],.slide-fade-leave-active[data-v-763fcf11]{transition:all .3s ease}.slide-fade-enter[data-v-763fcf11],.slide-fade-leave-to[data-v-763fcf11]{transform:translateY(6PX);-ms-transform:translateY(6PX);-webkit-transform:translateY(6PX);opacity:0}.m-tooltip[data-v-763fcf11]{position:absolute;top:0;z-index:999;padding-bottom:6PX}.m-tooltip .u-tooltip-content[data-v-763fcf11]{padding:10PX;margin:0 auto;word-break:break-all;word-wrap:break-word;border-radius:4PX;font-weight:400;font-size:14PX;background:rgba(0,0,0,.5);color:#fff}.m-tooltip .u-tooltip-arrow[data-v-763fcf11]{margin:0 auto;width:0;height:0;border-left:2PX solid transparent;border-right:2PX solid transparent;border-top:4PX solid rgba(0,0,0,.5)}.split-screen-editor[data-v-58290ecb]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.editor-tools[data-v-58290ecb]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.mode-switch[data-v-58290ecb]{display:flex;background:#fff;border-radius:6px;padding:2px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mode-switch .mode-btn[data-v-58290ecb]{padding:8px 16px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:13px;font-weight:500;color:#7f8c8d;transition:all .2s ease;display:flex;align-items:center;gap:4px}.mode-switch .mode-btn.active[data-v-58290ecb]{background:#5721e4;color:#fff;box-shadow:0 2px 4px rgba(87,33,228,.2)}.mode-switch .mode-btn[data-v-58290ecb]:hover:not(.active){background:#f0f0f0;color:#5721e4}.tool-actions[data-v-58290ecb]{display:flex;gap:12px;align-items:center}.word-count[data-v-58290ecb]{font-size:12px;color:#7f8c8d;font-weight:500}.editor-container[data-v-58290ecb]{transition:all .3s ease}.editor-container.fullscreen[data-v-58290ecb]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-radius:0}.editor-panel[data-v-58290ecb]{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;background:#fff;height:100%}.panel-header[data-v-58290ecb]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;color:#2c3e50;font-size:14px}.panel-header i[data-v-58290ecb]{color:#5721e4;margin-right:6px}.panel-actions[data-v-58290ecb]{display:flex;gap:8px;align-items:center}.editor-content[data-v-58290ecb]{padding:0}.tinymce-container[data-v-58290ecb]{width:100%}.tinymce-container textarea[data-v-58290ecb]{width:100%;min-height:500px;border:none;outline:none;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;resize:vertical}.content-display[data-v-58290ecb]{white-space:pre-wrap!important;word-wrap:break-word!important;word-break:break-word!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;line-height:1.6!important;color:#2c3e50!important}.preview-content[data-v-58290ecb]{padding:16px;max-height:500px;overflow-y:auto;background:#fff}@media screen and (max-width:768px){.editor-tools[data-v-58290ecb]{flex-direction:column;gap:12px;align-items:stretch}.mode-switch[data-v-58290ecb],.tool-actions[data-v-58290ecb]{justify-content:center}.panel-header[data-v-58290ecb]{flex-direction:column;gap:8px;align-items:flex-start!important}.panel-actions[data-v-58290ecb]{align-self:stretch;justify-content:center}.tinymce-container textarea[data-v-58290ecb]{min-height:300px;font-size:13px}.preview-content[data-v-58290ecb]{max-height:300px;font-size:13px}}.preview-content[data-v-58290ecb]::-webkit-scrollbar{width:6px}.preview-content[data-v-58290ecb]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.preview-content[data-v-58290ecb]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.preview-content[data-v-58290ecb]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.usage-guide-panel[data-v-58290ecb]{margin-top:20px}.usage-guide-panel[data-v-58290ecb] .el-card__header{background:linear-gradient(135deg,#5721e4,#8b5fbf);color:#fff;border-bottom:none;font-weight:600}.usage-guide-panel[data-v-58290ecb] .el-card__header .el-button--text{color:#fff;font-weight:500}.usage-guide-panel[data-v-58290ecb] .el-card__header .el-button--text:hover{color:#fff;background:hsla(0,0%,100%,.1)}.guide-content[data-v-58290ecb]{max-height:70vh;overflow-y:auto;padding:20px}.guide-section[data-v-58290ecb]{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.guide-section[data-v-58290ecb]:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.guide-section h4[data-v-58290ecb]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px;position:relative;padding-left:30px}.guide-section h4[data-v-58290ecb]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#5721e4,#8b5fbf);border-radius:2px}.function-grid[data-v-58290ecb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.function-item[data-v-58290ecb]{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e4e7ed;border-radius:8px;background:#fafbfc;transition:all .3s ease}.function-item[data-v-58290ecb]:hover{border-color:#5721e4;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(87,33,228,.1)}.function-icon[data-v-58290ecb]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#5721e4,#8b5fbf);color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.function-icon i[data-v-58290ecb]{font-size:18px}.color-icon[data-v-58290ecb]{width:20px;height:20px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8);border-radius:4px}.function-detail[data-v-58290ecb]{flex:1}.function-detail h5[data-v-58290ecb]{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#2c3e50}.function-detail p[data-v-58290ecb]{margin:0 0 6px 0;font-size:14px;color:#606266;line-height:1.5}.function-detail .tips[data-v-58290ecb]{font-size:12px;color:#909399;font-style:italic}kbd[data-v-58290ecb]{display:inline-block;padding:2px 6px;font-size:12px;line-height:1.4;color:#2c3e50;background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;white-space:nowrap;font-family:Monaco,Consolas,monospace}.color-demo[data-v-58290ecb]{font-weight:600}.bg-demo[data-v-58290ecb]{background:#ffeb3b;padding:2px 4px;border-radius:2px;color:#333;font-weight:600}.shortcuts-grid[data-v-58290ecb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.shortcut-category[data-v-58290ecb]{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef}.shortcut-category h5[data-v-58290ecb]{margin:0 0 12px 0;font-size:14px;font-weight:600;color:#5721e4;text-align:center;padding-bottom:8px;border-bottom:1px solid #dee2e6}.shortcut-list[data-v-58290ecb]{display:flex;flex-direction:column;gap:8px}.shortcut-item[data-v-58290ecb]{display:flex;justify-content:space-between;align-items:center;font-size:13px}.shortcut-item kbd[data-v-58290ecb]{font-size:11px;padding:1px 4px}.shortcut-item span[data-v-58290ecb]{color:#606266}.special-features[data-v-58290ecb]{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e4e7ff;border-radius:12px;padding:24px;margin-top:20px}.special-function[data-v-58290ecb]{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.special-function[data-v-58290ecb]:last-child{margin-bottom:0}.special-icon[data-v-58290ecb]{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#5721e4,#8b5fbf);color:#fff;font-weight:600;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px rgba(87,33,228,.3)}.special-content[data-v-58290ecb]{flex:1}.special-content h5[data-v-58290ecb]{margin:0 0 8px 0;font-size:18px;font-weight:600;color:#2c3e50}.special-content p[data-v-58290ecb]{margin:0 0 12px 0;font-size:14px;color:#606266;line-height:1.6}.usage-steps[data-v-58290ecb]{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#606266}.step[data-v-58290ecb]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#5721e4;color:#fff;font-size:11px;font-weight:600;margin-right:8px;flex-shrink:0}.slide-fade-enter-active[data-v-58290ecb],.slide-fade-leave-active[data-v-58290ecb]{transition:all .4s ease}.slide-fade-enter[data-v-58290ecb],.slide-fade-leave-to[data-v-58290ecb]{transform:translateY(-20px);opacity:0}@media (max-width:768px){.function-grid[data-v-58290ecb],.shortcuts-grid[data-v-58290ecb]{grid-template-columns:1fr;gap:12px}.function-item[data-v-58290ecb]{padding:12px}.function-icon[data-v-58290ecb]{width:36px;height:36px;font-size:14px}.function-detail h5[data-v-58290ecb]{font-size:14px}.function-detail p[data-v-58290ecb]{font-size:13px}.special-function[data-v-58290ecb]{flex-direction:column;gap:12px;text-align:center}.special-icon[data-v-58290ecb]{align-self:center}.guide-content[data-v-58290ecb]{max-height:60vh;padding:16px}.guide-section[data-v-58290ecb]{margin-bottom:24px;padding-bottom:16px}.guide-section h4[data-v-58290ecb]{font-size:16px;padding-left:20px}.usage-steps[data-v-58290ecb]{text-align:left}.demo-editor-container[data-v-58290ecb]{margin:16px 0;padding:16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.demo-description[data-v-58290ecb]{margin-bottom:12px;font-size:14px;color:#495057;font-weight:600;text-align:center}.demo-editor[data-v-58290ecb]{border:2px solid #d1d5db;border-radius:6px;min-height:220px;background:#fff;width:100%;display:block}.demo-editor-container .tox-tinymce[data-v-58290ecb]{border:2px solid #d1d5db!important;border-radius:6px!important}.demo-editor-container .tox-editor-header[data-v-58290ecb]{background:#f8f9fa!important;border-bottom:1px solid #e9ecef!important}.demo-tips[data-v-58290ecb]{margin-top:12px;padding:10px 15px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:6px;font-size:13px;text-align:center}.tip-item[data-v-58290ecb]{color:#1565c0;font-weight:600}} |