2 lines
7.3 KiB
CSS
2 lines
7.3 KiB
CSS
.video-tab[data-v-54d3cc11]{max-width:900px;margin:0 auto}h2[data-v-54d3cc11]{margin-bottom:20px;color:#333}.form-group[data-v-54d3cc11]{margin-bottom:20px}label[data-v-54d3cc11]{display:block;margin-bottom:8px;font-weight:500;color:#555}.input-group[data-v-54d3cc11]{display:flex;gap:10px}.input-group input[data-v-54d3cc11]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.input-group button[data-v-54d3cc11]{padding:8px 16px;background:#7163ba;color:#fff;border:none;border-radius:4px;cursor:pointer}.input-group button[data-v-54d3cc11]:hover{background:#5a5080}.radio-group[data-v-54d3cc11]{display:flex;flex-direction:column;gap:10px}.radio-group label[data-v-54d3cc11]{display:flex;align-items:center;gap:8px;font-weight:400}input[type=number][data-v-54d3cc11]{width:100px;padding:8px;border:1px solid #ddd;border-radius:4px}.hint[data-v-54d3cc11]{margin-left:10px;color:#888;font-size:14px}.btn-primary[data-v-54d3cc11]{padding:12px 24px;background:#7163ba;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn-primary[data-v-54d3cc11]:hover:not(:disabled){background:#5a5080}.btn-primary[data-v-54d3cc11]:disabled{background:#ccc;cursor:not-allowed}.folder-list[data-v-54d3cc11]{border:1px solid #ddd;border-radius:4px;padding:10px;max-height:200px;overflow-y:auto}.folder-item[data-v-54d3cc11]{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #eee}.folder-item[data-v-54d3cc11]:last-child{border-bottom:none}.video-count[data-v-54d3cc11]{color:#888;font-size:14px}.results[data-v-54d3cc11]{margin-top:30px}.results h3[data-v-54d3cc11]{margin-bottom:15px}table[data-v-54d3cc11]{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}thead[data-v-54d3cc11]{background:#7163ba;color:#fff}th[data-v-54d3cc11],td[data-v-54d3cc11]{padding:12px;text-align:left;border-bottom:1px solid #eee}.success[data-v-54d3cc11]{color:#28a745}.error[data-v-54d3cc11]{color:#dc3545}.progress-bar[data-v-54d3cc11]{position:relative;width:100px;height:20px;background:#eee;border-radius:10px;overflow:hidden}.progress-fill[data-v-54d3cc11]{position:absolute;top:0;left:0;height:100%;background:#28a745;transition:width .3s}.progress-text[data-v-54d3cc11]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;z-index:1}.extract-tab[data-v-efad5166]{max-width:900px;margin:0 auto}h2[data-v-efad5166]{margin-bottom:20px;color:#333}.form-group[data-v-efad5166]{margin-bottom:20px}label[data-v-efad5166]{display:block;margin-bottom:8px;font-weight:500;color:#555}.input-group[data-v-efad5166]{display:flex;gap:10px}.input-group input[data-v-efad5166]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.input-group button[data-v-efad5166]{padding:8px 16px;background:#7163ba;color:#fff;border:none;border-radius:4px;cursor:pointer}.input-group button[data-v-efad5166]:hover{background:#5a5080}input[type=number][data-v-efad5166]{width:100px;padding:8px;border:1px solid #ddd;border-radius:4px}.hint[data-v-efad5166]{margin-top:5px;color:#888;font-size:14px}.btn-primary[data-v-efad5166]{padding:12px 24px;background:#7163ba;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn-primary[data-v-efad5166]:hover:not(:disabled){background:#5a5080}.btn-primary[data-v-efad5166]:disabled{background:#ccc;cursor:not-allowed}.btn-secondary[data-v-efad5166]{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn-secondary[data-v-efad5166]:hover:not(:disabled){background:#5a6268}.btn-secondary[data-v-efad5166]:disabled{background:#ccc;cursor:not-allowed}.video-list[data-v-efad5166]{border:1px solid #ddd;border-radius:4px;padding:10px;max-height:200px;overflow-y:auto}.video-item[data-v-efad5166]{padding:8px;border-bottom:1px solid #eee}.video-item[data-v-efad5166]:last-child{border-bottom:none}.help-info[data-v-efad5166]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:4px;white-space:pre-line;line-height:1.6}.results[data-v-efad5166]{margin-top:30px}.results h3[data-v-efad5166]{margin-bottom:15px}.result-summary[data-v-efad5166]{padding:15px;background:#fff;border-radius:4px;border:1px solid #ddd}.result-summary p[data-v-efad5166]{margin:5px 0}.dialog-overlay[data-v-123e9c29]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-123e9c29]{background:#fff;border-radius:8px;width:400px;max-width:90vw;box-shadow:0 4px 20px #0000004d}.dialog-header[data-v-123e9c29]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.dialog-header h3[data-v-123e9c29]{margin:0;color:#333}.close-btn[data-v-123e9c29]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;line-height:30px}.close-btn[data-v-123e9c29]:hover{color:#333}.dialog-body[data-v-123e9c29]{padding:20px}.form-group[data-v-123e9c29]{margin-bottom:15px}.form-group label[data-v-123e9c29]{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input[data-v-123e9c29]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input[data-v-123e9c29]:focus{outline:none;border-color:#7163ba}.error-message[data-v-123e9c29]{color:#dc3545;font-size:14px;margin-top:10px}.dialog-footer[data-v-123e9c29]{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.btn-primary[data-v-123e9c29]{padding:8px 16px;background:#7163ba;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-primary[data-v-123e9c29]:hover:not(:disabled){background:#5a5080}.btn-primary[data-v-123e9c29]:disabled{background:#ccc;cursor:not-allowed}.btn-secondary[data-v-123e9c29]{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-secondary[data-v-123e9c29]:hover{background:#5a6268}.app-container[data-v-75b1df04]{display:flex;width:100vw;height:100vh;background:linear-gradient(to bottom,#fefefe,#ededef)}.sidebar[data-v-75b1df04]{width:70px;background:#7163ba;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;border-right:2px solid #ebedf3}.menu-items[data-v-75b1df04]{display:flex;flex-direction:column;gap:5px}.menu-item[data-v-75b1df04]{width:50px;height:50px;margin:0 auto;background:transparent;border:2px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.menu-item[data-v-75b1df04]:hover{background:#5a5080}.menu-item.active[data-v-75b1df04]{background:#8b4513}.menu-item .icon[data-v-75b1df04]{font-size:18px}.separator[data-v-75b1df04]{height:1px;background:#ffffff4d;margin:5px 10px}.menu-bottom[data-v-75b1df04]{display:flex;flex-direction:column}.main-content[data-v-75b1df04]{flex:1;padding:20px;overflow:auto}.login-overlay[data-v-75b1df04]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.login-message[data-v-75b1df04]{background:#fff;padding:40px;border-radius:8px;text-align:center;box-shadow:0 4px 20px #0000004d}.login-message h2[data-v-75b1df04]{margin:0 0 10px;color:#333;font-size:24px}.login-message p[data-v-75b1df04]{margin:0;color:#666;font-size:16px}.main-interface[data-v-75b1df04]{display:flex;width:100%;height:100%}
|