.header[data-v-5866a8ab]{background:var(--color-bg-secondary);border-bottom:1px solid rgba(255,255,255,.05);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content[data-v-5866a8ab]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.logo-text[data-v-5866a8ab]{font-size:1.5rem;font-weight:700;display:flex;align-items:baseline;gap:var(--spacing-xs)}.logo-subtitle[data-v-5866a8ab]{font-size:1rem;color:var(--color-text-secondary);font-weight:400}.nav[data-v-5866a8ab]{display:flex;gap:var(--spacing-md)}.nav-link[data-v-5866a8ab]{color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);font-weight:500}.nav-link[data-v-5866a8ab]:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link.active[data-v-5866a8ab]{color:var(--color-primary);background:#fff1451a}@media (max-width: 768px){.header-content[data-v-5866a8ab]{flex-direction:column;align-items:flex-start}.logo-text[data-v-5866a8ab]{font-size:1.25rem}}.upload-zone[data-v-d23bbad0]{background:var(--color-bg-secondary);border:2px dashed rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-base);cursor:pointer;min-height:400px;display:flex;align-items:center;justify-content:center}.upload-zone[data-v-d23bbad0]:hover{border-color:var(--color-primary);background:#fff1450d}.upload-zone.drag-over[data-v-d23bbad0]{border-color:var(--color-primary);background:#fff1451a;transform:scale(1.02);box-shadow:var(--shadow-glow)}.upload-content[data-v-d23bbad0]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:500px}.upload-icon[data-v-d23bbad0]{color:var(--color-primary);opacity:.8;transition:all var(--transition-base)}.upload-zone:hover .upload-icon[data-v-d23bbad0]{opacity:1;transform:translateY(-4px)}.upload-title[data-v-d23bbad0]{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.upload-subtitle[data-v-d23bbad0]{color:var(--color-text-secondary);font-size:1rem;margin:0}.upload-actions[data-v-d23bbad0]{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.dropdown-wrapper[data-v-d23bbad0],.btn[data-v-d23bbad0]{position:relative}.chevron[data-v-d23bbad0]{margin-left:var(--spacing-xs);transition:transform var(--transition-base)}.dropdown-menu[data-v-d23bbad0]{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--color-bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-xs);box-shadow:var(--shadow-xl);z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.dropdown-item[data-v-d23bbad0]{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item[data-v-d23bbad0]:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.dropdown-item svg[data-v-d23bbad0]{flex-shrink:0}.upload-formats[data-v-d23bbad0]{color:var(--color-text-tertiary);font-size:.875rem;margin:0}@media (max-width: 768px){.upload-zone[data-v-d23bbad0]{padding:var(--spacing-xl);min-height:300px}.upload-title[data-v-d23bbad0]{font-size:1.25rem}.upload-actions[data-v-d23bbad0]{flex-direction:column;width:100%}.upload-actions .btn[data-v-d23bbad0]{width:100%}.dropdown-menu[data-v-d23bbad0]{left:0;right:0;width:100%}}.image-editor-modal[data-v-191e66b1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-base) ease-out}.editor-container[data-v-191e66b1]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1)}.editor-header[data-v-191e66b1]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.05)}.editor-header h3[data-v-191e66b1]{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.btn-close[data-v-191e66b1]{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-base)}.btn-close[data-v-191e66b1]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.editor-body[data-v-191e66b1]{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.canvas-container[data-v-191e66b1]{flex-shrink:0}canvas[data-v-191e66b1]{display:block;background:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:grab;box-shadow:var(--shadow-xl)}.editor-controls[data-v-191e66b1]{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:250px}.control-group[data-v-191e66b1]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group label[data-v-191e66b1]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.control-group input[type=range][data-v-191e66b1]{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none}.control-group input[type=range][data-v-191e66b1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.control-group input[type=range][data-v-191e66b1]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-glow)}.control-group span[data-v-191e66b1]{font-size:.875rem;color:var(--color-text-primary);font-weight:600}.control-buttons[data-v-191e66b1]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto}@media (max-width: 768px){.editor-body[data-v-191e66b1]{flex-direction:column}.canvas-container canvas[data-v-191e66b1]{max-width:100%;height:auto}}.image-grid-container[data-v-390cf402]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.grid-header[data-v-390cf402]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.grid-title[data-v-390cf402]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.image-grid[data-v-390cf402]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.image-card[data-v-390cf402]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base);animation:fadeIn var(--transition-base) ease-out}.image-card[data-v-390cf402]:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.image-card.processed[data-v-390cf402]{border-color:#4ade804d}.image-card.error[data-v-390cf402]{border-color:#f871714d}.image-preview[data-v-390cf402]{position:relative;width:100%;aspect-ratio:1;background:var(--color-bg-tertiary);overflow:hidden}.image-preview img[data-v-390cf402]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.image-card:hover .image-preview img[data-v-390cf402]{transform:scale(1.05)}.status-badge[data-v-390cf402]{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-badge.success[data-v-390cf402]{background:#4ade8033;color:var(--color-success);border:1px solid rgba(74,222,128,.3)}.status-badge.error[data-v-390cf402]{background:#f8717133;color:var(--color-error);border:1px solid rgba(248,113,113,.3)}.remove-btn[data-v-390cf402]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;opacity:0;transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-card:hover .remove-btn[data-v-390cf402]{opacity:1}.remove-btn[data-v-390cf402]:hover{background:var(--color-error);transform:scale(1.1)}.edit-btn[data-v-390cf402]{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;opacity:0;transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-card:hover .edit-btn[data-v-390cf402]{opacity:1}.edit-btn[data-v-390cf402]:hover{background:var(--color-primary);color:var(--color-bg-primary);transform:scale(1.1)}.image-info[data-v-390cf402]{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-name[data-v-390cf402]{font-size:.875rem;color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-input[data-v-390cf402]{font-size:.875rem}.btn-sm[data-v-390cf402]{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.error-message[data-v-390cf402]{font-size:.75rem;color:var(--color-error);margin:0}@media (max-width: 768px){.grid-header[data-v-390cf402]{flex-direction:column;align-items:stretch}.image-grid[data-v-390cf402]{grid-template-columns:1fr}}.processing-panel[data-v-d62a4775]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05);position:sticky;bottom:var(--spacing-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-xl)}.panel-content[data-v-d62a4775]{display:flex;flex-direction:column;gap:var(--spacing-md)}.progress-section[data-v-d62a4775]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-info[data-v-d62a4775]{display:flex;justify-content:space-between;align-items:center}.progress-label[data-v-d62a4775]{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.progress-percentage[data-v-d62a4775]{font-size:.8rem;color:var(--color-primary);font-weight:600}.panel-actions[data-v-d62a4775]{display:flex;gap:var(--spacing-sm)}.btn-large[data-v-d62a4775]{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem;font-weight:600}.spinner-small[data-v-d62a4775]{display:inline-block;width:14px;height:14px;border:2px solid var(--color-bg-primary);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.stats[data-v-d62a4775]{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05)}.stat-item[data-v-d62a4775]{display:flex;flex-direction:column;gap:2px;flex:1;text-align:center;padding:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);transition:all var(--transition-base)}.stat-item[data-v-d62a4775]:hover{transform:translateY(-2px)}.stat-item.success[data-v-d62a4775]{background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.stat-item.error[data-v-d62a4775]{background:#f871711a;border:1px solid rgba(248,113,113,.2)}.stat-label[data-v-d62a4775]{font-size:.75rem;color:var(--color-text-secondary)}.stat-value[data-v-d62a4775]{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.stat-item.success .stat-value[data-v-d62a4775]{color:var(--color-success)}.stat-item.error .stat-value[data-v-d62a4775]{color:var(--color-error)}@media (max-width: 768px){.processing-panel[data-v-d62a4775]{position:static;padding:var(--spacing-md)}.panel-actions[data-v-d62a4775]{flex-direction:column}.btn-large[data-v-d62a4775]{width:100%}.stats[data-v-d62a4775]{flex-direction:column;gap:var(--spacing-xs)}}.image-processor[data-v-9a8b63ba]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.processor-header[data-v-9a8b63ba]{text-align:center;max-width:600px;margin:0 auto}.processor-title[data-v-9a8b63ba]{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.processor-description[data-v-9a8b63ba]{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6}@media (max-width: 768px){.processor-title[data-v-9a8b63ba]{font-size:1.5rem}.processor-description[data-v-9a8b63ba]{font-size:1rem}}.app[data-v-015dd119]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-015dd119]{flex:1;padding:var(--spacing-xl) 0}:root{--color-primary: #fff145;--color-primary-dark: #e6db3d;--color-primary-light: #fff88f;--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #2a2a2a;--color-bg-glass: rgba(26, 26, 26, .8);--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-tertiary: #707070;--color-success: #4ade80;--color-error: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(255, 241, 69, .3);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-chinese: "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", sans-serif}@font-face{font-family:SourceHanSansCN;src:url(./SourceHanSansCN-Regular-DDvDncSQ.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}:lang(zh){font-family:var(--font-chinese)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}::selection{background:var(--color-primary);color:var(--color-bg-primary)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.glass{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-bg-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#3a3a3a;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg-primary);transform:translateY(-2px)}.input{width:100%;padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #fff1451a}.input::placeholder{color:var(--color-text-tertiary)}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.spinner{width:40px;height:40px;border:4px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-base)}@media (max-width: 768px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}}