:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: #f5f7fa;--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: #2c3e50;--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}html{height:100%}body{min-height:100vh;height:100%;margin:0;padding:0;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;padding:0;font-weight:400;min-height:100vh}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{padding:0}}.video-container[data-v-a0632130]{display:flex}#danmaku-canvas[data-v-4c23763a]{width:800px!important;height:450px!important;border:2px solid gold}.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{transform:rotate(45deg) scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{transform:translate(-50%,-50%) scale(1)}.vjs-check-controller .vjs-check-controller-inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-check-controller .vjs-check-controller-inner:after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transform-origin:center}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{border-radius:100%;height:4px;background-color:#fff;left:50%;top:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;outline:none;position:absolute;z-index:-1;inset:0;margin:0}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree-node{display:flex;position:relative;line-height:20px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff;border-radius:4px}.vjs-tree-node.is-highlight .vjs-tree-node-actions,.vjs-tree-node:hover .vjs-tree-node-actions{display:block}.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-tree-node .vjs-tree-node-actions{display:none;position:absolute;right:0;top:0;padding:0 4px;background-color:#e6f7ff;border-radius:4px}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item{cursor:pointer}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item:hover{color:#1890ff}.vjs-tree-node.dark.is-highlight,.vjs-tree-node.dark .vjs-tree-node-actions,.vjs-tree-node.dark:hover{background-color:#2e4558}.vjs-node-index{position:absolute;right:100%;margin-right:4px;-webkit-user-select:none;user-select:none}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-value{word-break:break-word}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}.json-viewer-wrapper[data-v-071a4ca8],.json-viewer-wrapper[data-v-debdd771]{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#fdfdfd;text-align:left}.container[data-v-d8fc1218]{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box}.text-container[data-v-d8fc1218]{width:640px;height:360px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-right:30px;border:1px solid #e0e6ed}.scale-container[data-v-d8fc1218]{width:1920px;height:1080px;transform-origin:center center;transform:scale(.33333);display:flex;flex-direction:column;align-items:center;justify-content:center}.text-line[data-v-d8fc1218]{display:flex;align-items:center;justify-content:center}.text[data-v-d8fc1218]{font-weight:600;color:#2c3e50;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap}.controls[data-v-d8fc1218]{display:grid;grid-template-columns:1fr;gap:12px;width:450px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e6ed}.card-selector[data-v-d8fc1218]{padding:12px 16px;background:#fafbfc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:8px;display:flex;gap:16px;justify-content:center}.card-selector label[data-v-d8fc1218]{font-size:14px;font-weight:600;color:#374151}.radio-group[data-v-d8fc1218]{display:flex;gap:12px;flex-wrap:wrap}.radio-label[data-v-d8fc1218]{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color .2s ease;font-size:13px;color:#6b7280;white-space:nowrap}.radio-label[data-v-d8fc1218]:hover{background:#e5e7eb}.radio-label input[type=radio][data-v-d8fc1218]{margin:0;cursor:pointer}.radio-label input[type=radio]:checked+span[data-v-d8fc1218]{color:#3b82f6;font-weight:500}.control-item[data-v-d8fc1218]{display:flex;align-items:center;gap:12px}.control-item label[data-v-d8fc1218]{font-size:14px;font-weight:500;color:#374151;min-width:80px;text-align:right;display:flex;align-items:center;gap:4px}.tooltip[data-v-d8fc1218]{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;color:#6b7280;margin:0 2px}.tooltip[data-v-d8fc1218]:hover{color:#374151}.tooltip-content[data-v-d8fc1218]{position:absolute;bottom:100%;right:0;margin-bottom:8px;padding:8px 12px;background:#1f2937;color:#fff;font-size:12px;line-height:1.4;border-radius:6px;white-space:nowrap;visibility:hidden;opacity:0;transform:translateY(5px);transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026;text-align:start}.tooltip-content[data-v-d8fc1218]:after{content:"";position:absolute;top:100%;right:16px;border:5px solid transparent;border-top-color:#1f2937}.tooltip:hover .tooltip-content[data-v-d8fc1218]{visibility:visible;opacity:1;transform:translateY(0)}input[type=text][data-v-d8fc1218],input[type=number][data-v-d8fc1218],select[data-v-d8fc1218]{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease;background:#fff}input[type=text][data-v-d8fc1218]:focus,input[type=number][data-v-d8fc1218]:focus,select[data-v-d8fc1218]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input[type=range][data-v-d8fc1218]{flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;appearance:none;-webkit-appearance:none}input[type=range][data-v-d8fc1218]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}input[type=range][data-v-d8fc1218]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}span[data-v-d8fc1218]{color:#6b7280;font-size:13px;font-weight:500;min-width:50px;text-align:center}.transform-result[data-v-d8fc1218]{margin-top:8px;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;position:relative}.transform-result p[data-v-d8fc1218]{margin:0;font-size:13px;color:#64748b;line-height:1.4;padding-right:70px}.action-buttons[data-v-d8fc1218]{position:absolute;top:12px;right:12px;display:flex;gap:4px}.action-btn[data-v-d8fc1218]{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn[data-v-d8fc1218]:hover{background:#e5e7eb;color:#374151}.action-btn[data-v-d8fc1218]:active{transform:scale(.95)}.paste-btn[data-v-d8fc1218]:hover{background:#dbeafe;color:#2563eb}.copy-message[data-v-d8fc1218]{position:absolute;bottom:-35px;right:12px;background:#10b981;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;animation:fadeInOut-d8fc1218 3s ease-in-out;pointer-events:none}.copy-message.error[data-v-d8fc1218]{background:#ef4444}@keyframes fadeInOut-d8fc1218{0%{opacity:0;transform:translateY(-5px)}15%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media (max-width: 1024px){.container[data-v-d8fc1218]{flex-direction:column;gap:20px}.text-container[data-v-d8fc1218]{margin-right:0}.control-item[data-v-d8fc1218]{flex-direction:column;align-items:stretch;gap:6px}.control-item label[data-v-d8fc1218]{text-align:left;min-width:auto}}
