.solarized.base03{color:#002b36}.solarized.base02{color:#073642}.solarized.base01{color:#586e75}.solarized.base00{color:#657b83}.solarized.base0{color:#839496}.solarized.base1{color:#93a1a1}.solarized.base2{color:#eee8d5}.solarized.base3{color:#fdf6e3}.solarized.solar-yellow{color:#b58900}.solarized.solar-orange{color:#cb4b16}.solarized.solar-red{color:#dc322f}.solarized.solar-magenta{color:#d33682}.solarized.solar-violet{color:#6c71c4}.solarized.solar-blue{color:#268bd2}.solarized.solar-cyan{color:#2aa198}.solarized.solar-green{color:#859900}.cm-s-solarized{line-height:1.45em;color-profile:sRGB;rendering-intent:auto}.cm-s-solarized.cm-s-dark{color:#839496;background-color:#002b36;text-shadow:#002b36 0 1px}.cm-s-solarized.cm-s-light{background-color:#fdf6e3;color:#657b83;text-shadow:#eee8d5 0 1px}.cm-s-solarized .CodeMirror-widget{text-shadow:none}.cm-s-solarized .cm-header{color:#586e75}.cm-s-solarized .cm-quote{color:#93a1a1}.cm-s-solarized .cm-keyword{color:#cb4b16}.cm-s-solarized .cm-atom,.cm-s-solarized .cm-number{color:#d33682}.cm-s-solarized .cm-def{color:#2aa198}.cm-s-solarized .cm-variable{color:#839496}.cm-s-solarized .cm-variable-2{color:#b58900}.cm-s-solarized .cm-type,.cm-s-solarized .cm-variable-3{color:#6c71c4}.cm-s-solarized .cm-property{color:#2aa198}.cm-s-solarized .cm-operator{color:#6c71c4}.cm-s-solarized .cm-comment{color:#586e75;font-style:italic}.cm-s-solarized .cm-string{color:#859900}.cm-s-solarized .cm-string-2{color:#b58900}.cm-s-solarized .cm-meta{color:#859900}.cm-s-solarized .cm-qualifier{color:#b58900}.cm-s-solarized .cm-builtin{color:#d33682}.cm-s-solarized .cm-bracket{color:#cb4b16}.cm-s-solarized .CodeMirror-matchingbracket{color:#859900}.cm-s-solarized .CodeMirror-nonmatchingbracket{color:#dc322f}.cm-s-solarized .cm-tag{color:#93a1a1}.cm-s-solarized .cm-attribute{color:#2aa198}.cm-s-solarized .cm-hr{color:transparent;border-top:1px solid #586e75;display:block}.cm-s-solarized .cm-link{color:#93a1a1;cursor:pointer}.cm-s-solarized .cm-special{color:#6c71c4}.cm-s-solarized .cm-em{color:#999;text-decoration:underline;text-decoration-style:dotted}.cm-s-solarized .cm-error,.cm-s-solarized .cm-invalidchar{color:#586e75;border-bottom:1px dotted #dc322f}.cm-s-solarized.cm-s-dark div.CodeMirror-selected{background:#073642}.cm-s-solarized.cm-s-dark.CodeMirror ::selection{background:rgba(7,54,66,.99)}.cm-s-dark .CodeMirror-line>span::-moz-selection,.cm-s-dark .CodeMirror-line>span>span::-moz-selection,.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection{background:rgba(7,54,66,.99)}.cm-s-solarized.cm-s-light div.CodeMirror-selected{background:#eee8d5}.cm-s-light .CodeMirror-line>span::selection,.cm-s-light .CodeMirror-line>span>span::selection,.cm-s-solarized.cm-s-light .CodeMirror-line::selection{background:#eee8d5}.cm-s-light .CodeMirror-line>span::-moz-selection,.cm-s-light .CodeMirror-line>span>span::-moz-selection,.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection{background:#eee8d5}.cm-s-solarized.CodeMirror{-moz-box-shadow:inset 7px 0 12px -6px #000;-webkit-box-shadow:inset 7px 0 12px -6px #000;box-shadow:inset 7px 0 12px -6px #000}.cm-s-solarized .CodeMirror-gutters{border-right:0}.cm-s-solarized.cm-s-dark .CodeMirror-gutters{background-color:#073642}.cm-s-solarized.cm-s-dark .CodeMirror-linenumber{color:#586e75;text-shadow:#021014 0 -1px}.cm-s-solarized.cm-s-light .CodeMirror-gutters{background-color:#eee8d5}.cm-s-solarized.cm-s-light .CodeMirror-linenumber{color:#839496}.cm-s-solarized .CodeMirror-linenumber{padding:0 5px}.cm-s-solarized .CodeMirror-guttermarker-subtle{color:#586e75}.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker{color:#ddd}.cm-s-solarized.cm-s-light .CodeMirror-guttermarker{color:#cb4b16}.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text{color:#586e75}.cm-s-solarized .CodeMirror-cursor{border-left:1px solid #819090}.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor{background:#7e7}.cm-s-solarized.cm-s-light .cm-animate-fat-cursor{background-color:#7e7}.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor{background:#586e75}.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor{background-color:#586e75}.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background{background:hsla(0,0%,100%,.06)}.cm-s-solarized.cm-s-light .CodeMirror-activeline-background{background:rgba(0,0,0,.06)}.cm-s-monokai.CodeMirror{background:#272822;color:#f8f8f2}.cm-s-monokai div.CodeMirror-selected{background:#49483e}.cm-s-monokai .CodeMirror-line::selection,.cm-s-monokai .CodeMirror-line>span::selection,.cm-s-monokai .CodeMirror-line>span>span::selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-line::-moz-selection,.cm-s-monokai .CodeMirror-line>span::-moz-selection,.cm-s-monokai .CodeMirror-line>span>span::-moz-selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-gutters{background:#272822;border-right:0}.cm-s-monokai .CodeMirror-guttermarker{color:#fff}.cm-s-monokai .CodeMirror-guttermarker-subtle,.cm-s-monokai .CodeMirror-linenumber{color:#d0d0d0}.cm-s-monokai .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-monokai span.cm-comment{color:#75715e}.cm-s-monokai span.cm-atom,.cm-s-monokai span.cm-number{color:#ae81ff}.cm-s-monokai span.cm-comment.cm-attribute{color:#97b757}.cm-s-monokai span.cm-comment.cm-def{color:#bc9262}.cm-s-monokai span.cm-comment.cm-tag{color:#bc6283}.cm-s-monokai span.cm-comment.cm-type{color:#5998a6}.cm-s-monokai span.cm-attribute,.cm-s-monokai span.cm-property{color:#a6e22e}.cm-s-monokai span.cm-keyword{color:#f92672}.cm-s-monokai span.cm-builtin{color:#66d9ef}.cm-s-monokai span.cm-string{color:#e6db74}.cm-s-monokai span.cm-variable{color:#f8f8f2}.cm-s-monokai span.cm-variable-2{color:#9effff}.cm-s-monokai span.cm-type,.cm-s-monokai span.cm-variable-3{color:#66d9ef}.cm-s-monokai span.cm-def{color:#fd971f}.cm-s-monokai span.cm-bracket{color:#f8f8f2}.cm-s-monokai span.cm-tag{color:#f92672}.cm-s-monokai span.cm-header,.cm-s-monokai span.cm-link{color:#ae81ff}.cm-s-monokai span.cm-error{background:#f92672;color:#f8f8f0}.cm-s-monokai .CodeMirror-activeline-background{background:#373831}.cm-s-monokai .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-material.CodeMirror{background-color:#263238;color:#eff}.cm-s-material .CodeMirror-gutters{background:#263238;color:#546e7a;border:none}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#546e7a}.cm-s-material .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material.CodeMirror-focused div.CodeMirror-selected,.cm-s-material div.CodeMirror-selected{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material .cm-keyword{color:#c792ea}.cm-s-material .cm-operator{color:#89ddff}.cm-s-material .cm-variable-2{color:#eff}.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#f07178}.cm-s-material .cm-builtin{color:#ffcb6b}.cm-s-material .cm-atom{color:#f78c6c}.cm-s-material .cm-number{color:#ff5370}.cm-s-material .cm-def{color:#82aaff}.cm-s-material .cm-string{color:#c3e88d}.cm-s-material .cm-string-2{color:#f07178}.cm-s-material .cm-comment{color:#546e7a}.cm-s-material .cm-variable{color:#f07178}.cm-s-material .cm-tag{color:#ff5370}.cm-s-material .cm-meta{color:#ffcb6b}.cm-s-material .cm-attribute,.cm-s-material .cm-property{color:#c792ea}.cm-s-material .cm-qualifier,.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#decb6b}.cm-s-material .cm-error{color:#fff;background-color:#ff5370}.cm-s-material .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-dracula.CodeMirror,.cm-s-dracula .CodeMirror-gutters{background-color:#282a36!important;color:#f8f8f2!important;border:none}.cm-s-dracula .CodeMirror-gutters{color:#282a36}.cm-s-dracula .CodeMirror-cursor{border-left:thin solid #f8f8f0}.cm-s-dracula .CodeMirror-linenumber{color:#6d8a88}.cm-s-dracula .CodeMirror-selected{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-line::selection,.cm-s-dracula .CodeMirror-line>span::selection,.cm-s-dracula .CodeMirror-line>span>span::selection{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-line::-moz-selection,.cm-s-dracula .CodeMirror-line>span::-moz-selection,.cm-s-dracula .CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.1)}.cm-s-dracula span.cm-comment{color:#6272a4}.cm-s-dracula span.cm-string,.cm-s-dracula span.cm-string-2{color:#f1fa8c}.cm-s-dracula span.cm-number{color:#bd93f9}.cm-s-dracula span.cm-variable{color:#50fa7b}.cm-s-dracula span.cm-variable-2{color:#fff}.cm-s-dracula span.cm-def{color:#50fa7b}.cm-s-dracula span.cm-keyword,.cm-s-dracula span.cm-operator{color:#ff79c6}.cm-s-dracula span.cm-atom{color:#bd93f9}.cm-s-dracula span.cm-meta{color:#f8f8f2}.cm-s-dracula span.cm-tag{color:#ff79c6}.cm-s-dracula span.cm-attribute,.cm-s-dracula span.cm-qualifier{color:#50fa7b}.cm-s-dracula span.cm-property{color:#66d9ef}.cm-s-dracula span.cm-builtin{color:#50fa7b}.cm-s-dracula span.cm-type,.cm-s-dracula span.cm-variable-3{color:#ffb86c}.cm-s-dracula .CodeMirror-activeline-background{background:hsla(0,0%,100%,.1)}.cm-s-dracula .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.CodeMirror-scroll[data-v-54747411]{min-height:300px;max-height:1000px}[data-v-54747411] .CodeMirror{width:100%;height:100%!important;overflow-x:hidden}[data-v-54747411] .cm-comment,[data-v-54747411] .cm-def{font-style:normal!important}[data-v-6b19c936] .v-note-wrapper{border:0}[data-v-6b19c936] .v-note-wrapper .v-note-panel .v-note-show .v-show-content,[data-v-6b19c936] .v-note-wrapper .v-note-panel .v-note-show .v-show-content-html{padding:0}[data-v-6b19c936] .v-note-wrapper{display:block!important;position:static!important}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.prepareLessons[data-v-ab63e970]{min-height:calc(100vh - 120px);border-radius:5px;overflow:hidden}.briefIntroduction_right[data-v-ab63e970]{padding:20px;padding-top:0;background:#f9f9f9;border-radius:5px;overflow:hidden}.briefIntroduction_right li[data-v-ab63e970]{margin-top:20px;font-size:16px;font-weight:500}.fl[data-v-ab63e970]{float:left}.fr[data-v-ab63e970]{float:right}.clearfix[data-v-ab63e970]:after{content:"";display:block;visibility:hidden;clear:both}.briefIntroduction_right_bottom[data-v-ab63e970]{padding:20px;background:#fff;border-radius:5px;overflow:hidden}.topTitle[data-v-ab63e970]{height:60px;background:#fff;padding:20px;border-radius:5px;box-sizing:border-box;font-size:14px}.topTitle span[data-v-ab63e970]{color:rgba(0,0,0,.45)}.tdmian[data-v-ab63e970]{margin-top:10px;border-radius:5px}[data-v-ab63e970] .el-drawer__header>:first-child{outline:none}.txtjj[data-v-ab63e970]{width:calc(100% - 67px);text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}[data-v-ab63e970] .el-date-editor .el-range-separator{padding:0 16px}[data-v-ab63e970] .tox-tinymce{min-height:calc(100vh - 208px)}[data-v-ab63e970] .el-dialog{border-radius:10px!important}[data-v-ab63e970] .CodeMirror-scroll{height:92.2vh!important}.otpl-page[data-v-ab63e970]{background:#f9fafb;min-height:calc(100vh - 120px);padding:0;box-sizing:border-box}.otd-breadcrumb[data-v-ab63e970]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 16px;height:47px;margin:10px 10px 15px;background:#fff;border-radius:12px;color:#6b7280;font-size:14px;position:sticky;top:10px;z-index:20;border:1px solid #f3f4f6;transition:box-shadow .3s ease,border-color .3s ease}.otd-breadcrumb[data-v-ab63e970]:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);border-color:#e5e7eb}.otd-breadcrumb__back-el[data-v-ab63e970]{padding:4px 8px!important;margin:-4px 0!important;border-radius:8px!important;font-size:inherit!important;font-weight:500!important;color:#4b5563!important;transition:color .2s ease,background-color .2s ease!important}.otd-breadcrumb__back-el[data-v-ab63e970]:hover{color:#409eff!important}.otd-breadcrumb__back-el[data-v-ab63e970]>span{display:inline-flex;align-items:center;gap:6px}.otd-breadcrumb__back-el[data-v-ab63e970] .el-icon-arrow-left{font-size:12px;font-weight:700}.otd-breadcrumb__sep[data-v-ab63e970]{color:#d1d5db;font-weight:300;margin:0 2px}.otd-breadcrumb__muted[data-v-ab63e970]{color:#6b7280}.otd-breadcrumb__title[data-v-ab63e970]{color:#111827;font-weight:500;font-size:14px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otpl-view-toggle[data-v-ab63e970]{margin-left:auto;display:inline-flex;align-items:center;padding:4px;background:#f3f4f6;border-radius:8px;margin-top:-4px;margin-bottom:-4px}.otpl-view-toggle__btn[data-v-ab63e970]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1;color:#6b7280;background:transparent;border:none;border-radius:6px;cursor:pointer;outline:none;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.otpl-view-toggle__btn i[data-v-ab63e970]{font-size:13px;line-height:1}.otpl-view-toggle__btn[data-v-ab63e970]:hover{color:#374151}.otpl-view-toggle__btn.is-active[data-v-ab63e970]{background:#fff;color:#409eff}.otpl-view-toggle__btn.is-active[data-v-ab63e970]:hover{color:#409eff}.otpl-main[data-v-ab63e970]{margin-top:0;padding:0 10px 10px}.otpl-card[data-v-ab63e970]{border-radius:12px;border:1px solid #f3f4f6;overflow:hidden}.otpl-card[data-v-ab63e970] .el-card__header{padding:14px 16px;background:rgba(249,250,251,.5);border-bottom:1px solid #f3f4f6}.otpl-card[data-v-ab63e970] .el-card__body{padding:0}.otpl-card-header[data-v-ab63e970]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.otpl-card-title-bar[data-v-ab63e970]{width:4px;height:14px;border-radius:2px;background:#409eff;flex-shrink:0}.otpl-card-title[data-v-ab63e970]{font-size:14px;font-weight:700;color:#1f2937;line-height:1.4}.otpl-list-card-header[data-v-ab63e970]{justify-content:flex-start}.otpl-prob-del-btn[data-v-ab63e970]{color:#dc2626!important;margin-left:4px;font-size:12px!important}.otpl-prob-del-btn[data-v-ab63e970]:focus,.otpl-prob-del-btn[data-v-ab63e970]:hover{color:#991b1b!important}.otpl-add-prob-btn[data-v-ab63e970]{margin-left:auto;padding:7px 12px!important;background-color:#409eff!important;border-color:#409eff!important;color:#fff!important;font-size:12px!important;font-weight:500!important;border-radius:8px!important;transition:all .2s ease}.otpl-add-prob-btn[data-v-ab63e970]:focus,.otpl-add-prob-btn[data-v-ab63e970]:hover{background-color:#3a8ee6!important;border-color:#3a8ee6!important;color:#fff!important;box-shadow:0 2px 4px rgba(37,99,235,.3)}.otpl-add-prob-btn[data-v-ab63e970]:active{background-color:#1e3a8a!important;border-color:#1e3a8a!important}.otpl-add-prob-btn[data-v-ab63e970] [class^=el-icon-]{margin-right:4px;font-size:12px}.otpl-list-card[data-v-ab63e970] .el-card__body{padding:0}.otpl-table-wrap[data-v-ab63e970]{width:100%}.otpl-pagination-wrap[data-v-ab63e970]{margin-top:0;padding:12px 16px;border-top:1px solid #f3f4f6;background:#fff;text-align:right}.otpl-tag-list[data-v-ab63e970]{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.otpl-tag[data-v-ab63e970]{display:inline-flex;align-items:center;padding:2px 8px;margin:2px 4px 2px 0;font-size:12px;line-height:1.5;color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;white-space:nowrap}.otpl-side-card[data-v-ab63e970] .el-card__body{padding:0}.otpl-side-card-header[data-v-ab63e970]{justify-content:space-between;align-items:flex-start}.otpl-side-title-wrap[data-v-ab63e970]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.otpl-side-subtitle[data-v-ab63e970]{font-size:13px;font-weight:500;color:#6b7280;max-width:200px}.otpl-realtime[data-v-ab63e970]{display:flex;align-items:center;gap:8px;flex-shrink:0}.otpl-realtime-label[data-v-ab63e970]{font-size:13px;color:#6b7280}.otpl-legend[data-v-ab63e970]{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12px;color:#6b7280}.otpl-legend-item[data-v-ab63e970]{display:inline-flex;align-items:center;gap:6px}.otpl-dot[data-v-ab63e970]{display:inline-block;width:10px;height:10px;border-radius:2px}.otpl-dot-ac[data-v-ab63e970]{background:#10b981}.otpl-dot-wa[data-v-ab63e970]{background:#ef4444}.otpl-dot-na[data-v-ab63e970]{background:#e5e7eb}.otpl-matrix-section[data-v-ab63e970]{margin-bottom:16px}.otpl-matrix-section .otpl-card[data-v-ab63e970] .el-card__body{padding:0}.otpl-matrix-card[data-v-ab63e970] .el-card__header{padding:14px 16px;border-bottom:1px solid #f3f4f6;background:rgba(249,250,251,.5)}.otpl-matrix-header[data-v-ab63e970]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.otpl-matrix-title[data-v-ab63e970]{display:flex;align-items:center;gap:8px}.otpl-matrix-title-bar[data-v-ab63e970]{display:inline-block;width:4px;height:16px;background:#409eff;border-radius:2px}.otpl-matrix-title-text[data-v-ab63e970]{font-size:14px;font-weight:700;color:#1f2937}.otpl-matrix-legend[data-v-ab63e970]{display:flex;align-items:center;gap:16px}.otpl-legend-chip[data-v-ab63e970]{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;font-weight:500}.otpl-legend-icon[data-v-ab63e970]{width:16px;height:16px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid transparent}.otpl-legend-icon--ac[data-v-ab63e970]{background:#f0fdf4;border-color:#bbf7d0;color:#22c55e}.otpl-legend-icon--wa[data-v-ab63e970]{background:#fef2f2;border-color:#fecaca;color:#ef4444}.otpl-legend-icon--na[data-v-ab63e970]{background:#f9fafb;border-color:#e5e7eb;color:#d1d5db}.otpl-matrix-empty[data-v-ab63e970]{padding:40px 20px}.otpl-matrix-scroll[data-v-ab63e970]{overflow-x:auto;max-width:100%}.custom-scrollbar[data-v-ab63e970]::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar[data-v-ab63e970]::-webkit-scrollbar-thumb{border-radius:8px}.otpl-matrix-table[data-v-ab63e970]{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.otpl-matrix-table thead th[data-v-ab63e970]{background:#f9fafb;color:#6b7280;font-weight:700;font-size:12px;padding:12px 16px;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;white-space:nowrap;vertical-align:middle}.otpl-matrix-table tbody td[data-v-ab63e970]{padding:12px 16px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;text-align:center;vertical-align:middle;background:#fff;transition:background .15s}.otpl-mt-row:hover td[data-v-ab63e970]{background:rgba(239,246,255,.4)}.otpl-matrix-table tfoot td[data-v-ab63e970]{padding:12px 16px;background:#f9fafb;color:#374151;font-weight:700;font-size:12px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.otpl-mt-sticky[data-v-ab63e970]{position:sticky;z-index:2}.otpl-mt-col-name[data-v-ab63e970]{left:0;min-width:180px;width:180px;text-align:left!important;background:#f9fafb;z-index:3}tbody .otpl-mt-col-name[data-v-ab63e970]{background:#fff}.otpl-mt-row:hover .otpl-mt-col-name[data-v-ab63e970]{background:rgba(239,246,255,.4)}.otpl-mt-col-prog[data-v-ab63e970]{left:180px;min-width:140px;width:140px;background:#f9fafb;z-index:3}tbody .otpl-mt-col-prog[data-v-ab63e970]{background:rgba(249,250,251,.4)}.otpl-mt-stu[data-v-ab63e970]{display:flex;align-items:center;gap:10px}.otpl-mt-avatar[data-v-ab63e970]{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;letter-spacing:.5px}.otpl-mt-stu-name[data-v-ab63e970]{font-size:13px;font-weight:700;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otpl-mt-prog[data-v-ab63e970]{display:flex;flex-direction:column;align-items:center;gap:6px}.otpl-mt-prog-text[data-v-ab63e970]{font-size:13px;font-weight:700;color:#1f2937}.otpl-mt-prog-bar[data-v-ab63e970]{width:80%;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.otpl-mt-prog-bar__inner[data-v-ab63e970]{height:100%;background:#3b82f6;border-radius:999px;transition:width .4s ease}.otpl-mt-prob-head[data-v-ab63e970]{min-width:110px;cursor:pointer;transition:background .15s}.otpl-mt-prob-head[data-v-ab63e970]:hover{background:#f3f4f6!important}.otpl-mt-prob-head.is-active-prob[data-v-ab63e970]{background:#eff6ff!important}.otpl-mt-prob-code[data-v-ab63e970]{color:#409eff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:700;font-size:13px;margin-bottom:2px}.otpl-mt-prob-name[data-v-ab63e970]{font-size:11px;color:#9ca3af;font-weight:400;max-width:110px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otpl-mt-cell-wrap[data-v-ab63e970]{padding:8px!important}.otpl-mt-cell[data-v-ab63e970]{min-width:84px;min-height:44px;padding:6px 8px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid transparent}.otpl-mt-cell[data-v-ab63e970]:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.06)}.otpl-mt-cell--ac[data-v-ab63e970]{background:#f0fdf4;border-color:#bbf7d0;color:#22c55e}.otpl-mt-cell--wa[data-v-ab63e970]{background:#fef2f2;border-color:#fecaca;color:#ef4444}.otpl-mt-cell--na[data-v-ab63e970]{background:rgba(249,250,251,.6);color:#d1d5db;cursor:default}.otpl-mt-cell--na[data-v-ab63e970]:hover{transform:none;box-shadow:none}.otpl-mt-cell-icon[data-v-ab63e970]{font-size:16px;font-weight:700}.otpl-mt-cell-tries[data-v-ab63e970]{margin-top:2px;font-size:11px;font-weight:500;opacity:.85}.otpl-mt-cell-na[data-v-ab63e970]{font-size:12px;font-weight:700}.otpl-mt-foot-label[data-v-ab63e970]{left:0;text-align:right!important;font-weight:700;color:#6b7280;font-size:12px}.otpl-mt-foot-rate[data-v-ab63e970]{text-align:center;font-weight:700;font-size:12px}.otpl-mt-foot-rate.is-pass-high[data-v-ab63e970]{color:#22c55e}.otpl-mt-foot-rate.is-pass-low[data-v-ab63e970]{color:#f97316}.otpl-stu-desc-card[data-v-ab63e970] .el-card__body,.otpl-stu-side-card[data-v-ab63e970] .el-card__body{padding:16px}.otpl-stu-desc[data-v-ab63e970],.otpl-stu-progress[data-v-ab63e970]{padding:0;background:transparent}[data-v-ab63e970] .otpl-add-problem-dialog{border-radius:16px;overflow:hidden}[data-v-ab63e970] .otpl-add-problem-dialog .el-table__body-wrapper{height:300px!important}[data-v-ab63e970] .otpl-add-problem-dialog .el-dialog__header{padding:20px 24px;text-align:left;border-bottom:1px solid #f3f4f6;background:#fff}[data-v-ab63e970] .otpl-add-problem-dialog .el-dialog__headerbtn{top:18px;right:20px;width:32px;height:32px;border-radius:50%;background:#f9fafb;transition:all .2s ease}[data-v-ab63e970] .otpl-add-problem-dialog .el-dialog__headerbtn:hover{background:#f3f4f6}[data-v-ab63e970] .otpl-add-problem-dialog .el-dialog__headerbtn .el-dialog__close{color:#9ca3af;font-weight:700;transition:color .2s ease}[data-v-ab63e970] .otpl-add-problem-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#4b5563}[data-v-ab63e970] .otpl-add-problem-dialog .el-dialog__body{padding:0}[data-v-ab63e970] .otpl-add-problem-dialog .el-dialog__footer{padding:16px 24px;border-top:1px solid #f3f4f6;background:#fff}.otpl-add-dialog-title-wrap[data-v-ab63e970]{text-align:left}.otpl-add-dialog-h1[data-v-ab63e970]{font-size:20px;font-weight:700;color:#1f2937;line-height:1.3}.otpl-add-dialog-h2[data-v-ab63e970]{margin-top:4px;font-size:12px;color:#6b7280;font-weight:400;line-height:1.4}.otpl-add-filters[data-v-ab63e970]{padding:18px 24px 26px;background:none;border-bottom:1px solid #f3f4f6}.otpl-add-notice[data-v-ab63e970]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;margin-bottom:16px}.otpl-add-notice__icon[data-v-ab63e970]{margin-top:2px;font-size:14px;color:#f97316;flex-shrink:0}.otpl-add-notice__text[data-v-ab63e970]{flex:1;font-size:12px;line-height:1.6;color:#9a3412}.otpl-add-notice__label[data-v-ab63e970]{font-weight:700}.opl-filter-label[data-v-ab63e970]{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px;margin-left:4px}.opl-add-filter-row[data-v-ab63e970]{flex:1;width:100%;min-width:0;flex-wrap:wrap;row-gap:12px}.opl-add-filter-layout[data-v-ab63e970]{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:48px}.opl-add-filter-row[data-v-ab63e970] .el-col{display:flex;align-items:center;gap:10px;min-width:0;height:40px}.opl-add-filter-row[data-v-ab63e970] .opl-add-filter-source{margin-left:0}@media (min-width:992px){.opl-add-filter-row[data-v-ab63e970] .el-col,.opl-add-filter-row[data-v-ab63e970] .opl-add-filter-source{flex:0 0 33.3333%;max-width:33.3333%}}.opl-add-filter-row .opl-filter-label[data-v-ab63e970]{flex-shrink:0;width:64px;margin:0;line-height:40px;text-align:right;white-space:nowrap}.opl-add-filter-row[data-v-ab63e970] .opl-el-fill{flex:1;min-width:0}[data-v-ab63e970] .opl-el-fill,[data-v-ab63e970] .opl-el-fill .el-cascader,[data-v-ab63e970] .opl-el-fill .el-input,[data-v-ab63e970] .opl-el-fill .el-select{width:100%}[data-v-ab63e970] .opl-el-fill .el-input__inner{border-radius:12px;border-color:#e5e7eb;height:40px;line-height:normal;transition:all .2s}[data-v-ab63e970] .opl-el-fill .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.opl-modal-search-input[data-v-ab63e970]{width:100%}.opl-modal-search-input[data-v-ab63e970] .el-input__inner{height:40px;line-height:40px;border-radius:12px;border-color:#e5e7eb}.opl-modal-search-input[data-v-ab63e970] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.opl-filter-actions[data-v-ab63e970]{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:0}.opl-add-filter-actions[data-v-ab63e970]{flex:0 0 210px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:10px;margin-top:0;padding-left:4px}.opl-add-filter-actions .el-button[data-v-ab63e970]{flex-shrink:0;height:40px;line-height:38px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:500}.opl-add-filter-actions .el-button--plain[data-v-ab63e970]{background:#fff;border-color:#e5e7eb;color:#4b5563}.opl-add-filter-actions .el-button--plain[data-v-ab63e970]:hover{background:#f9fafb;border-color:#d1d5db;color:#409eff}.opl-btn-query-primary[data-v-ab63e970]{background:#409eff!important;border-color:#409eff!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 6px -1px rgba(37,99,235,.25),0 2px 4px -2px rgba(37,99,235,.15)!important}.opl-btn-query-primary[data-v-ab63e970]:focus,.opl-btn-query-primary[data-v-ab63e970]:hover{background:#3a8ee6!important;border-color:#3a8ee6!important}.otpl-add-btn[data-v-ab63e970]{height:38px;padding:0 18px!important;border-radius:8px!important;font-size:14px!important;line-height:36px!important;transition:all .2s ease!important;display:inline-flex;align-items:center;justify-content:center}.otpl-add-btn[data-v-ab63e970] [class^=el-icon-]{margin-right:6px;font-size:13px}.otpl-add-btn--cancel[data-v-ab63e970],.otpl-add-btn--reset[data-v-ab63e970]{background:#fff!important;border:1px solid #e5e7eb!important;color:#4b5563!important;font-weight:500!important}.otpl-add-btn--cancel[data-v-ab63e970]:focus,.otpl-add-btn--cancel[data-v-ab63e970]:hover,.otpl-add-btn--reset[data-v-ab63e970]:focus,.otpl-add-btn--reset[data-v-ab63e970]:hover{background:#f9fafb!important;border-color:#d1d5db!important;color:#409eff!important}.otpl-add-btn--cancel[data-v-ab63e970]{padding:0 22px!important}.otpl-add-btn--cancel[data-v-ab63e970]:hover{color:#1f2937!important}.otpl-add-btn--confirm[data-v-ab63e970],.otpl-add-btn--primary[data-v-ab63e970]{padding:0 20px!important;background:#409eff!important;border:1px solid #409eff!important;color:#fff!important;font-weight:600!important}.otpl-add-btn--confirm[data-v-ab63e970]:focus,.otpl-add-btn--confirm[data-v-ab63e970]:hover,.otpl-add-btn--primary[data-v-ab63e970]:focus,.otpl-add-btn--primary[data-v-ab63e970]:hover{background:#3a8ee6!important;border-color:#3a8ee6!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 12px -2px rgba(37,99,235,.3)}.otpl-add-btn--confirm[data-v-ab63e970]:active,.otpl-add-btn--primary[data-v-ab63e970]:active{transform:translateY(0)}.otpl-add-btn--confirm[data-v-ab63e970]{padding:0 24px!important}.otpl-add-problem-table[data-v-ab63e970]{width:100%;border-bottom:1px solid #f3f4f6}.otpl-add-problem-table[data-v-ab63e970] .el-table__header th.el-table__cell{background:rgba(249,250,251,.9)!important;color:#6b7280!important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:14px 16px;border-bottom:1px solid #f3f4f6}.otpl-add-problem-table[data-v-ab63e970] .el-table__row>td{padding:14px 16px;border-bottom:1px solid #f9fafb}.otpl-add-problem-table[data-v-ab63e970] .el-table__row:hover>td{background-color:#f9fafb!important}.otpl-add-problem-table[data-v-ab63e970] .el-table__row.selected-row>td{background-color:rgba(239,246,255,.6)!important}.otpl-add-prob-title[data-v-ab63e970]{font-weight:500;color:#1f2937;font-size:14px;transition:color .2s ease}.otpl-add-prob-tag[data-v-ab63e970]{display:inline-flex;align-items:center;padding:2px 8px;margin:2px 4px 2px 0;font-size:12px;line-height:1.5;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;white-space:nowrap}.opl-diff-tag[data-v-ab63e970]{border-radius:9999px!important;font-weight:600!important}.opl-diff-tag.opl-pill--easy[data-v-ab63e970]{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important}.opl-diff-tag.opl-pill--mid[data-v-ab63e970]{background:#dbeafe!important;color:#3a8ee6!important;border-color:#bfdbfe!important}.opl-diff-tag.opl-pill--hard[data-v-ab63e970]{background:#fef9c3!important;color:#a16207!important;border-color:#fde047!important}.opl-diff-tag.opl-pill--muted[data-v-ab63e970]{background:#f3f4f6!important;color:#4b5563!important;border-color:#e5e7eb!important}.opl-muted[data-v-ab63e970]{color:#9ca3af}.otpl-add-problem-footer[data-v-ab63e970]{justify-content:flex-end;width:100%}.otpl-add-problem-footer-left[data-v-ab63e970],.otpl-add-problem-footer[data-v-ab63e970]{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.otpl-add-problem-selected[data-v-ab63e970]{font-size:14px;color:#6b7280;font-weight:500}.otpl-add-problem-selected__num[data-v-ab63e970]{display:inline-block;margin:0 4px;font-size:14px;font-weight:700;color:#409eff}.otpl-add-problem-footer-right[data-v-ab63e970]{display:flex;align-items:center;gap:12px}.otpl-add-pagination[data-v-ab63e970]{margin:0;padding:0}.otpl-add-pagination[data-v-ab63e970] .btn-next,.otpl-add-pagination[data-v-ab63e970] .btn-prev,.otpl-add-pagination[data-v-ab63e970] .el-pager li{height:32px!important;min-width:32px!important;line-height:30px!important;padding:0 8px;border-radius:8px!important;margin:0 3px!important;font-size:13px!important;font-weight:500;background:#fff!important;color:#4b5563!important;border:1px solid #e5e7eb;transition:all .2s ease}.otpl-add-pagination.is-background[data-v-ab63e970] .btn-next:hover:not(:disabled),.otpl-add-pagination.is-background[data-v-ab63e970] .btn-prev:hover:not(:disabled),.otpl-add-pagination.is-background[data-v-ab63e970] .el-pager li:not(.disabled):not(.active):hover{color:#409eff!important;border-color:#bfdbfe;background:#eff6ff!important}.otpl-add-pagination.is-background[data-v-ab63e970] .el-pager li:not(.disabled).active{background-color:#409eff!important;border-color:#409eff;color:#fff!important}.otpl-add-pagination[data-v-ab63e970] .btn-next:disabled,.otpl-add-pagination[data-v-ab63e970] .btn-prev:disabled{background:#fff!important;color:#d1d5db!important;border-color:#f3f4f6;cursor:not-allowed}.otpl-add-pagination[data-v-ab63e970] .el-pager li.more{background:transparent!important;border:none;color:#9ca3af!important}.otpl-status-icon[data-v-ab63e970]{font-size:18px;vertical-align:middle;line-height:1}.otpl-status-icon--ok[data-v-ab63e970]{color:#22c55e}.otpl-status-icon--fail[data-v-ab63e970]{color:#ef4444}.otpl-status-icon--na[data-v-ab63e970]{color:#cbd5e1}.otpl-title-ellipsis[data-v-ab63e970]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otpl-title-ellipsis .el-link[data-v-ab63e970]{display:inline;max-width:100%;vertical-align:bottom}.otpl-data-table[data-v-ab63e970] .el-table__body tr.hover-row>td,.otpl-data-table[data-v-ab63e970] .el-table__row:hover>td{background-color:#f5f9ff!important}.otpl-data-table[data-v-ab63e970] .el-table__row.current-row>td{background-color:#eff6ff!important}.otpl-data-table[data-v-ab63e970] .el-table th.el-table__cell{text-transform:uppercase}.otpl-pagination[data-v-ab63e970]{margin:0}.otpl-pagination[data-v-ab63e970] .el-pagination__jump,.otpl-pagination[data-v-ab63e970] .el-pagination__total{color:#6b7280;font-weight:500}.otpl-pagination.is-background[data-v-ab63e970] .el-pager li{background-color:#f3f4f6;color:#374151;border-radius:6px;margin:0 4px;min-width:30px;height:30px;line-height:30px;font-weight:500;transition:all .2s ease}.otpl-pagination.is-background[data-v-ab63e970] .el-pager li:not(.disabled):not(.active):hover{color:#409eff;background-color:#eff6ff}.otpl-pagination.is-background[data-v-ab63e970] .el-pager li:not(.disabled).active{background-color:#409eff!important;color:#fff!important}.otpl-pagination.is-background[data-v-ab63e970] .btn-next,.otpl-pagination.is-background[data-v-ab63e970] .btn-prev{background-color:#f3f4f6;border-radius:6px;margin:0 4px;min-width:30px;height:30px;transition:all .2s ease}.otpl-pagination.is-background[data-v-ab63e970] .btn-next:hover:not(:disabled),.otpl-pagination.is-background[data-v-ab63e970] .btn-prev:hover:not(:disabled){color:#409eff;background-color:#eff6ff}.otpl-pagination[data-v-ab63e970] .el-pagination__jump .el-input__inner{border-radius:6px;transition:border-color .2s ease}.otpl-pagination[data-v-ab63e970] .el-pagination__jump .el-input__inner:focus{border-color:#409eff}.opd-rec[data-v-ab63e970]{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff;font-family:Avenir,Helvetica,Arial,sans-serif}.opd-rec__head[data-v-ab63e970]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;border-bottom:1px solid #e5e7eb;background:none}.opd-rec__head-title[data-v-ab63e970]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1f2937}.opd-rec__head-ico[data-v-ab63e970]{color:#409eff;font-size:20px}.opd-rec__head-close[data-v-ab63e970]{width:32px;height:32px;border:none;border-radius:999px;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.opd-rec__head-close[data-v-ab63e970]:hover{background:#e5e7eb;color:#4b5563}.opd-rec__body[data-v-ab63e970]{flex:1;display:flex;min-height:0;overflow:hidden}.opd-rec__list[data-v-ab63e970]{width:400px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e5e7eb;background:#fff}.opd-rec__table-wrap[data-v-ab63e970]{flex:1;min-height:0;overflow-y:auto;padding:8px 12px 0}.opd-rec-table[data-v-ab63e970]{width:100%;border-collapse:separate;border-spacing:0 6px}.opd-rec-table thead th[data-v-ab63e970]{text-align:left;padding:8px 10px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.opd-rec-table__th--idx[data-v-ab63e970]{text-align:center;width:48px}.opd-rec-table__row td[data-v-ab63e970]{padding:10px;font-size:13px;color:#334155;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;transition:background .2s,box-shadow .2s;cursor:pointer}.opd-rec-table__row td[data-v-ab63e970]:first-child{border-left:1px solid #f1f5f9;border-top-left-radius:12px;border-bottom-left-radius:12px}.opd-rec-table__row td[data-v-ab63e970]:last-child{border-right:1px solid #f1f5f9;border-top-right-radius:12px;border-bottom-right-radius:12px}.opd-rec-table__row:hover td[data-v-ab63e970]{background:#f8fafc}.opd-rec-table__row.is-active td[data-v-ab63e970]{background:#eff6ff;border-color:#bfdbfe}.opd-rec-table__idx[data-v-ab63e970]{text-align:center;font-family:Monaco,Menlo,monospace;font-size:12px;color:#94a3b8}.opd-rec-status-badge[data-v-ab63e970]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700}.opd-rec-status-badge.is-ok[data-v-ab63e970]{background:#ecfdf5;color:#059669}.opd-rec-status-badge.is-bad[data-v-ab63e970]{background:#fef2f2;color:#dc2626}.opd-rec-score[data-v-ab63e970]{font-weight:700;font-size:14px}.opd-rec-score--link[data-v-ab63e970]{cursor:pointer}.opd-rec-score--link.is-pass[data-v-ab63e970]{color:#059669}.opd-rec-score--link.is-fail[data-v-ab63e970]{color:#e11d48}.opd-rec-score--link[data-v-ab63e970]:hover{text-decoration:underline}.opd-rec-time[data-v-ab63e970]{font-size:12px;color:#64748b;white-space:nowrap}.opd-rec__pager[data-v-ab63e970]{flex-shrink:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid #f3f4f6;background:#fff}.opd-rec__pager-label[data-v-ab63e970]{font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:.08em;text-transform:uppercase}.opd-rec__pager-btn[data-v-ab63e970]{width:32px;height:32px;border-radius:5px;border:1px solid #e5e7eb;background:#fff;color:#94a3b8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.opd-rec__pager-btn[data-v-ab63e970]:hover:not(:disabled){color:#409eff;border-color:#bfdbfe}.opd-rec__pager-btn[data-v-ab63e970]:disabled{opacity:.4;cursor:not-allowed}.opd-rec__pager-btns[data-v-ab63e970]{display:flex;gap:8px}.opd-rec__detail[data-v-ab63e970]{flex:1;min-width:0;display:flex;flex-direction:column;background:none}.opd-rec__placeholder[data-v-ab63e970]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.opd-rec__placeholder-icon[data-v-ab63e970]{width:80px;height:80px;border-radius:999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:36px;opacity:.45}.opd-rec__placeholder-text[data-v-ab63e970]{font-size:14px;font-weight:500}.opd-rec__detail-inner[data-v-ab63e970]{flex:1;display:flex;flex-direction:column;min-height:0}.opd-rec__toolbar[data-v-ab63e970]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid #f3f4f6;background:#fff;flex-wrap:nowrap;overflow:visible}.opd-rec__toolbar--split[data-v-ab63e970]{justify-content:space-between}.opd-rec__tabs[data-v-ab63e970]{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;height:100%;gap:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.opd-rec__tab[data-v-ab63e970]{display:flex;align-items:center;gap:8px;padding:0 16px;height:100%;flex-shrink:0;border:none;border-bottom:3px solid transparent;background:transparent;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.opd-rec__tab[data-v-ab63e970]:hover{color:#409eff;background:#f8fafc}.opd-rec__tab.is-active[data-v-ab63e970]{color:#409eff;border-bottom-color:#409eff;background:#eff6ff}.opd-rec__split-toggle[data-v-ab63e970]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;color:#4b5563;background:#f3f4f6;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap;margin-right:30px}.opd-rec__split-toggle[data-v-ab63e970]:hover{background:#e5e7eb}.opd-rec__split-toggle.is-on[data-v-ab63e970]{background:#dbeafe;color:#3a8ee6}.opd-rec__split-label[data-v-ab63e970]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#374151}.opd-rec__content[data-v-ab63e970]{flex:1;min-height:0;display:flex;flex-direction:column}.opd-rec__content.is-split[data-v-ab63e970]{flex-direction:row}.opd-rec__pane[data-v-ab63e970]{flex:1;min-height:0}.opd-rec__pane--scroll[data-v-ab63e970]{overflow-y:auto;padding:16px;height:100%;background:#fff}.opd-rec__pane--flex[data-v-ab63e970]{display:flex;flex-direction:column;padding:16px;gap:12px}.opd-rec-desc__stats[data-v-ab63e970]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f3f4f6}.opd-rec-desc__stat[data-v-ab63e970]{text-align:center}.opd-rec-desc__stat-k[data-v-ab63e970]{font-size:10px;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.opd-rec-desc__stat-v[data-v-ab63e970]{font-size:14px;font-weight:700;color:#111827}.opd-rec-desc__stat-v--ok[data-v-ab63e970]{color:#059669}.opd-rec-block[data-v-ab63e970]{margin-bottom:24px}.opd-rec-block__title[data-v-ab63e970]{position:relative;padding-left:14px;margin:0 0 12px;font-size:15px;font-weight:700;color:#409eff}.opd-rec-block__title[data-v-ab63e970]:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;background:#409eff;border-radius:2px}.opd-rec-block__html[data-v-ab63e970]{font-size:15px;line-height:1.65;color:#374151}.opd-rec-sample-grid[data-v-ab63e970]{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:1200px){.opd-rec-sample-grid[data-v-ab63e970]{grid-template-columns:1fr 1fr}}.opd-rec-sample[data-v-ab63e970]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.opd-rec-sample__head[data-v-ab63e970]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.opd-rec-sample__copy[data-v-ab63e970]{cursor:pointer;user-select:none}.opd-rec-sample__pre[data-v-ab63e970]{margin:0;padding:14px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;color:#334155;white-space:pre-wrap;word-break:break-all;background:#fff;height:100%}.opd-rec-code-meta[data-v-ab63e970]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.opd-rec-code-meta--compact[data-v-ab63e970]{grid-template-columns:repeat(3,1fr);gap:8px}.opd-rec-code-card[data-v-ab63e970]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #f3f4f6;border-radius:12px}.opd-rec-code-card--sm[data-v-ab63e970]{padding:8px}.opd-rec-code-card__ico[data-v-ab63e970]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.opd-rec-code-card__ico.sm[data-v-ab63e970]{width:32px;height:32px;border-radius:8px;font-size:14px}.opd-rec-code-card__ico--blue[data-v-ab63e970]{background:#eff6ff;color:#409eff}.opd-rec-code-card__ico--amber[data-v-ab63e970]{background:#fffbeb;color:#d97706}.opd-rec-code-card__ico--purple[data-v-ab63e970]{background:#faf5ff;color:#9333ea}.opd-rec-code-card__k[data-v-ab63e970]{font-size:10px;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.opd-rec-code-card__v[data-v-ab63e970]{font-size:14px;font-weight:700;color:#111827}.opd-rec-code-card__unit[data-v-ab63e970]{font-size:11px;font-weight:400;opacity:.45;margin-left:2px}.opd-rec-code-view[data-v-ab63e970]{flex:1;min-height:200px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);background:#1e1e1e}.opd-rec-code-view__bar[data-v-ab63e970]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:#252526;border-bottom:1px solid hsla(0,0%,100%,.06)}.opd-rec-code-dots[data-v-ab63e970]{display:flex;gap:6px}.opd-rec-code-dots i[data-v-ab63e970]{width:10px;height:10px;border-radius:50%;background:#ff5f56}.opd-rec-code-dots i[data-v-ab63e970]:nth-child(2){background:#ffbd2e}.opd-rec-code-dots i[data-v-ab63e970]:nth-child(3){background:#27c93f}.opd-rec-code-view__hint[data-v-ab63e970]{font-size:11px;color:#9ca3af;font-weight:600}.opd-rec-code-view__copy[data-v-ab63e970]{cursor:pointer;transition:color .2s ease}.opd-rec-code-mirror[data-v-ab63e970]{flex:1;min-height:240px;font-size:14px}.opd-rec-code-mirror[data-v-ab63e970] .CodeMirror{height:100%!important;min-height:240px;font-size:14px}.opd-rec-code-mirror--split[data-v-ab63e970] .CodeMirror{min-height:200px;font-size:13px}.opd-rec-test-head[data-v-ab63e970]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.opd-rec-test-head__t[data-v-ab63e970]{font-weight:700;color:#111827}.opd-rec-test-head__tag[data-v-ab63e970]{padding:2px 8px;background:#f3f4f6;color:#6b7280;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.opd-rec-test-head__help-wrap[data-v-ab63e970]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:help;outline:none}.opd-rec-test-head__help[data-v-ab63e970]{font-size:16px;color:#9ca3af;pointer-events:none;transition:color .2s ease}.opd-rec-test-head__help-wrap:focus .opd-rec-test-head__help[data-v-ab63e970],.opd-rec-test-head__help-wrap:hover .opd-rec-test-head__help[data-v-ab63e970]{color:#409eff}.opd-rec-tcase-grid[data-v-ab63e970]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width:768px){.opd-rec-tcase-grid[data-v-ab63e970]{grid-template-columns:1fr}}.opd-rec-tcase[data-v-ab63e970]{display:flex;align-items:stretch;min-height:48px;margin-bottom:0;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;transition:box-shadow .2s,transform .2s}.opd-rec-tcase[data-v-ab63e970]:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.06)}.opd-rec-tcase.is-ac[data-v-ab63e970]{border-color:#22c55e}.opd-rec-tcase.is-wa[data-v-ab63e970]{border-color:#ef4444}.opd-rec-tcase.is-re[data-v-ab63e970]{border-color:#a855f7}.opd-rec-tcase__status[data-v-ab63e970]{width:48px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:4px 2px}.opd-rec-tcase__status.is-ac[data-v-ab63e970]{background:#22c55e}.opd-rec-tcase__status.is-wa[data-v-ab63e970]{background:#ef4444}.opd-rec-tcase__status.is-re[data-v-ab63e970]{background:#a855f7}.opd-rec-tcase__no[data-v-ab63e970]{font-size:10px;font-weight:700;opacity:.85}.opd-rec-tcase__st[data-v-ab63e970]{font-size:12px;font-weight:900}.opd-rec-tcase__main[data-v-ab63e970]{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff}.opd-rec-tcase__meta[data-v-ab63e970]{font-size:13px;color:#64748b;font-weight:500}.opd-rec-tcase__sep[data-v-ab63e970]{margin:0 4px}.opd-rec-tcase__actions[data-v-ab63e970]{display:flex;align-items:center;gap:10px}.opd-rec-tcase__score[data-v-ab63e970]{font-size:13px;color:#64748b}.opd-rec-tcase__ico.ok[data-v-ab63e970]{color:#22c55e;font-size:16px}.opd-rec-tcase__ico.bad[data-v-ab63e970]{color:#ef4444;font-size:16px}.opd-rec-tcase__ico.re[data-v-ab63e970]{color:#a855f7;font-size:16px}.opd-rec__empty[data-v-ab63e970]{text-align:center;color:#94a3b8;font-size:13px;padding:24px}.opd-rec__empty--pad[data-v-ab63e970]{padding:40px 16px}.opd-rec__split-left[data-v-ab63e970]{flex:1;min-width:0;display:flex;flex-direction:column;padding:12px;border-right:1px solid #e5e7eb;background:#fff}.opd-rec__split-right[data-v-ab63e970]{flex:1;min-width:0;display:flex;flex-direction:column;background:none}.opd-rec__subtabs[data-v-ab63e970]{display:flex;flex-shrink:0;border-bottom:1px solid #f3f4f6;background:#fff}.opd-rec__subtab[data-v-ab63e970]{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;font-size:13px;font-weight:700;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,background .2s}.opd-rec__subtab[data-v-ab63e970]:hover{background:none;color:#409eff}.opd-rec__subtab.is-active[data-v-ab63e970]{color:#409eff;border-bottom-color:#409eff;background:rgba(239,246,255,.5)}.opd-rec__split-pane[data-v-ab63e970]{flex:1;min-height:0}.opd-rec-overlay[data-v-ab63e970]{position:fixed;inset:0;z-index:3000;display:flex;justify-content:flex-end;align-items:stretch}.opd-rec-overlay__mask[data-v-ab63e970]{position:absolute;inset:0;background:rgba(0,0,0,.5)}.opd-rec-overlay__panel[data-v-ab63e970]{position:relative;z-index:1;width:1200px;max-width:100vw;height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box}.opd-rec-overlay .opd-rec[data-v-ab63e970]{font-size:16px;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:100%!important;width:100%!important;background:#fff!important;font-family:Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box!important}.opd-rec-overlay .opd-rec__head[data-v-ab63e970]{flex-shrink:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:56px!important;padding:0 24px!important;border-bottom:1px solid #e5e7eb!important;background:#f9fafb!important;box-sizing:border-box!important}.opd-rec-overlay .opd-rec__head-title[data-v-ab63e970]{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;font-size:18px!important;font-weight:700!important;color:#1f2937!important;flex:1!important;min-width:0!important}.opd-rec-overlay .opd-rec__head-ico--history[data-v-ab63e970]{color:#409eff!important;font-size:20px!important;flex-shrink:0!important}.opd-rec-overlay .opd-rec__head-close[data-v-ab63e970]{flex-shrink:0!important;width:32px!important;height:32px!important;border:none!important;border-radius:999px!important;background:transparent!important;color:#9ca3af!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.opd-rec-overlay .opd-rec__head-close[data-v-ab63e970]:hover{background:#e5e7eb!important;color:#4b5563!important}.opd-rec-overlay .opd-rec__body[data-v-ab63e970]{display:flex!important;flex-direction:row!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;width:100%!important}.opd-rec-overlay .opd-rec__list[data-v-ab63e970]{width:400px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;min-height:0!important;border-right:1px solid #e5e7eb!important;background:#fff!important}.opd-rec-overlay .opd-rec__detail[data-v-ab63e970]{min-width:0!important;background:#f9fafb!important}.opd-rec-overlay .opd-rec__detail-inner[data-v-ab63e970],.opd-rec-overlay .opd-rec__detail[data-v-ab63e970]{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}.opd-rec-overlay .opd-rec__toolbar[data-v-ab63e970]{flex-shrink:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;min-height:48px!important;height:auto!important;box-sizing:border-box!important;overflow:visible!important}.opd-rec-overlay .opd-rec__tabs[data-v-ab63e970]{flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.opd-rec-overlay .opd-rec__tab[data-v-ab63e970]{flex-shrink:0!important}.opd-rec-overlay .opd-rec__split-toggle[data-v-ab63e970]{flex-shrink:0!important;white-space:nowrap!important}.opd-rec-overlay .opd-rec__content[data-v-ab63e970]{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important}.opd-rec-overlay .opd-rec__content.is-split[data-v-ab63e970]{flex-direction:row!important}.custom-scrollbar[data-v-ab63e970]::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar[data-v-ab63e970]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.el-tooltip__popper.opd-rec-test-head__tip[data-v-ab63e970]{z-index:3100!important;max-width:320px;line-height:1.6}[data-v-ab63e970] .el-table__body .otpl-code-text,[data-v-ab63e970] .el-table__body .otpl-code-text .cell{color:#1f2937!important}.otpl-row-actions[data-v-ab63e970]{display:inline-flex;align-items:center;justify-content:center;gap:14px}.otpl-row-actions .el-button[data-v-ab63e970]{margin:0!important;padding:0!important}