.wrap[data-v-c310a718]{--c-bg: #f7f5f2;--c-surface: #ffffff;--c-border: #e8e4df;--c-text: #1c1917;--c-muted: #57534e;--c-faint: #a8a29e;--c-red: #ef4444;--c-red-d: #dc2626;--c-red-l: #fef2f2;--c-red-m: #fca5a5;--c-orange: #f97316;--c-green: #22c55e;background:var(--c-bg);min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--c-text)}.hero[data-v-c310a718]{position:relative;overflow:hidden;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:36px 24px 28px}.hero-glow[data-v-c310a718]{position:absolute;border-radius:50%;pointer-events:none;filter:blur(48px)}.g1[data-v-c310a718]{width:280px;height:280px;background:rgba(239,68,68,.09);top:-80px;left:-40px}.g2[data-v-c310a718]{width:200px;height:200px;background:rgba(251,146,60,.07);top:-40px;right:-20px}.hero-inner[data-v-c310a718]{max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative}.hero-icon[data-v-c310a718]{width:60px;height:60px;background:var(--c-red-l);border:1.5px solid var(--c-red-m);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(239,68,68,.15)}.hero-icon svg[data-v-c310a718]{width:40px;height:40px}.hero-title[data-v-c310a718]{font-size:1.55rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0}.hero-sub[data-v-c310a718]{font-size:.82rem;color:var(--c-muted);margin:0;max-width:420px}.main-wrap[data-v-c310a718]{max-width:900px;margin:0 auto;padding:28px 20px 48px;display:flex;flex-direction:column;gap:24px}.upload-section[data-v-c310a718]{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.drop-zone[data-v-c310a718]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;border:2px dashed var(--c-border);border-radius:12px;background:var(--c-bg);cursor:pointer;transition:border-color .2s,background .2s;text-align:center;min-height:180px}.drop-zone[data-v-c310a718]:hover,.drop-zone--active[data-v-c310a718]{border-color:#1890ff;background:#e6f7ff}.drop-zone--filled[data-v-c310a718]{border-style:solid;border-color:#1890ff;background:#e6f7ff}.hidden-input[data-v-c310a718]{display:none}.dz-icon-wrap[data-v-c310a718]{width:72px;height:72px}.dz-icon-wrap svg[data-v-c310a718]{width:72px;height:72px}.dz-title[data-v-c310a718]{font-size:1rem;font-weight:600;color:var(--c-text);margin:0}.dz-sub[data-v-c310a718]{font-size:.8rem;color:var(--c-faint);margin:0}.dz-file-icon[data-v-c310a718]{width:52px;height:52px}.dz-file-icon svg[data-v-c310a718]{width:52px;height:52px}.dz-file-name[data-v-c310a718]{font-size:.95rem;font-weight:600;color:#1890ff;margin:0;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-file-hint[data-v-c310a718]{font-size:.78rem;color:var(--c-faint);margin:0}.action-bar[data-v-c310a718]{display:flex;gap:12px;flex-wrap:wrap}.btn-convert[data-v-c310a718]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#1890ff;color:#fff;font-weight:600;font-size:.92rem;border:none;border-radius:10px;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 2px 8px rgba(24,144,255,.3)}.btn-convert svg[data-v-c310a718]{width:18px;height:18px}.btn-convert[data-v-c310a718]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px rgba(24,144,255,.38);background:#40a9ff}.btn-convert[data-v-c310a718]:disabled{opacity:.45;cursor:not-allowed}.btn-download[data-v-c310a718]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--c-surface);color:#1890ff;font-weight:600;font-size:.92rem;border:1.5px solid #1890ff;border-radius:10px;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.btn-download svg[data-v-c310a718]{width:18px;height:18px}.btn-download[data-v-c310a718]:hover{background:#e6f7ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,144,255,.15)}.error-msg[data-v-c310a718]{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--c-red);padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.error-msg svg[data-v-c310a718]{width:15px;height:15px;flex-shrink:0}.result-section[data-v-c310a718]{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:20px}.result-header[data-v-c310a718]{margin-bottom:14px}.result-count[data-v-c310a718]{font-size:.82rem;font-weight:600;color:var(--c-muted);background:var(--c-bg);border:1px solid var(--c-border);border-radius:20px;padding:3px 12px}.img-grid[data-v-c310a718]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.img-card[data-v-c310a718]{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;background:var(--c-bg);cursor:pointer;border:1.5px solid var(--c-border);transition:transform .2s,box-shadow .2s}.img-card[data-v-c310a718]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.img-thumb[data-v-c310a718]{width:100%;height:100%;object-fit:cover;display:block}.img-overlay[data-v-c310a718]{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(24,144,255,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.img-overlay svg[data-v-c310a718]{width:28px;height:28px}.img-card:hover .img-overlay[data-v-c310a718]{opacity:1}.img-seq[data-v-c310a718]{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.img-name[data-v-c310a718]{position:absolute;bottom:0;left:0;right:0;padding:14px 6px 5px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);color:#fff;font-size:.68rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-result[data-v-c310a718]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;color:var(--c-faint);font-size:.88rem}.empty-result svg[data-v-c310a718]{width:64px;height:64px;opacity:.6}.overlay[data-v-c310a718]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(15,12,30,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.overlay-card[data-v-c310a718]{background:#fff;border-radius:20px;padding:36px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:220px;box-shadow:0 24px 60px rgba(0,0,0,.2)}.ring-svg[data-v-c310a718]{width:80px;height:80px}.overlay-title[data-v-c310a718]{font-size:1rem;font-weight:700;color:var(--c-text);margin:0}.overlay-sub[data-v-c310a718]{font-size:.82rem;color:var(--c-muted);margin:0}.prog-bar-bg[data-v-c310a718]{width:160px;height:5px;background:#e6f7ff;border-radius:99px;overflow:hidden}.prog-bar-fill[data-v-c310a718]{height:100%;background:#1890ff;border-radius:99px;transition:width .3s ease}.lightbox[data-v-c310a718]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center}.lb-img[data-v-c310a718]{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.lb-close[data-v-c310a718]{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.lb-close[data-v-c310a718]:hover{background:rgba(255,255,255,.22)}.lb-close svg[data-v-c310a718]{width:18px;height:18px}.lb-nav[data-v-c310a718]{position:absolute;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.lb-nav[data-v-c310a718]:hover{background:rgba(255,255,255,.22)}.lb-nav svg[data-v-c310a718]{width:22px;height:22px}.lb-prev[data-v-c310a718]{left:20px}.lb-next[data-v-c310a718]{right:20px}.lb-counter[data-v-c310a718]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:rgba(255,255,255,.15);color:#fff;font-size:.82rem;padding:4px 16px;border-radius:20px;backdrop-filter:blur(4px)}.fade-enter-active[data-v-c310a718],.fade-leave-active[data-v-c310a718]{transition:opacity .25s ease}.fade-enter-from[data-v-c310a718],.fade-leave-to[data-v-c310a718]{opacity:0}@media(max-width:600px){.hero-title[data-v-c310a718]{font-size:1.25rem}.action-bar[data-v-c310a718]{flex-direction:column}.btn-convert[data-v-c310a718],.btn-download[data-v-c310a718]{width:100%;justify-content:center}.img-grid[data-v-c310a718]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}