.scx-switch+.scx-switch{margin:2px}.scx-switch{height:22px;width:44px;border:none;background:#00000040;border-radius:11px;position:relative;vertical-align:middle;transition:background-color .15s,box-shadow .15s;cursor:pointer;padding:0}.scx-switch:hover{box-shadow:0 0 0 .1rem var(--scx-text-placeholder-color)}.scx-switch>.scx-switch-icon{box-shadow:#00230b33 0 2px 4px;position:absolute;top:2px;left:2px;height:18px;width:18px;background:#fff;border-radius:9px;transition:left .15s ease-in-out,width .2s ease-in-out,margin-left .2s ease-in-out;display:flex;justify-content:center;align-items:center;z-index:1}.scx-switch.scx-switch-checked{background:var(--scx-theme)}.scx-switch.scx-switch-checked>.scx-switch-icon{left:calc(100% - 20px)}.scx-switch.scx-switch-checked:active>.scx-switch-icon{width:22px;margin-left:-4px}.scx-switch:active>.scx-switch-icon{width:22px;margin-left:0}.scx-switch>.scx-switch-label{position:absolute;top:2px;display:flex;align-items:center;right:8px}.scx-switch.scx-switch-checked>.scx-switch-label{left:8px}.scx-switch:focus{outline:none}.scx-switch[disabled]{cursor:not-allowed;opacity:.4}.scx-switch.scx-switch-checked:active{animation:scx-switch-close-tips 1.5s infinite linear}.scx-switch:active{animation:scx-switch-open-tips 1.5s infinite linear}@keyframes scx-switch-close-tips{0%{box-shadow:0 0 0 .1rem #63acff80}50%{box-shadow:0 0 0 .2rem #ff266780}to{box-shadow:0 0 0 .1rem #63acff80}}@keyframes scx-switch-open-tips{0%{box-shadow:0 0 0 .1rem #63acff80}50%{box-shadow:0 0 0 .2rem #118d2f80}to{box-shadow:0 0 0 .1rem #63acff80}}.fff[data-v-8cff23cb]{color:var(--scx-text-color)}.app[data-v-8cff23cb]{width:100%;border-bottom:1px solid black;padding:10px;margin-bottom:10px;display:flex;column-gap:10px;flex-wrap:wrap;row-gap:10px;box-sizing:border-box}.scx-context-menu{margin:0;background:var(--scx-glass-bg);z-index:3000;position:absolute;list-style-type:none;padding:3px;border-radius:2px;font-size:12px;font-weight:400;box-shadow:var(--scx-box-shadow);max-height:500px;overflow:auto;-webkit-backdrop-filter:var(--scx-glass-bg-filter);backdrop-filter:var(--scx-glass-bg-filter);box-sizing:border-box;width:max-content}@keyframes from-top{0%{opacity:0;transform:translateY(-10px)}}@keyframes from-bottom{0%{opacity:0;transform:translateY(10px)}}.scx-context-menu.top{animation:from-top .2s cubic-bezier(.23,1,.32,1)}.scx-context-menu.bottom{animation:from-bottom .2s cubic-bezier(.23,1,.32,1)}.scx-context-menu-item{margin:0;padding:7px 16px;cursor:pointer}.scx-context-menu-item:hover{background:var(--scx-theme);color:var(--scx-bg)}.scx-group{position:relative;width:100%;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;row-gap:10px;align-items:center}.scx-group-item{position:relative;width:100%;box-sizing:border-box;padding:10px;border:1px dashed var(--scx-text-placeholder-color);background-color:var(--scx-theme-bg);transition:transform .6s ease,opacity .6s ease}.scx-group-item-operation{position:absolute;top:0;right:0;display:flex}.scx-group-item-operation .placeholder-button{display:flex;height:22px;width:22px;justify-content:center;align-items:center}.scx-group-list-enter-from,.scx-group-list-leave-to{opacity:0;transform:scale(.98)}.scx-group-list-move .scx-group-list-move{transition:unset}.scx-icon{display:inline-block;width:1em;height:1em;fill:currentColor;flex-shrink:0;vertical-align:-.125em;pointer-events:none}.scx-input{display:flex;justify-content:space-between;align-self:center;align-items:center;border-radius:16px;background:var(--scx-input_bg);box-shadow:var(--scx-input_box-shadow);transition:all .1s cubic-bezier(.23,1,.32,1);padding-left:10px;padding-right:10px;box-sizing:border-box}.scx-input>input{width:100%;outline:none;font-size:15px;height:30px;border:0;background-color:transparent;margin-left:10px;margin-right:10px}.scx-input>input::placeholder{color:var(--scx-text-placeholder-color)}.scx-input>svg{width:20px;flex-shrink:0;cursor:pointer}.scx-input:focus-within{box-shadow:var(--scx-input-hover_box-shadow)}.scx-panel{border-radius:4px;padding:10px;background:var(--scx-glass-bg);transition:background-color .25s cubic-bezier(.7,.3,.1,1);-webkit-backdrop-filter:var(--scx-glass-bg-filter);backdrop-filter:var(--scx-glass-bg-filter);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--scx-box-shadow-center)}.scx-panel-t_left-bottom-enter-active,.scx-panel-t_left-bottom-leave-active,.scx-panel-t_left-top-enter-active,.scx-panel-t_left-top-leave-active,.scx-panel-t_top-enter-active,.scx-panel-t_top-leave-active{opacity:1;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .1s cubic-bezier(.23,1,.32,1)}.scx-panel-t_left-top-enter-from,.scx-panel-t_left-top-leave-to,.scx-panel-t_left-bottom-enter-from,.scx-panel-t_left-bottom-leave-to,.scx-panel-t_top-enter-from,.scx-panel-t_top-leave-to{opacity:0;transform:scale(.95)}.scx-panel-t_left-bottom-enter-active,.scx-panel-t_left-bottom-leave-active{transform-origin:left bottom}.scx-panel-t_left-top-enter-active,.scx-panel-t_left-top-leave-active{transform-origin:left top}.scx-panel-t_top-enter-active,.scx-panel-t_top-leave-active{transform-origin:top}.scx-panel-item{flex-shrink:0;height:40px;display:flex;border-radius:2px;align-items:center;cursor:pointer;border:2px solid var(--scx-panel-item_border-color);box-sizing:border-box;padding-left:5px;padding-right:5px;transition:all ease .1s;background:var(--scx-panel-item_bg)}.scx-panel-item:hover,.scx-panel-item.active{background:var(--scx-panel-item_hover-bg);border:2px solid var(--scx-panel-item_hover-border-color);color:var(--scx-panel-item_hover-color)}.scx-panel-item>svg{flex-shrink:0;margin-left:10px;margin-right:10px;fill:currentColor}.scx-panel-item>span{font-weight:600;padding-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scx-progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:silver;border-radius:.25rem}.scx-progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:right;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:1s linear infinite scx-progress-bar-stripes}.scx-progress-bar-text{font-weight:600;margin:0 5px}@keyframes scx-progress-bar-stripes{0%{background-position-x:1rem}}.scx-upload{background:var(--scx-overlay-bg);border:3px dashed var(--scx-text-placeholder-color);border-radius:6px;position:relative;overflow:hidden;width:150px;height:150px;transition:border .2s}.scx-upload:hover{border-color:var(--scx-theme)}.scx-upload>.preview{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.scx-upload .preview-image{min-height:50%;min-width:50%;height:100%;width:100%}.scx-upload .preview-text{font-size:15px;width:100%;height:100%;display:flex;overflow:auto}.scx-upload .preview-text>div{margin:auto;word-break:break-all}.scx-upload .operation{position:absolute;bottom:0;width:100%;height:30px;display:flex}.scx-upload .operation>div,.scx-upload .operation>a{display:flex;justify-content:center;align-items:center;height:100%;flex-grow:1;flex-shrink:1;flex-basis:0;opacity:50%;transition:.2s ease-in-out opacity;cursor:pointer;color:#fff;font-weight:600;text-decoration:unset}.scx-upload .operation>div:hover,.scx-upload .operation>a:hover{opacity:100%}.scx-upload .item-download{background:#44be16}.scx-upload .item-replace{background:#29aaf5}.scx-upload .item-delete{background:#f44336}.scx-upload>.no-preview{height:100%;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-direction:column;row-gap:10px}.scx-upload>.no-preview>.scx-icon{fill:var(--scx-text-placeholder-color);height:40px;width:40px;pointer-events:none;flex-shrink:0}.scx-upload>.no-preview>span{font-weight:600;font-size:20px;color:var(--scx-text-placeholder-color);pointer-events:none;flex-shrink:0}.scx-upload>.no-preview.dragover:after{content:" ";width:100%;height:100%;background:var(--scx-theme-bg);position:absolute;top:0;left:0;pointer-events:none}.scx-upload>.progress-preview{position:absolute;top:0;left:0;height:100%;width:100%}.scx-upload>.progress{height:100%;width:100%;position:absolute;top:0;left:0;background:#32323266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.scx-upload .temp-file-name{height:100%;width:100%;display:flex;overflow:auto}.scx-upload .temp-file-name>div{margin:auto;word-break:break-all}.scx-upload .progress-state{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:600;flex-shrink:0;padding:5px;box-sizing:border-box;row-gap:5px}.scx-upload .progress-state>.progress-state-text{flex-shrink:0;font-weight:600;font-size:14px}.scx-upload .progress-state>.scx-progress{width:100%}.scx-upload-list{width:100%}.scx-upload-list>.scx-group{padding:0}.scx-upload-list .scx-group-item{border-radius:4px;overflow:hidden;border:1px solid var(--scx-theme);padding:5px;display:flex;column-gap:10px}.scx-upload-list .scx-group-item:hover{background:var(--scx-theme-secondary)}.scx-upload-list .upload-button{align-self:start}.scx-upload-list .preview-image{height:60px;width:60px;flex-shrink:0;border:1px solid var(--scx-theme);border-radius:4px;box-sizing:border-box}.scx-upload-list .preview-text{display:flex;position:relative;width:100%;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;line-height:normal}.scx-upload-list .file-name{max-width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--scx-theme);font-weight:600;font-size:16px}.scx-upload-list .preview-text>a{text-decoration:unset}.scx-upload-list .preview-text>a:hover{text-decoration:underline}.scx-upload-list .progress-state{display:flex;align-items:center;column-gap:10px;width:100%}.scx-upload-list .progress-state>.progress-state-text{flex-shrink:0;font-weight:600;font-size:14px}.scx-upload-list .progress-state>.scx-progress{width:100%}.scx-upload-list .item-info{display:flex;font-weight:600;font-size:14px;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}:root{--scx-theme: rgb(24, 144, 255);--scx-theme-bg: rgba(24, 144, 255, .15);--scx-theme-secondary: rgba(24, 144, 255, .4);--scx-bg: #f2f2f2;--scx-text-color: #333333;--scx-text-secondary-color: #909399;--scx-text-placeholder-color: rgba(114, 114, 114, .5);--scx-scrollbar-bg: transparent;--scx-scrollbar-thumb-bg: rgb(192, 222, 250);--scx-scrollbar-thumb-hover-bg: rgb(136, 196, 252);--scx-overlay-bg: #ffffff;--scx-glass-bg: rgba(255, 255, 255, .4);--scx-glass-bg-filter: blur(8px);--scx-box-shadow: rgba(0, 0, 0, .2) 1px 1px 3px 0px;--scx-box-shadow-center: rgba(0, 0, 0, .2) 0 0 3px 1px;--scx-box-shadow-top: rgba(0, 0, 0, .2) 0 -1px 3px 0px;--scx-box-shadow-left: rgba(0, 0, 0, .2) -1px 0 3px 0px;--scx-box-shadow-bottom: rgba(0, 0, 0, .2) 0 1px 3px 0px;--scx-box-shadow-right: rgba(0, 0, 0, .2) 1px 0 3px 0px;--scx-input_bg: rgba(250, 250, 250, .1);--scx-input_box-shadow: rgba(150, 150, 150, .6) 0 0 1px 1px;--scx-input-hover_box-shadow: rgba(24, 144, 255, .6) 0 0 2px 2px;--scx-panel-item_bg: rgba(255, 255, 255, .3);--scx-panel-item_border-color: rgba(150, 150, 150, .6);--scx-panel-item_hover-bg: rgba(187, 217, 247, .6);--scx-panel-item_hover-border-color: rgba(24, 144, 255, 1);--scx-panel-item_hover-color: rgba(24, 144, 255, 1)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;background:var(--scx-bg);color:var(--scx-text-color)}::selection{background-color:var(--scx-theme);color:var(--scx-bg)}::-webkit-scrollbar{height:6px;width:6px;border-radius:2px;background-color:var(--scx-scrollbar-bg)}::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--scx-scrollbar-thumb-bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--scx-scrollbar-thumb-hover-bg)}html.dark{--scx-theme: rgb(72, 147, 73);--scx-theme-bg: rgb(0, 71, 25, .2);--scx-theme-secondary: rgba(72, 147, 73, .5);--scx-bg: #2b2b2b;--scx-text-color: whitesmoke;--scx-text-secondary-color: #909399;--scx-text-placeholder-color: #a8abb2;--scx-scrollbar-bg: rgb(20, 20, 20);--scx-scrollbar-thumb-bg: rgba(72, 147, 73, .4);--scx-scrollbar-thumb-hover-bg: rgba(72, 147, 73, .8);--scx-overlay-bg: #3c3c3c;--scx-glass-bg: rgba(50, 50, 50, .8);--scx-glass-bg-filter: blur(8px);--scx-box-shadow: rgba(0, 0, 0, .4) 1px 1px 3px 0px;--scx-box-shadow-center: rgba(0, 0, 0, .4) 0 0 3px 1px;--scx-box-shadow-top: rgba(0, 0, 0, .4) 0 -1px 3px 0px;--scx-box-shadow-left: rgba(0, 0, 0, .4) -1px 0 3px 0px;--scx-box-shadow-bottom: rgba(0, 0, 0, .4) 0 1px 3px 0px;--scx-box-shadow-right: rgba(0, 0, 0, .4) 1px 0 3px 0px;--scx-input_bg: rgba(255, 255, 255, .2);--scx-input_box-shadow: rgba(180, 180, 180, .6) 0 0 1px 1px;--scx-input-hover_box-shadow: rgba(44, 170, 46, .6) 0 0 2px 2px;--scx-panel-item_bg: rgba(255, 255, 255, .2);--scx-panel-item_border-color: transparent;--scx-panel-item_hover-bg: rgb(72, 147, 73);--scx-panel-item_hover-border-color: transparent;--scx-panel-item_hover-color: whitesmoke}