[data-v-80b7240c]{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,PingFang SC,sans-serif;transition:all .3s ease}body[data-v-80b7240c]{background:linear-gradient(135deg,#f0f4ff,#e8f1ff);min-height:100vh}.layout[data-v-80b7240c]{display:flex;height:100vh;overflow:hidden;padding:16px;gap:16px}.config-panel[data-v-80b7240c]{background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid hsla(0,0%,100%,.6)}.config-panel[data-v-80b7240c],.result-panel[data-v-80b7240c]{width:50%;height:100%;padding:24px;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(10,30,80,.08)}.result-panel[data-v-80b7240c]{background:hsla(0,0%,100%,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;border:1px solid hsla(0,0%,100%,.4)}.panel-header[data-v-80b7240c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title[data-v-80b7240c]{font-size:20px;color:#2d3748;font-weight:600;margin:0}.switch-template[data-v-80b7240c]{color:#4299e1;text-decoration:none;font-size:14px;font-weight:500;padding:4px 8px;border-radius:6px}.switch-template[data-v-80b7240c]:hover{background:rgba(66,153,225,.1)}.tab-group[data-v-80b7240c]{display:flex;gap:8px}.tab-btn[data-v-80b7240c]{padding:6px 16px;border:none;border-radius:8px;background:hsla(0,0%,100%,.6);backdrop-filter:blur(4px);cursor:pointer;font-size:14px;color:#4a5568;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tab-btn[data-v-80b7240c]:hover{background:hsla(0,0%,100%,.8);color:#4299e1}.tab-btn.active[data-v-80b7240c]{background:#4299e1;color:#fff;box-shadow:0 4px 8px rgba(66,153,225,.2)}.config-content[data-v-80b7240c]{flex:1;overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#c4d4e9 transparent}.config-content[data-v-80b7240c]::-webkit-scrollbar{width:6px}.config-content[data-v-80b7240c]::-webkit-scrollbar-thumb{background:#c4d4e9;border-radius:3px}.form-item[data-v-80b7240c]{margin-bottom:30px}.label[data-v-80b7240c]{font-size:14px;color:#2d3748;margin-bottom:10px;display:block;font-weight:500}.label.required[data-v-80b7240c]:after{content:"*";color:#e53e3e;margin-left:4px}.guide-link[data-v-80b7240c]{float:right;color:#718096;font-size:12px;text-decoration:none;padding:2px 4px;border-radius:4px}.guide-link[data-v-80b7240c]:hover{color:#4299e1;background:rgba(66,153,225,.08)}.textarea[data-v-80b7240c]{width:100%;height:130px;padding:14px;border:1px solid rgba(203,213,225,.6);border-radius:10px;resize:none;font-size:14px;color:#2d3748;margin-bottom:10px;background:hsla(0,0%,100%,.6);backdrop-filter:blur(4px)}.textarea[data-v-80b7240c]:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.15)}.textarea[data-v-80b7240c]::-moz-placeholder{color:#718096;opacity:.8}.textarea[data-v-80b7240c]::placeholder{color:#718096;opacity:.8}.textarea-tools[data-v-80b7240c]{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#718096}.tool-btn[data-v-80b7240c]{cursor:pointer;margin-right:18px;color:#4a5568;padding:2px 6px;border-radius:4px}.tool-btn[data-v-80b7240c]:hover{color:#4299e1;background:rgba(66,153,225,.08)}.clear-btn[data-v-80b7240c]{background:transparent;border:none;color:#718096;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:6px}.clear-btn[data-v-80b7240c]:hover{color:#e53e3e;background:rgba(229,62,62,.08)}.style-wrap[data-v-80b7240c]{display:flex;flex-wrap:wrap;gap:12px}.style-item[data-v-80b7240c]{width:calc(16.66667% - 10px);border-radius:10px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.05);height:80px}.style-item[data-v-80b7240c]:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.style-item.active[data-v-80b7240c]{outline:2px solid #4299e1}.style-inner[data-v-80b7240c]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.style-item img[data-v-80b7240c]{width:100%!important;height:100%!important;display:block!important;opacity:1!important;visibility:visible!important;background:#f0f0f0}.style-placeholder[data-v-80b7240c]{position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#4a5568;border-radius:10px}.config-footer[data-v-80b7240c]{padding-top:20px;border-top:1px solid rgba(203,213,225,.3);margin-top:10px}.coin-info[data-v-80b7240c]{font-size:14px;color:#4a5568;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.detail-link[data-v-80b7240c],.recharge-link[data-v-80b7240c]{color:#4299e1;text-decoration:none;margin:0 8px;padding:4px 8px;border-radius:6px}.detail-link[data-v-80b7240c]:hover,.recharge-link[data-v-80b7240c]:hover{background:rgba(66,153,225,.1)}.create-btn[data-v-80b7240c]{width:100%;height:46px;background:linear-gradient(135deg,#4299e1,#38b2ac);color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;margin-bottom:12px;font-weight:600;box-shadow:0 4px 16px rgba(66,153,225,.2)}.create-btn[data-v-80b7240c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(66,153,225,.3)}.create-btn[data-v-80b7240c]:active{transform:translateY(0)}.agreement[data-v-80b7240c]{font-size:12px;color:#718096;display:flex;align-items:center}.agreement input[data-v-80b7240c]{margin-right:6px;width:14px;height:14px;accent-color:#4299e1;cursor:pointer}.agreement label[data-v-80b7240c]{margin:0;cursor:pointer;font-weight:400}.result-content[data-v-80b7240c]{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#c4d4e9 transparent}.result-content[data-v-80b7240c]::-webkit-scrollbar{width:6px}.result-content[data-v-80b7240c]::-webkit-scrollbar-thumb{background:#c4d4e9;border-radius:3px}.video-preview-container[data-v-80b7240c]{display:flex;justify-content:center;padding:20px 8px;width:100%}.video-card[data-v-80b7240c]{width:100%;max-width:600px;border-radius:16px;overflow:hidden;background:hsla(0,0%,100%,.9);backdrop-filter:blur(8px);box-shadow:0 6px 24px rgba(10,30,80,.12);transition:all .3s ease}.video-card[data-v-80b7240c]:hover{box-shadow:0 10px 32px rgba(10,30,80,.15)}.video-wrapper[data-v-80b7240c]{width:100%;height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-bottom:1px solid rgba(203,213,225,.2)}.result-video[data-v-80b7240c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-width:95%;max-height:95%}.video-actions[data-v-80b7240c]{display:flex;gap:12px;padding:16px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(4px)}.action-btn[data-v-80b7240c]{flex:1;padding:12px 0;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08)}.action-btn i[data-v-80b7240c]{font-size:18px}.save-to-material[data-v-80b7240c]{background:linear-gradient(135deg,#4299e1,#38b2ac);color:#fff}.save-to-material[data-v-80b7240c]:hover{background:linear-gradient(135deg,#3182ce,#319795);box-shadow:0 4px 12px rgba(66,153,225,.2);transform:translateY(-2px)}.download-local[data-v-80b7240c]{background:linear-gradient(135deg,#9f7aea,#7472fe);color:#fff}.download-local[data-v-80b7240c]:hover{background:linear-gradient(135deg,#805ad5,#6366f1);box-shadow:0 4px 12px rgba(159,122,234,.2);transform:translateY(-2px)}.history-list[data-v-80b7240c]{padding:8px;display:flex;flex-direction:column;gap:20px}.history-item[data-v-80b7240c]{background:hsla(0,0%,100%,.8);backdrop-filter:blur(8px);border-radius:12px;padding:16px;box-shadow:0 4px 12px rgba(10,30,80,.06)}.history-header[data-v-80b7240c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(203,213,225,.3)}.history-info[data-v-80b7240c]{font-size:13px;color:#4a5568}.history-title[data-v-80b7240c]{font-size:14px;color:#2d3748;margin:0 0 4px 0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.history-time[data-v-80b7240c]{margin-right:16px;font-weight:500}.history-count[data-v-80b7240c]{color:#718096}.history-actions[data-v-80b7240c]{display:flex;gap:8px}.history-btn[data-v-80b7240c]{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.6);color:#4a5568;transition:all .2s ease}.history-btn[data-v-80b7240c]:hover{background:hsla(0,0%,100%,.9);box-shadow:0 2px 6px rgba(0,0,0,.05)}.view-btn[data-v-80b7240c]:hover{color:#4299e1}.delete-btn[data-v-80b7240c]:hover{color:#e53e3e}.history-video-wrap[data-v-80b7240c]{display:flex;justify-content:flex-start;padding:8px 0}.history-video-item[data-v-80b7240c]{width:100%;max-width:300px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.history-video[data-v-80b7240c]{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .3s ease}.history-video[data-v-80b7240c]:hover{transform:scale(1.02)}.empty[data-v-80b7240c]{height:100%;display:flex;align-items:center;justify-content:center;color:#718096;font-size:14px;padding:20px}.empty-wrapper[data-v-80b7240c]{text-align:center;background:hsla(0,0%,100%,.6);backdrop-filter:blur(8px);padding:30px 40px;border-radius:16px;box-shadow:0 4px 16px rgba(10,30,80,.05)}.empty p[data-v-80b7240c]{line-height:1.6;color:#4a5568}.hidden-file[data-v-80b7240c]{display:none}@media (max-width:992px){.layout[data-v-80b7240c]{flex-direction:column;padding:12px;gap:12px}.config-panel[data-v-80b7240c],.result-panel[data-v-80b7240c]{width:100%;height:100vh}.style-item[data-v-80b7240c]{width:calc(25% - 9px)}.video-wrapper[data-v-80b7240c]{height:280px}.history-video-item[data-v-80b7240c]{max-width:250px}}@media (max-width:768px){.style-item[data-v-80b7240c]{width:calc(50% - 6px)}.video-actions[data-v-80b7240c]{flex-direction:column;gap:10px}.action-btn[data-v-80b7240c]{padding:10px 0;font-size:14px}.video-wrapper[data-v-80b7240c]{height:240px}.history-video-item[data-v-80b7240c]{max-width:100%}.panel-title[data-v-80b7240c]{font-size:18px}.tab-btn[data-v-80b7240c]{padding:5px 12px;font-size:13px}.create-btn[data-v-80b7240c]{height:42px;font-size:15px}}@media (max-width:480px){.config-panel[data-v-80b7240c],.result-panel[data-v-80b7240c]{padding:16px}.coin-info[data-v-80b7240c]{flex-wrap:wrap;gap:8px}.video-wrapper[data-v-80b7240c]{height:200px}.history-header[data-v-80b7240c]{flex-direction:column;align-items:flex-start;gap:8px}.history-title[data-v-80b7240c]{max-width:100%}}.loading-spinner[data-v-80b7240c],.loading[data-v-80b7240c]{height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#4a5568}.loading-spinner[data-v-80b7240c]{flex-direction:column;gap:16px}.spinner[data-v-80b7240c]{width:48px;height:48px;border:4px solid rgba(66,153,225,.2);border-top:4px solid #4299e1;border-radius:50%;animation:spin-80b7240c 1s linear infinite;backdrop-filter:blur(8px)}@keyframes spin-80b7240c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-80b7240c]{background:hsla(0,0%,100%,.6);backdrop-filter:blur(4px);padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.create-btn[data-v-80b7240c]:disabled{background:linear-gradient(135deg,#a0c4e8,#98d1ce);cursor:not-allowed;transform:none;box-shadow:none;opacity:.8}.create-btn[data-v-80b7240c]:disabled:hover{box-shadow:none}