.za-app{background:#fff;border:1px solid #eef1f4;border-radius:12px;box-shadow:0 2px 14px rgba(15,23,42,.07);overflow:hidden;margin:0}
.za-top{display:flex;align-items:center;justify-content:space-between;gap:0.6rem;padding:0.65rem 0.8rem;border-bottom:1px solid #f0f2f5;background:linear-gradient(180deg,#fbfdfc,#f4f8f6);flex-wrap:nowrap}
.za-tabs{display:flex;background:#e9efeb;border:1px solid #dde6e1;border-radius:9px;padding:3px;gap:3px;width:max-content;margin:0}
.za-tab{border:0;background:transparent;padding:0.28rem 0.9rem;border-radius:7px;font-size:0.78rem;color:#5b6b63;cursor:pointer;transition:all .2s;font-weight:600;display:inline-flex;align-items:center;gap:0.3rem;line-height:1.5}
.za-tab .za-ic{font-size:0.85rem;font-style:normal;line-height:1}
.za-tab.on{background:#fff;color:#06b672;box-shadow:0 1px 5px rgba(0,0,0,.12)}
.za-badge{display:inline-flex;align-items:center;gap:0.3rem;border:1px solid #bfe6d3;background:linear-gradient(135deg,#eefaf3,#e2f6ec);color:#067a4e;border-radius:999px;padding:0.2rem 0.6rem;font-size:0.68rem;white-space:nowrap;box-shadow:0 1px 3px rgba(6,182,114,.12)}
.za-badge .layui-icon{font-size:0.75rem}
.za-body{padding:0.75rem}
.za-panel{display:none}
.za-panel.on{display:block}
.za-drop{border:2px dashed #c9d4dd;border-radius:8px;padding:1.1rem 0.8rem;text-align:center;cursor:pointer;transition:all .2s;background:#fafbfc;position:relative}
.za-drop:hover{border-color:#06b672;background:#f0faf5}
.za-drop.drag{border-color:#06b672;background:#eefaf3}
.za-free{position:absolute;right:-0.6rem;top:-0.95rem;width:80px;height:80px;border-radius:50%;background:#ea4336;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0.72rem;font-size:15px;font-weight:600;line-height:1.25;border:4px solid #fff;box-shadow:rgba(91,98,93,.1) 0 6px 9px,rgba(60,66,69,.13) 0 2px 6px,rgba(86,86,86,.06) 0 8px 16px,rgba(86,86,86,.07) 4px 6.928px 16px;transform:rotate(16deg);cursor:default;z-index:2;text-transform:uppercase;animation:zaHeart 1.5s ease-in-out 0s 3 normal both running}
.za-free b{font-size:15px;letter-spacing:.02em}
.za-free span{font-size:14px;font-weight:700;opacity:.95}
@keyframes zaHeart{0%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}
.za-drop-ico{width:3.2rem;height:3.2rem;border-radius:50%;background:#e8f8f0;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#06b672}
.za-drop-ico svg{width:1.7rem;height:1.7rem}
.za-drop p{margin:0.45rem 0 0.15rem;color:#334155;font-size:0.85rem}
.za-drop-fmt{display:block;margin-top:0.35rem;color:#5b6b73;font-size:0.72rem}
.za-drop-tags{display:flex;flex-wrap:wrap;gap:0.35rem;justify-content:center;margin-top:0.4rem}
.za-drop-tags span{background:#f4f7f9;border:1px solid #e5eaf0;color:#44546a;border-radius:6px;padding:0.1rem 0.5rem;font-size:0.7rem;line-height:1.5}
.za-drop-note{display:block;margin-top:0.5rem;color:#06b672;font-size:0.72rem;font-weight:600}
.za-addbtns{margin-top:0.5rem;display:flex;gap:0.4rem;justify-content:center;flex-wrap:wrap}
.za-archives{display:flex;flex-direction:column;gap:0.45rem;margin-top:0.6rem}
.za-arch{background:#fff;border:1px solid #e2e8ee;border-radius:8px;padding:0.4rem 0.6rem;cursor:pointer;transition:all .2s;font-size:0.75rem;color:#334155;width:100%}
.za-arch.on{border-color:#06b672;background:#eefaf3;color:#067a4e}
.za-arch-top{display:flex;align-items:flex-start;gap:0.55rem}
.za-arch:not(.run) .za-arch-top{align-items:center}
.za-arch .za-ic{flex:none;margin-top:0.05rem;display:inline-flex;line-height:0}
.za-arch .za-ic img{width:45px;height:45px;display:block}
.za-arch-body{flex:1;min-width:0}
.za-arch-line1{display:flex;align-items:center;gap:0.35rem;min-width:0}
.za-arch-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.za-arch-size{color:#9aabb8;font-size:0.68rem;flex:none}
.za-arch-status{display:none;color:#067a4e;font-size:12px;margin-top:0.2rem}
.za-arch.run .za-arch-status{display:block}
.za-arch-ok{display:none;color:#06b672;font-weight:700;font-size:0.8rem;flex:none}
.za-arch.done .za-arch-ok{display:inline-flex;align-items:center;justify-content:center}
.za-arch-retry{display:none;border:0;background:none;color:#ff7a1a;font-size:0.9rem;line-height:1;cursor:pointer;padding:0 0 0 0.15rem;font-weight:700}
.za-arch.err .za-arch-retry{display:inline-flex;align-items:center;justify-content:center}
.za-arch-del{border:0;background:none;color:#cbd5e1;font-size:0.9rem;line-height:1;cursor:pointer;padding:0 0 0 0.15rem}
.za-arch-del:hover{color:#ef4444}
.za-arch-bar{display:none;height:10px;background:rgba(0,0,0,.06);border-radius:10px;margin-top:0.4rem;overflow:hidden;position:relative}
.za-arch.run .za-arch-bar,.za-arch.done .za-arch-bar{display:block}
.za-arch-bar i{position:absolute;left:0;top:0;width:0;height:100%;border-radius:6px;background:#06b672;box-shadow:0 0 6px 2px rgba(255,255,255,.3) inset;background-image:linear-gradient(-45deg,rgba(255,255,255,.35) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.35) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-repeat:repeat-x;background-size:20px 20px;animation:candystripe 1s linear infinite;transition:width .3s}
.za-arch-bar i.indet{width:40%}
@keyframes candystripe{to{background-position:20px 0}}
.za-arch.err{border-color:#ffb274;background:#fff6ec;color:#8a4b16}
.za-cp{display:flex;flex-direction:column;gap:0.2rem;border:1px solid #eef1f4;background:#fff;border-radius:10px;padding:0.6rem 0.8rem;margin:0.6rem 0}
.za-cp-top{display:flex;align-items:center;gap:0.6rem}
.za-cp-top img{width:45px;height:45px;flex:none;object-fit:contain}
.za-cp-body{flex:1;min-width:0}
.za-cp-name{font-size:0.85rem;color:#333;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.za-cp-size{font-size:0.72rem;color:#9aabb8}
.za-cp .za-arch-bar{display:block;margin-top:0.4rem}
.za-arch.err .za-arch-name{color:#8a4b16}
.za-arch.err .za-arch-size{color:#b07a45}
.za-ops{display:flex;flex-wrap:wrap;gap:0.45rem;align-items:center;margin-top:0.6rem}
.za-btn{border:1px solid #06b672;background:#fff;color:#06b672;padding:0.32rem 0.85rem;border-radius:6px;font-size:0.78rem;cursor:pointer;transition:all .2s;font-weight:600;line-height:1.4}
.za-btn:hover{background:#e8faf0;border-color:#059b61}
.za-btn.primary{background:#06b672;color:#fff;border-color:#06b672;box-shadow:0 2px 8px rgba(6,182,114,.25)}
.za-btn.primary:hover{background:#059b61;border-color:#059b61}
.za-btn.ghost{border-color:#d9dee6;color:#5b6b73;background:#fff}
.za-btn.ghost:hover{border-color:#06b672;color:#06b672;background:#f6fdf9}
.za-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}
.za-pass{border:1px solid #dcdfe6;border-radius:6px;padding:0.32rem 0.6rem;font-size:0.8rem;color:#1d2129;background:#fff;outline:none;transition:border-color .2s;min-width:0;height:auto}
.za-pass:focus{border-color:#06b672}
.za-filelist{margin-top:0.6rem;border:1px solid #eef1f4;border-radius:8px;overflow-x:hidden;overflow-y:auto;max-height:1000px}
.za-filelist::-webkit-scrollbar{width:8px}
.za-filelist::-webkit-scrollbar-thumb{background:#c9d4dd;border-radius:8px}
.za-filelist::-webkit-scrollbar-thumb:hover{background:#b0becb}
.za-filelist::-webkit-scrollbar-track{background:transparent}
.za-fl-head{display:flex;align-items:center;gap:0.35rem;padding:0.45rem 0.6rem;background:#f0faf5;border-bottom:1px solid #e8f1ec;font-size:0.78rem;color:#067a4e;font-weight:600}
.za-fl-head svg{width:0.9rem;height:0.9rem;flex:none}
.za-fl-head .tip{font-weight:400;color:#8a9aa5;font-size:0.68rem;margin-left:auto}
.za-row{display:flex;align-items:center;gap:0.4rem;padding:0.38rem 0.6rem;border-bottom:1px solid #f5f6f8;font-size:0.78rem}
.za-row:last-child{border-bottom:0}
.za-row.head{position:sticky;top:0;z-index:2;background:#f7f9fb;color:#7f8c8d;font-size:0.72rem;font-weight:600}
.za-row.dir{background:#fafcfe}
.za-row .ck{width:1.3rem;flex:none;text-align:center}
.za-row .ck input{accent-color:#06b672;cursor:pointer;width:0.85rem;height:0.85rem;vertical-align:middle}
.za-name{flex:1;min-width:0;display:flex;align-items:center;gap:0.35rem;color:#333;overflow:hidden;word-break:break-all}
.za-name .za-ic{font-size:0.9rem;flex:none;font-style:normal}
.za-size{width:5.5rem;flex:none;color:#9aabb8;font-size:0.72rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.za-act{width:8rem;flex:none;display:flex;gap:0.3rem;justify-content:flex-end}
.za-mini{border:1px solid #d9dee6;background:#fff;color:#5b6b73;border-radius:5px;padding:0.13rem 0.5rem;font-size:0.72rem;cursor:pointer;transition:all .2s;line-height:1.5}
.za-mini:hover{border-color:#06b672;color:#06b672;background:#f0faf5}
.za-stat{margin-top:0.5rem;font-size:0.72rem;color:#9aabb8}
.za-enc-wrap{display:flex;flex-direction:column;gap:0.35rem;width:100%}
.za-chk{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.72rem;color:#334155;cursor:pointer}
body.night .za-chk{color:#ccc}
.za-opt-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;margin-top:0.6rem;font-size:0.8rem;color:#333}
.za-opt-row label{color:#7f8c8d;font-size:0.75rem;white-space:nowrap}
.za-seg{display:flex;background:#f1f5f3;border-radius:7px;padding:2px}
.za-seg button{border:0;background:transparent;padding:0.25rem 0.8rem;border-radius:6px;font-size:0.76rem;color:#5b6b63;cursor:pointer;font-weight:600}
.za-seg button.on{background:#fff;color:#06b672;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.za-sel{border:1px solid #dcdfe6;border-radius:6px;padding:0.3rem 0.5rem;font-size:0.78rem;color:#1d2129;background:#fff;outline:none;cursor:pointer}
.za-status{display:flex;align-items:center;gap:0.6rem;padding:0.55rem 0.75rem;border-top:1px solid #eef1f4;background:#fafbfc}
.za-help{margin:0.75rem;border:1px solid #eef1f4;border-radius:8px;background:#fafbfc;padding:0.55rem 0.7rem}
.za-help-title{font-size:0.75rem;color:#5b6b73;font-weight:600;margin-bottom:0.4rem;display:flex;align-items:center;gap:0.3rem}
.za-help-title:before{content:"";width:3px;height:0.8rem;background:#06b672;border-radius:2px;flex:none}
.za-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.3rem 0.8rem}
.za-help-item{display:flex;align-items:baseline;gap:0.35rem;font-size:0.7rem;color:#7f8c8d;line-height:1.5;min-width:0}
.za-help-item b{color:#334155;font-weight:600;flex:none}
.za-help-item span{overflow:hidden;text-overflow:ellipsis}
.za-bar{flex:1;height:5px;background:#e8ecef;border-radius:3px;overflow:hidden}
.za-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#06b672,#0e9dd6);border-radius:3px;transition:width .25s}
.za-bar i.indet{width:40%;animation:zaSlide 1.2s ease-in-out infinite}
@keyframes zaSlide{0%{margin-left:-40%}100%{margin-left:100%}}
.za-status-txt{font-size:0.72rem;color:#9aabb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.za-mask{position:fixed;inset:0;z-index:99998;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:1rem}
.za-modal{background:#fff;border-radius:10px;width:min(820px,94vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 48px rgba(0,0,0,.25);overflow:hidden}
.za-modal-head{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.8rem;border-bottom:1px solid #eef1f4}
.za-modal-head b{font-size:0.85rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0.8rem}
.za-modal-close{border:0;background:none;font-size:1.2rem;color:#9aabb8;cursor:pointer;line-height:1;padding:0 0.2rem}
.za-modal-close:hover{color:#ef4444}
.za-modal-body{overflow:auto;padding:0.8rem;flex:1}
.za-prev-code{background:#f6f8fa;border:1px solid #e6ebf0;border-radius:8px;padding:14px 16px;font:13px/1.7 Consolas,Monaco,"Courier New",monospace;max-height:70vh;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-all;color:#333}
.za-code-c{color:#7aa05b;font-style:italic}
.za-code-s{color:#b26a1e}
.za-code-k{color:#2563eb;font-weight:600}
.za-modal-foot{border-top:1px solid #eef1f4;padding:0.55rem 0.8rem;display:flex;justify-content:flex-end}
body.night .za-app{background:#1a1a1a;border-color:#333}
body.night .za-top{background:linear-gradient(180deg,#1e2321,#1a1a1a);border-bottom-color:#333}
body.night .za-tabs{background:#222a26;border-color:#33413a}
body.night .za-badge{background:#14241c;border-color:#1e4632;color:#6ee7b7}
body.night .za-tab{color:#9aa5b0}
body.night .za-tab.on{background:#2c3a33;color:#6ee7b7}
body.night .za-drop{border-color:#45505a;background:#1c211e}
body.night .za-drop.drag{border-color:#06b672;background:#14241c}
body.night .za-drop-ico{background:#14241c;color:#6ee7b7}
body.night .za-drop p{color:#d1d5db}
body.night .za-drop-fmt{color:#8fa1ad}
body.night .za-drop-tags span{background:#242a2c;border-color:#333a3e;color:#9fb0bd}
body.night .za-drop-note{color:#6ee7b7}
body.night .za-arch{background:#232324;border-color:#3a3a3a;color:#ccc}
body.night .za-arch.on{border-color:#06b672;background:#14241c;color:#6ee7b7}
body.night .za-arch.err{background:#3a2a1a;border-color:#b4632a;color:#f0b98a}
body.night .za-cp{background:#1d1f1e;border-color:#333}
body.night .za-cp-name{color:#e5e7eb}
body.night .za-cp-size{color:#9aa5b0}
body.night .za-arch.err .za-arch-name{color:#f0b98a}
body.night .za-arch.err .za-arch-size{color:#b58a5e}
body.night .za-arch-bar{background:rgba(255,255,255,.12)}
body.night .za-arch-status{color:#6ee7b7}
body.night .za-arch-size{color:#6b7a72}
body.night .za-arch-del{color:#5b6b63}
body.night .za-btn{background:#232324;border-color:#06b672;color:#6ee7b7}
body.night .za-btn:hover{background:#123a2b}
body.night .za-btn.primary{background:#06b672;color:#fff;border-color:#06b672}
body.night .za-btn.primary:hover{background:#059b61}
body.night .za-btn.ghost{border-color:#4b5a6b;color:#cbd5e1;background:#232324}
body.night .za-btn.ghost:hover{border-color:#06b672;color:#6ee7b7;background:#14241c}
body.night .za-pass{background:#181a1b;border-color:#444;color:#eee}
body.night .za-pass:focus{border-color:#06b672}
body.night .za-filelist{border-color:#333}
body.night .za-filelist::-webkit-scrollbar-thumb{background:#3a4652}
body.night .za-row{border-bottom-color:#2c2c2c}
body.night .za-row.head{background:#202426;color:#9aa5b0}
body.night .za-row.dir{background:#1d2023}
body.night .za-fl-head{background:#14241c;color:#6ee7b7;border-bottom-color:#2c2c2c}
body.night .za-fl-head .tip{color:#6f7d85}
body.night .za-name{color:#ddd}
body.night .za-size{color:#9aa5b0}
body.night .za-mini{background:#273244;border-color:#4b5a6b;color:#cbd5e1}
body.night .za-mini:hover{border-color:#06b672;color:#6ee7b7;background:#123a2b}
body.night .za-stat{color:#9aa5b0}
body.night .za-opt-row{color:#ddd}
body.night .za-opt-row label{color:#9aa5b0}
body.night .za-seg{background:#222a26}
body.night .za-seg button{color:#9aa5b0}
body.night .za-seg button.on{background:#2c3a33;color:#6ee7b7}
body.night .za-sel{background:#181a1b;border-color:#444;color:#eee}
body.night .za-status{background:#1d1f1e;border-top-color:#333}
body.night .za-help{background:#1d1f1e;border-color:#333}
body.night .za-help-title{color:#cbd5e1}
body.night .za-help-item{color:#9aa5b0}
body.night .za-help-item b{color:#e5e7eb}
body.night .za-bar{background:#333}
body.night .za-status-txt{color:#9aa5b0}
body.night .za-modal{background:#1e1e1e}
body.night .za-modal-head{border-bottom-color:#333}
body.night .za-modal-head b{color:#e5e7eb}
body.night .za-modal-close{color:#6b7a72}
body.night .za-modal-foot{border-top-color:#333}
body.night .za-prev-text{color:#ccc}
body.night .za-prev-code{background:#16181d;border-color:#2a2f38;color:#d8dee6}
body.night .za-code-c{color:#7fb069}
body.night .za-code-s{color:#e6a45c}
body.night .za-code-k{color:#7aa5ff}
@media screen and (max-width:768px){
.za-top{flex-direction:column;align-items:stretch;padding:0.6rem 0.6rem 0}
.za-tabs{width:100%}
.za-tab{flex:1}
.za-badge{align-self:flex-start}
.za-help-grid{grid-template-columns:1fr}
.za-help{margin:0.6rem}
.za-help-item{flex-direction:column;align-items:flex-start;gap:0.1rem}
.za-help-item span{overflow:visible;text-overflow:clip}
.za-body{padding:0.6rem}
.za-ops .za-btn{flex:1;text-align:center}
.za-pass{flex:1 1 100%}
.za-row{flex-wrap:wrap}
.za-size{display:none}
.za-act{width:auto}
.za-opt-row{gap:0.35rem}
.za-opt-row .za-seg{flex:1}
.za-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0}
}