:root{--aero-sky-1:#8fd8ff;--aero-sky-2:#3fb3f5;--aero-sky-3:#1d8fd6;--aero-aqua-1:#6fe3d4;--aero-aqua-2:#23c3b2;--aero-leaf-1:#c9ec8f;--aero-leaf-2:#7cc94f;--aero-leaf-3:#4da835;--ink:#0d3a5c;--ink-soft:#48708f;--ink-faint:#6d92ac;--glass-bg:#ffffff57;--glass-bg-strong:#ffffff85;--glass-border:#ffffffb3;--glass-shadow:0 20px 55px #083d6947;--glass-inset:inset 0 1px 0 #ffffffd9;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--radius-pill:999px;--font-main:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:var(--font-main);color:var(--ink);background-color:#0000;background-image:radial-gradient(1200px 500px at 75% -10%,#fffff0f2,#fffff000 60%),linear-gradient(#6ec9f7 0%,#4fbde9 28%,#4fd0c0 55%,#8fd96a 82%,#5cb84a 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(640px 320px at 12% 8%,#ffffff59,#0000 70%),radial-gradient(520px 260px at 88% 30%,#ffffff38,#0000 70%),radial-gradient(700px 380px at 50% 100%,#ffffff2e,#0000 70%);position:fixed;inset:0}.app-shell{z-index:1;max-width:1080px;margin:0 auto;padding:28px 20px 64px;position:relative}.site-header{align-items:center;gap:14px;margin-bottom:26px;padding:14px 22px;display:flex}.logo-bubble{background:radial-gradient(circle at 30% 25%, #fffffffa 0 12%, #fff0 40%), linear-gradient(145deg, var(--aero-aqua-1), var(--aero-sky-3));border:1px solid #fffc;border-radius:50%;flex:none;width:46px;height:46px;box-shadow:0 6px 16px #0a508259,inset 0 -4px 8px #0d5a8c40}.site-brand{min-width:0}.title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-title{letter-spacing:1px;color:#fff;text-shadow:0 2px 8px #0a466e73;font-size:22px;font-weight:800}.version-badge{letter-spacing:.5px;border-radius:var(--radius-pill);color:#fff;text-shadow:0 1px 3px #1450288c;white-space:nowrap;background:linear-gradient(#a9ea7c 0%,#5fbe3c 55%,#45a52c 100%);border:1px solid #ffffffd9;padding:3px 11px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #ffffff8c,0 4px 12px #28781e59}.site-tagline{color:#ffffffeb;text-shadow:0 1px 4px #0a466e66;font-size:13px}.privacy-pill{border-radius:var(--radius-pill);color:#fff;text-shadow:0 1px 3px #0a466e66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff4d;border:1px solid #fff9;margin-left:auto;padding:7px 14px;font-size:12px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow), var(--glass-inset);-webkit-backdrop-filter:blur(16px)saturate(1.3)}.main-card{padding:26px 28px 30px}.mode-nav{flex-wrap:wrap;gap:10px 26px;margin-bottom:22px;padding-bottom:4px;display:flex}.mode-group{align-items:center;gap:8px;display:flex}.mode-group-label{letter-spacing:1.5px;color:var(--ink-soft);text-shadow:0 1px 2px #fff9;border-right:1px solid #ffffff8c;flex:none;padding-right:10px;font-size:12px;font-weight:800}.mode-tabs{flex-wrap:wrap;gap:8px;display:flex}.mode-tab{border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:#ffffff38;border:1px solid #ffffff8c;padding:9px 18px;font-size:14px;font-weight:600;transition:all .18s;box-shadow:inset 0 1px #ffffff80}.mode-tab:hover{background:#ffffff6b;transform:translateY(-1px)}.mode-tab.active{color:#fff;text-shadow:0 1px 3px #28641480;background:linear-gradient(#a5e874 0%,#62c23f 55%,#49ab30 100%);border-color:#ffffffd9;box-shadow:inset 0 2px 3px #ffffff8c,inset 0 -3px 6px #1e5a0f4d,0 6px 16px #2e822866}.dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#ffffff2e;border:2px dashed #ffffffd9;margin-bottom:22px;padding:38px 20px;transition:all .2s}.dropzone:hover,.dropzone.dragging{background:#ffffff61;border-color:#fff;transform:scale(1.005)}.dropzone-icon{filter:drop-shadow(0 3px 6px #0a466e4d);margin-bottom:10px;font-size:40px;line-height:1}.dropzone-title{margin-bottom:6px;font-size:16px;font-weight:700}.dropzone-hint{color:var(--ink-soft);font-size:12.5px;line-height:1.7}.panel{border-radius:var(--radius-md);background:#ffffff38;border:1px solid #ffffff73;flex-wrap:wrap;align-items:flex-end;gap:18px 26px;margin-bottom:22px;padding:18px 20px;display:flex}.field{flex-direction:column;gap:8px;min-width:140px;display:flex}.field-label{color:var(--ink);font-size:13px;font-weight:700}.field-note{color:var(--ink-soft);font-size:12px;line-height:1.5}.glass-input,.glass-select{font-family:var(--font-main);color:var(--ink);border-radius:var(--radius-sm);background:#ffffff8c;border:1px solid #ffffffbf;outline:none;padding:9px 14px;font-size:14px;transition:box-shadow .15s;box-shadow:inset 0 2px 5px #1450781f}.glass-input:focus,.glass-select:focus{box-shadow:inset 0 2px 5px #1450781f,0 0 0 3px #5ac8fa73}.glass-input{width:110px}.input-row{align-items:center;gap:8px;display:flex}.input-suffix{color:var(--ink-soft);font-size:13px}.glass-range{appearance:none;border-radius:var(--radius-pill);background:linear-gradient(#10507d40,#ffffff59);border:1px solid #fff9;outline:none;width:180px;height:14px;box-shadow:inset 0 2px 4px #0f466e40}.glass-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle at 32% 28%,#fffffff2 0 18%,#fff0 45%),linear-gradient(160deg,#8fe0ff,#2a9ede);border:1px solid #ffffffe6;border-radius:50%;width:26px;height:26px;box-shadow:0 3px 8px #0a467866}.glass-range::-moz-range-thumb{cursor:pointer;background:radial-gradient(circle at 32% 28%,#fffffff2 0 18%,#fff0 45%),linear-gradient(160deg,#8fe0ff,#2a9ede);border:1px solid #ffffffe6;border-radius:50%;width:24px;height:24px;box-shadow:0 3px 8px #0a467866}.range-value{color:var(--ink);min-width:52px;font-size:14px;font-weight:700}.check-row{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.check-row input{accent-color:var(--aero-leaf-2);cursor:pointer;width:16px;height:16px}.preset-row{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:#ffffff4d;border:1px solid #ffffffa6;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.preset-chip:hover{background:#ffffff80}.preset-chip.active{color:#fff;text-shadow:0 1px 2px #0f466e80;background:linear-gradient(#7ed3f7,#2f9ad8);box-shadow:inset 0 2px 3px #ffffff80}.glossy-btn{font-family:var(--font-main);letter-spacing:.5px;border-radius:var(--radius-pill);cursor:pointer;color:#fff;text-shadow:0 1px 3px #1450288c;background:linear-gradient(#a9ea7c 0%,#5fbe3c 50%,#45a52c 100%);border:1px solid #ffffffd9;padding:12px 30px;font-size:15px;font-weight:700;transition:all .15s;box-shadow:inset 0 2px 4px #fff9,inset 0 -4px 8px #195a0c59,0 8px 20px #28781e59}.glossy-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.glossy-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #fff6,inset 0 -2px 4px #195a0c4d,0 3px 8px #28781e4d}.glossy-btn:disabled{opacity:.55;cursor:not-allowed}.glossy-btn.blue{text-shadow:0 1px 3px #0f3c648c;background:linear-gradient(#9fdcff 0%,#3da7e6 50%,#1f8ccf 100%);box-shadow:inset 0 2px 4px #fff9,inset 0 -4px 8px #0c3c6959,0 8px 20px #1964a059}.glossy-btn.ghost{color:var(--ink);text-shadow:none;background:#ffffff4d;box-shadow:inset 0 1px #fff9,0 4px 12px #0f466e26}.glossy-btn.small{padding:8px 18px;font-size:13px}.batch-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:16px 20px;display:flex}.batch-stats{color:var(--ink);margin-right:auto;font-size:13.5px;line-height:1.6}.batch-stats strong{color:var(--aero-sky-3)}.batch-actions{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.batch-actions .glossy-btn.ghost{border-radius:0 var(--radius-pill) var(--radius-pill) 0;border-left:1px solid #fff9;margin-left:4px}.zip-progress{color:var(--ink-soft);font-size:13px}.task-list{flex-direction:column;gap:12px;display:flex}.task-item{border-radius:var(--radius-md);background:#ffffff4d;border:1px solid #ffffff80;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:inset 0 1px #ffffff8c}.task-thumb{border-radius:var(--radius-sm);object-fit:cover;background:#fff6;border:1px solid #fffc;flex:none;width:56px;height:56px;box-shadow:0 3px 8px #0f466e33}.task-thumb-placeholder{justify-content:center;align-items:center;font-size:22px;display:flex}.task-info{flex:1;min-width:0}.task-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:700;overflow:hidden}.task-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12.5px;display:flex}.task-note{color:#b2620a;margin-top:3px;font-size:12px}.task-error{color:#c0392b;margin-top:3px;font-size:12px}.badge{border-radius:var(--radius-pill);padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.shrink{color:#fff;text-shadow:0 1px 2px #326e1980;background:linear-gradient(#c4f09a,#7cc94f)}.badge.grow{color:#fff;text-shadow:0 1px 2px #824b0a80;background:linear-gradient(#ffd9a0,#f0a53c)}.badge.status-running{color:#fff;text-shadow:0 1px 2px #0f3c6480;background:linear-gradient(#9fdcff,#3da7e6)}.badge.status-pending{color:var(--ink-soft);background:#ffffff8c}.badge.status-error{color:#fff;background:linear-gradient(#ffb3a7,#e05a43)}.task-actions{flex:none;gap:8px;display:flex}.icon-btn{cursor:pointer;width:36px;height:36px;color:var(--ink);background:#fff6;border:1px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .15s;display:flex}.icon-btn:hover{background:#ffffffa6;transform:translateY(-1px)}.spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--ink-soft);padding:26px 0 6px;font-size:13px;line-height:1.8}.site-footer{text-align:center;color:#fffffff2;text-shadow:0 1px 4px #0a466e73;margin-top:26px;font-size:12.5px;line-height:1.9}@media (max-width:720px){.main-card{padding:18px 16px 22px}.site-header{flex-wrap:wrap}.privacy-pill{margin-left:0}.mode-nav{gap:8px 16px}.mode-group-label{letter-spacing:1px;padding-right:8px}.mode-tab{padding:8px 14px;font-size:13px}.batch-actions{flex-wrap:wrap;margin-left:0}.panel{gap:14px}.task-item{flex-wrap:wrap}.batch-stats{width:100%}}