.pen-options[data-v-96761996]{padding:.052083rem}.pen-types[data-v-96761996]{display:grid;grid-template-columns:repeat(3,1fr);gap:.052083rem;margin-bottom:.078125rem}.pen-type-item[data-v-96761996]{display:flex;flex-direction:column;align-items:center;padding:.041667rem;cursor:pointer;border-radius:.020833rem;transition:all .3s}.pen-type-item[data-v-96761996]:hover{background:#f5f7fa}.pen-type-item.active[data-v-96761996]{background:#ecf5ff;color:#409eff}.pen-type-item i[data-v-96761996]{font-size:.104167rem;margin-bottom:.020833rem}.pen-type-item span[data-v-96761996]{font-size:.0625rem}.color-picker[data-v-96761996]{border-top:.005208rem solid hsla(0,0%,100%,.1);padding-top:.083333rem;margin-top:.083333rem}.color-grid[data-v-96761996]{display:grid;grid-template-columns:repeat(3,1fr);gap:.0625rem;justify-items:center;padding:0 .041667rem}.color-item[data-v-96761996]{cursor:pointer}.color-item[data-v-96761996],.color-ring[data-v-96761996]{width:.177083rem;height:.177083rem;display:flex;align-items:center;justify-content:center}.color-ring[data-v-96761996]{border:.010417rem solid transparent;border-radius:50%;transition:all .2s ease;padding:.010417rem;box-sizing:border-box;position:relative}.color-ring.active[data-v-96761996]{transform:scale(1.1);border-color:currentColor}.color-ring.active[data-v-96761996]:after{content:"";position:absolute;top:-.015625rem;left:-.015625rem;right:-.015625rem;bottom:-.015625rem;border:.010417rem solid currentColor;border-radius:50%;opacity:.3;animation:pulse-96761996 1.5s infinite}.color-ring .color-dot[data-v-96761996]{width:.135417rem;height:.135417rem;border-radius:50%;transition:transform .2s ease;box-shadow:inset 0 0 .010417rem rgba(0,0,0,.1)}.color-ring[data-v-96761996]:hover{transform:scale(1.1)}.color-ring:hover .color-dot[data-v-96761996]{transform:scale(.95)}@keyframes pulse-96761996{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.2}to{transform:scale(1);opacity:.3}}.color-title[data-v-96761996]{margin-bottom:.041667rem;font-size:.072917rem;color:#606266}.tool-item[data-v-96761996]{display:flex;align-items:center;height:.364583rem;width:.416667rem}.tool-item .tool-item-box[data-v-96761996]{display:flex;align-items:center;flex-direction:column;cursor:pointer;user-select:none;justify-content:center;height:100%;width:.416667rem}.tool-item .tool-item-box .icon-huabi1[data-v-96761996]{font-size:.145833rem;color:#fff}.tool-item .tool-item-box p[data-v-96761996]{font-size:.072917rem;color:#fff}.tool-item .tool-item-box.is-disabled[data-v-96761996]{pointer-events:none}.tool-item .tool-item-box.is-disabled .icon-box i[data-v-96761996],.tool-item .tool-item-box.is-disabled .icon-box p[data-v-96761996]{color:#ababab}.tool-item .default-active[data-v-96761996]{background-color:#7fb99a;border-radius:.026042rem 0 0 .026042rem}.tool-content[data-v-96761996]{display:flex;flex-direction:column;align-items:center;padding:.020833rem;width:.130208rem;background-color:#2f453c}.tool-content i[data-v-96761996]{font-size:.125rem}.tool-content span[data-v-96761996]{font-size:.0625rem;color:#fff}.color-inputs[data-v-96761996]{margin-top:.052083rem}.input-group[data-v-96761996]{margin-top:.041667rem}.input-group label[data-v-96761996]{display:inline-block;width:.208333rem;font-size:.0625rem;color:#606266}.rgb-inputs[data-v-96761996]{display:flex;gap:.026042rem;margin-top:.020833rem}.rgb-inputs .el-input[data-v-96761996]{width:.3125rem}.el-input.is-mini input[data-v-96761996]{height:.125rem;line-height:.125rem}.eraser-options[data-v-8686ab22]{padding:.052083rem}.eraser-settings[data-v-8686ab22]{border-top:.005208rem solid #eee;padding-top:.078125rem}.eraser-title[data-v-8686ab22]{margin-bottom:.0625rem;font-size:.072917rem;color:#606266}.size-options[data-v-8686ab22]{display:grid;grid-template-columns:repeat(3,1fr);gap:.052083rem}.size-item[data-v-8686ab22]{display:flex;flex-direction:column;align-items:center;gap:.041667rem;padding:.041667rem;cursor:pointer;border-radius:.020833rem;transition:all .3s}.size-item[data-v-8686ab22]:hover{background:#f5f7fa}.size-item.active[data-v-8686ab22]{background:#ecf5ff;color:#409eff}.size-preview[data-v-8686ab22]{border-radius:50%;background:#606266}.tool-item[data-v-8686ab22]{display:flex;align-items:center;height:.364583rem;width:.416667rem}.tool-item .tool-item-box[data-v-8686ab22]{display:flex;align-items:center;flex-direction:column;cursor:pointer;user-select:none;justify-content:center;height:100%;width:.416667rem}.tool-item .tool-item-box .icon-heibanca[data-v-8686ab22]{font-size:.145833rem;color:#fff}.tool-item .tool-item-box p[data-v-8686ab22]{font-size:.072917rem;color:#fff}.tool-item .tool-item-box.is-disabled[data-v-8686ab22]{pointer-events:none}.tool-item .tool-item-box.is-disabled .icon-box i[data-v-8686ab22],.tool-item .tool-item-box.is-disabled .icon-box p[data-v-8686ab22]{color:#ababab}.tool-item .default-active[data-v-8686ab22]{background-color:#537566;border-radius:.026042rem 0 0 .026042rem}.tool-content[data-v-8686ab22]:hover,.tool-item[data-v-8686ab22]:hover{background-color:#76b89c}.tool-content[data-v-8686ab22]{display:flex;flex-direction:column;align-items:center;padding:.020833rem;width:.130208rem;background-color:#2f453c}.tool-content i[data-v-8686ab22]{font-size:.125rem}.tool-content span[data-v-8686ab22]{font-size:.0625rem;color:#fff}[data-v-8686ab22] .el-slider__runway{height:.182292rem!important;border-radius:.0625rem}[data-v-8686ab22] .el-slider__bar{background-color:#e5e7ec;height:.078125rem}[data-v-8686ab22] .el-slider__button-wrapper{margin-left:.052083rem;margin-top:.057292rem}[data-v-8686ab22] .el-slider__button{width:.182292rem;height:.182292rem;border-radius:50%;display:flex;align-items:center;background-color:#fff;border-color:#409eff;box-shadow:0 0 .026042rem #409eff}.more-options[data-v-333ec02c]{padding:.052083rem}.tool-grid[data-v-333ec02c]{display:grid;grid-template-columns:repeat(3,1fr);gap:.052083rem}.tool-item[data-v-333ec02c]{display:flex;align-items:center;height:.364583rem;width:.416667rem}.tool-item .tool-item-box[data-v-333ec02c]{display:flex;align-items:center;flex-direction:column;cursor:pointer;user-select:none;justify-content:center;height:100%;width:.416667rem}.tool-item .tool-item-box .iconfont[data-v-333ec02c]{font-size:.145833rem;color:#fff}.tool-item .tool-item-box p[data-v-333ec02c]{font-size:.072917rem;color:#fff}.tool-item .tool-item-box .tool-item-box[data-v-333ec02c]{display:flex;flex-direction:column;align-items:center;justify-content:center}.tool-item .tool-item-box .tool-item-box img[data-v-333ec02c]{width:.09375rem;height:.09375rem;margin-bottom:.026042rem}.tool-item .tool-item-box .tool-item-box p[data-v-333ec02c]{color:#fff;font-size:.0625rem}.tool-item .tool-item-box.is-disabled[data-v-333ec02c]{pointer-events:none}.tool-item .tool-item-box.is-disabled .icon-box i[data-v-333ec02c],.tool-item .tool-item-box.is-disabled .icon-box p[data-v-333ec02c]{color:#ababab}.tool-item .default-active[data-v-333ec02c]{background-color:#7fb99a;border-radius:.026042rem 0 0 .026042rem}.tool-item[data-v-333ec02c]:hover{background-color:#76b89c}.tool-item-popover[data-v-333ec02c]{width:.15625rem;height:.15625rem;padding:.020833rem .052083rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.tool-item-popover[data-v-333ec02c]:hover{background-color:hsla(0,0%,50.2%,.5);transform:translateY(-.010417rem)}.tool-content[data-v-333ec02c]{display:flex;flex-direction:column;align-items:center;padding:.020833rem;width:.130208rem;background-color:#2f453c}.tool-content[data-v-333ec02c]:hover{background-color:#76b89c}.tool-content i[data-v-333ec02c]{font-size:.125rem}.tool-content span[data-v-333ec02c]{font-size:.0625rem;color:#fff}.tool-item[data-v-847d98ce]{display:flex;align-items:center;height:.364583rem;width:.416667rem;transition:all .3s ease}.tool-item[data-v-847d98ce]:hover{background-color:#76b89c}.tool-item.active[data-v-847d98ce]{background-color:#76b89c;border-radius:.026042rem}.tool-item .tool-item-box[data-v-847d98ce]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;padding:.041667rem 0;box-sizing:border-box}.tool-item .tool-item-box .iconfont[data-v-847d98ce]{font-size:.145833rem;color:#fff}.tool-item .tool-item-box p[data-v-847d98ce]{font-size:.072917rem;color:#fff}.teaching-tools[data-v-847d98ce]{padding:.083333rem}.tools-grid[data-v-847d98ce]{display:grid;grid-template-columns:repeat(5,1fr);gap:.083333rem}.tool-item-popover[data-v-847d98ce]{display:flex;flex-direction:column;align-items:center;padding:.0625rem .041667rem;border-radius:.03125rem;cursor:pointer;transition:all .3s ease}.tool-item-popover img[data-v-847d98ce]{width:.1875rem;height:.1875rem;margin-bottom:.041667rem;object-fit:contain}.tool-item-popover span[data-v-847d98ce]{font-size:.0625rem;color:#606266}.tool-item-popover[data-v-847d98ce]:hover{background-color:#f5f7fa;transform:translateY(-.010417rem)}.tool-item-popover.active[data-v-847d98ce]{background-color:#ecf5ff;color:#409eff}.tool-item-popover.active span[data-v-847d98ce]{color:#409eff}[data-v-847d98ce] .el-popover{padding:0;border-radius:.041667rem;box-shadow:0 .010417rem .0625rem rgba(0,0,0,.1)}.button-nav-list-container[data-v-3f07e532]{position:fixed;width:100%;bottom:-.005208rem;display:flex;justify-content:space-between;align-items:center;border-radius:.03125rem .03125rem 0 0;z-index:999;transition:all .5s ease}.button-nav-list-container .container[data-v-3f07e532]{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.button-nav-list-container .container .toggle[data-v-3f07e532]{position:absolute;left:50%;top:-.15625rem;transform:translateX(-50%);width:.260417rem;padding:.015625rem 0;height:.15625rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.026042rem .026042rem 0 0;background-color:#7fb99a}.button-nav-list-container .container .toggle .deg[data-v-3f07e532]{transform:rotate(90deg);color:#fff}.button-nav-list-container .container .toggle .arrow-right[data-v-3f07e532]{transform:rotate(-90deg);color:#fff}.button-nav-list-container .container .toggle .el-icon-d-arrow-right[data-v-3f07e532]{font-size:.09375rem}.button-nav-list-container .container .sowing-round[data-v-3f07e532]{background:#68bb97;border-radius:.03125rem 0 0 0}.button-nav-list-container .container .vertical-divider[data-v-3f07e532]{width:.005208rem;height:80%;background:#fff;margin-right:.109375rem}.button-nav-list-container .container .tool-item[data-v-3f07e532]{display:flex;align-items:center;height:.364583rem;width:.416667rem}.button-nav-list-container .container .tool-item .tool-item-box[data-v-3f07e532]{display:flex;align-items:center;flex-direction:column;cursor:pointer;user-select:none;justify-content:center;height:100%;width:.416667rem}.button-nav-list-container .container .tool-item .tool-item-box .iconfont[data-v-3f07e532]{font-size:.145833rem;color:#fff}.button-nav-list-container .container .tool-item .tool-item-box p[data-v-3f07e532]{font-size:.072917rem;color:#fff}.button-nav-list-container .container .tool-item .tool-item-box .tool-item-box[data-v-3f07e532]{display:flex;flex-direction:column;align-items:center;justify-content:center}.button-nav-list-container .container .tool-item .tool-item-box .tool-item-box img[data-v-3f07e532]{width:.09375rem;height:.09375rem;margin-bottom:.026042rem}.button-nav-list-container .container .tool-item .tool-item-box .tool-item-box p[data-v-3f07e532]{color:#fff;font-size:.0625rem}.button-nav-list-container .container .tool-item .tool-item-box.is-disabled[data-v-3f07e532]{pointer-events:none}.button-nav-list-container .container .tool-item .tool-item-box.is-disabled .icon-box i[data-v-3f07e532],.button-nav-list-container .container .tool-item .tool-item-box.is-disabled .icon-box p[data-v-3f07e532]{color:#ababab}.button-nav-list-container .container .tool-item[data-v-3f07e532]:hover{background-color:#76b89c}.left-buttons[data-v-3f07e532]{height:100%;min-width:1.041667rem;z-index:1002}.left-buttons[data-v-3f07e532],.tool-list[data-v-3f07e532]{display:flex;gap:.03125rem;padding:0 .041667rem;align-items:center;background-color:#537566;border-top-right-radius:.026042rem}.tool-list[data-v-3f07e532]{justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-top-left-radius:.026042rem;margin-left:16%}.tool-list[data-v-3f07e532]::-webkit-scrollbar{display:none}.active[data-v-3f07e532]{background-color:#7fb99a}.active i[data-v-3f07e532],.active span[data-v-3f07e532]{color:#fff}.page-navigation[data-v-3f07e532]{display:flex;align-items:center;gap:.03125rem;margin-left:auto;margin-top:.026042rem;margin-bottom:.026042rem;padding:0 .041667rem;height:90%;background-color:#537566;border-top-left-radius:.026042rem}.nav-button[data-v-3f07e532]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.010417rem;cursor:pointer;padding:.020833rem .03125rem;border-radius:.020833rem;transition:all .3s ease;height:.364583rem;min-width:.416667rem}.nav-button.disabled[data-v-3f07e532]{opacity:.8;cursor:not-allowed}.nav-button img[data-v-3f07e532]{width:.083333rem;height:.083333rem;margin-bottom:.026042rem}.nav-button span[data-v-3f07e532]{font-size:.052083rem;color:#fff}.page-number[data-v-3f07e532]{display:flex;flex-direction:column;align-items:center;gap:.010417rem;min-width:.234375rem;height:.234375rem}.current-total[data-v-3f07e532]{font-size:.072917rem;font-weight:700;color:#fff}.page-number span[data-v-3f07e532]{font-size:.052083rem;color:#fff}.nav-button.add-page[data-v-3f07e532],.nav-button.add-page i[data-v-3f07e532],.nav-button.add-page span[data-v-3f07e532]{color:#fff}@media screen and (max-width:768px){.left-buttons[data-v-3f07e532]{min-width:.9375rem}.left-buttons[data-v-3f07e532],.tool-list[data-v-3f07e532]{gap:.020833rem;padding:0 .03125rem}.tool-item[data-v-3f07e532]{min-width:.208333rem;padding:.015625rem .020833rem}.page-navigation[data-v-3f07e532]{padding:0 .03125rem;gap:.020833rem}.nav-button[data-v-3f07e532]{min-width:.208333rem;padding:.015625rem .020833rem}}