:root{--bg:#070b14;--panel:#0d1424;--line:#1c2b45;--ink:#e8f1ff;--dim:#8a9aa8;--cyan:#00e6ff;--amber:#ffb200;--green:#2da21a;--red:#ff5a6a;--ease:cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);background-image:radial-gradient(60% 40% at 50% -10%,#00e6ff12,#0000),linear-gradient(#1c2b4540 1px,#0000 1px),linear-gradient(90deg,#1c2b4540 1px,#0000 1px);background-size:100% 100%,36px 36px,36px 36px;min-height:100vh;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.wrap{max-width:640px;margin:0 auto;padding:48px 20px}header{margin-bottom:28px}header h1{letter-spacing:1px;font-size:26px}header h1 span{color:var(--cyan)}header p{color:var(--dim);margin-top:8px;font-size:13px}.drop{border:2px dashed var(--line);text-align:center;cursor:pointer;transition:all .2s var(--ease);background:#0d142480;border-radius:14px;margin-bottom:20px;padding:40px 20px}.drop:hover,.drop.drag{border-color:var(--cyan);background:#00e6ff0d}.drop.drag{transform:scale(1.01)}.drop-icon{margin-bottom:10px;font-size:32px}.drop-text{color:var(--ink);font-size:15px}.drop-hint{color:var(--dim);margin-top:6px;font-size:12px}.drop.has-file{border-style:solid;border-color:var(--cyan);padding:24px}.file-info{justify-content:center;align-items:center;gap:14px;display:flex}.file-icon{font-size:28px}.file-name{word-break:break-all;font-size:15px}.file-size{color:var(--dim);font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);animation:rise .4s var(--ease) both;border-radius:14px;margin-bottom:20px;padding:22px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel-title{color:var(--cyan);margin-bottom:16px;font-size:15px;font-weight:600}.opt-row{margin-bottom:12px}.opt{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.opt input{accent-color:var(--cyan);width:16px;height:16px}.opt em{color:var(--dim);font-size:12px;font-style:normal}.slider-row{color:var(--dim);align-items:center;gap:10px;margin:6px 0 14px 26px;font-size:13px;display:flex}.slider-row input[type=range]{accent-color:var(--cyan);flex:1}.slider-row b{color:var(--ink);text-align:right;width:36px}.slider-row select{color:var(--ink);border:1px solid var(--line);background:#0a1120;border-radius:8px;flex:1;padding:6px 8px;font-family:inherit}.sub-opts{margin-left:26px}.seg{gap:8px;margin-bottom:10px;display:flex}.seg button{color:var(--dim);border:1px solid var(--line);cursor:pointer;transition:all .16s var(--ease);background:0 0;border-radius:8px;flex:1;padding:7px 0;font-family:inherit;font-size:13px}.seg button.active{color:var(--bg);background:var(--cyan);border-color:var(--cyan);font-weight:600}.btn{cursor:pointer;background:var(--cyan);width:100%;color:var(--bg);transition:all .16s var(--ease);border:none;border-radius:10px;margin-top:8px;padding:13px 0;font-family:inherit;font-size:15px;font-weight:600}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.dl{background:var(--amber)}.progress{margin-top:14px}.progress i{background:var(--cyan);height:6px;transition:width .3s var(--ease);border-radius:3px;display:block}.progress span{color:var(--dim);text-align:center;margin-top:8px;font-size:12px;display:block}.err{color:var(--red);margin-top:12px;font-size:13px;line-height:1.6}.result-grid{gap:10px;margin-bottom:14px;display:flex}.res-cell{border:1px solid var(--line);text-align:center;background:#0a1120;border-radius:10px;flex:1;padding:14px}.res-label{color:var(--dim);margin-bottom:6px;font-size:12px}.res-val{font-size:18px;font-weight:700}.res-val.accent{color:var(--cyan)}.res-val.green{color:var(--green)}.stats{color:var(--dim);text-align:center;margin-bottom:4px;font-size:12px}.hint{color:var(--dim);font-size:12px;line-height:1.9}.hint b{color:var(--cyan)}@media (width<=560px){.result-grid{flex-direction:column}.wrap{padding:28px 14px}}