:root{--zen-primary:#0066FF;--zen-secondary:#00C2B8;--zen-gradient:linear-gradient(135deg,#0066FF,#00C2B8);--zen-success:#22C55E;--zen-warning:#F97316;--zen-danger:#EF4444;--zen-text-main:#111827;--zen-text-sub:#4B5563;--zen-text-placeholder:#9CA3AF;--zen-bg-base:#F9FAFB;--zen-bg-card:#FFFFFF;--zen-border:#E5E7EB;--zen-radius-base:12px;--zen-radius-card:16px;--zen-radius-btn:8px;--bg:var(--zen-bg-base);--glass:var(--zen-bg-card);--glass-b:rgba(0,0,0,0.04);--cyan:var(--zen-primary);--purple:var(--zen-secondary);--pink:var(--zen-danger);--text:var(--zen-text-main);--muted:var(--zen-text-sub);--border:var(--zen-border);--border-h:rgba(0,102,255,0.35);--glow-c:0 0 40px rgba(0,102,255,0.12);--r:16px}.dark,[data-theme="dark"]{--zen-text-main:#F9FAFB;--zen-text-sub:#D1D5DB;--zen-text-placeholder:#64748B;--zen-bg-base:#0F172A;--zen-bg-card:#1E293B;--zen-border:#334155}.dark,[data-theme="dark"]{--glass-b:rgba(255,255,255,0.06);--border-h:rgba(0,102,255,0.35)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.blob{position:fixed;border-radius:50%;filter:blur(120px);opacity:0.10;pointer-events:none;z-index:0}.blob-1{width:600px;height:600px;background:var(--cyan);top:-150px;right:-100px}.blob-2{width:500px;height:500px;background:var(--purple);bottom:-100px;left:-100px}.z-wrap{position:relative;z-index:2}.nav-search{position:relative;margin-left:auto}.nav-search-input{width:140px;padding:6px 12px 6px 32px;border:1px solid var(--border);border-radius:8px;background:var(--glass);color:var(--text);font-size:13px;outline:none;transition:width 0.3s,border-color 0.2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7a9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.nav-search-input:focus{width:220px;border-color:var(--cyan)}.nav-search-input::placeholder{color:var(--muted);font-size:12px}.nav-search-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:400px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.5);z-index:200}.nav-search-dropdown.show{display:block}.nav-search-dropdown .nsd-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background 0.15s}.nav-search-dropdown .nsd-item:last-child{border-bottom:none}.nav-search-dropdown .nsd-item:hover,.nav-search-dropdown .nsd-item.nsd-highlight{background:rgba(0,229,255,0.06)}.nav-search-dropdown .nsd-icon{font-size:18px;flex-shrink:0}.nav-search-dropdown .nsd-info{flex:1;min-width:0}.nav-search-dropdown .nsd-info .nsd-name{font-size:14px;font-weight:600}.nav-search-dropdown .nsd-info .nsd-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-search-dropdown .nsd-cat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;background:rgba(0,229,255,0.08);color:var(--cyan);white-space:nowrap;flex-shrink:0}.nav-search-dropdown .nsd-empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}@media (max-width:768px){.nav-search-input{width:100px}.nav-search-input:focus{width:140px}.nav-search-dropdown{width:300px;right:-60px}}nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(24px) saturate(180%);background:rgba(6,7,13,0.75);border-bottom:1px solid var(--border);padding:0 24px}.nav-inner{max-width:1200px;margin:auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:22px;font-weight:900;letter-spacing:-0.5px;background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo span{font-weight:300;font-size:13px;margin-left:6px;vertical-align:middle;-webkit-text-fill-color:var(--muted);color:var(--muted)}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{padding:8px 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--muted);transition:color 0.2s,background 0.2s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--glass-b)}.lang-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--muted);font-size:13px;cursor:pointer;transition:color 0.2s,background 0.2s}.lang-select:hover{color:var(--text);background:var(--glass-b)}.lang-select:focus{outline:none;border-color:var(--border-h)}.page-header{max-width:1200px;margin:0 auto;padding:72px 24px 56px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:28px}.breadcrumb a{color:var(--muted);transition:color 0.2s}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb-sep{opacity:0.3}.breadcrumb .cur{color:var(--cyan)}.page-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}.page-header h1{font-size:clamp(34px,5vw,60px);font-weight:900;letter-spacing:-1.5px;line-height:1.08;margin-bottom:16px}.page-header h1 .grad{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--muted);font-size:17px;line-height:1.75;max-width:560px}.tool-box{max-width:900px;margin:0 auto 48px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r);padding:36px;backdrop-filter:blur(8px)}.tool-box h2{font-size:24px;font-weight:700;margin-bottom:12px}.tool-box .note{color:var(--muted);font-size:15px;margin-bottom:24px}.file-input-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.file-input-row input[type="file"]{flex:1;min-width:280px;padding:14px 18px;border:1px dashed rgba(255,255,255,0.15);border-radius:12px;background:rgba(255,255,255,0.02);color:var(--muted);font-size:14px;cursor:pointer}.file-input-row input[type="file"]::file-selector-button{border:none;background:var(--glass-b);color:var(--text);padding:8px 16px;border-radius:8px;margin-right:12px;cursor:pointer;transition:background 0.2s}.file-input-row input[type="file"]::file-selector-button:hover{background:rgba(255,255,255,0.12)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:opacity 0.2s,transform 0.2s}.btn-primary:hover{opacity:0.9;transform:translateY(-2px)}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;transform:none}.status{margin-top:16px;color:var(--muted);font-size:14px;min-height:22px}.section{max-width:1200px;margin:0 auto;padding:64px 24px}.section-head{margin-bottom:40px}.section-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}.section-head h2{font-size:clamp(24px,3vw,36px);font-weight:800}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:24px;backdrop-filter:blur(8px)}.info-card h4{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--cyan)}.info-card p{font-size:14px;color:var(--muted);line-height:1.65}footer{border-top:1px solid var(--border);padding:40px 24px;text-align:center}.footer-inner{max-width:1200px;margin:auto}.footer-logo{font-size:20px;font-weight:900;letter-spacing:-0.5px;background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;margin-bottom:16px}.footer-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.footer-links a{color:var(--muted);font-size:14px;padding:6px 12px;border-radius:8px;transition:color 0.2s,background 0.2s}.footer-links a:hover{color:var(--text);background:var(--glass-b)}.footer-copy{color:var(--muted);font-size:13px}@media (max-width:1024px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.info-grid{grid-template-columns:1fr}.tool-box{padding:24px}}.zt-perf-warn{display:none;margin-top:16px;padding:12px 18px;border-radius:10px;background:rgba(255,193,7,0.08);border:1px solid rgba(255,193,7,0.25);color:#ffc107;font-size:13px;line-height:1.6}.zt-perf-warn.visible{display:block}.zt-perf-warn.zt-perf-error{background:rgba(244,63,94,0.08);border-color:rgba(244,63,94,0.25);color:#f43f5e}.zt-perf-warn .zt-perf-warn-icon{font-size:15px;margin-right:6px}.zt-browser-reco{display:none;margin-bottom:24px;padding:14px 20px;border-radius:12px;background:rgba(0,229,255,0.05);border:1px solid rgba(0,229,255,0.15);color:var(--muted);font-size:14px;line-height:1.6}.zt-browser-reco.visible{display:flex;align-items:flex-start;gap:12px}.zt-browser-reco .zt-br-icon{font-size:22px;flex-shrink:0;margin-top:1px}.zt-browser-reco .zt-br-close{margin-left:auto;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.zt-progress-wrap{display:none;margin-top:16px}.zt-progress-wrap.active{display:block}.zt-progress-bar{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,0.06);overflow:hidden}.zt-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width 0.3s ease;width:0%}.zt-progress-fill.indeterminate{width:40%;animation:zt-progress-indeterminate 1.5s ease-in-out infinite}@keyframes zt-progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.zt-progress-text{margin-top:8px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.zt-progress-text .zt-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:zt-spin 0.6s linear infinite}@keyframes zt-spin{to{transform:rotate(360deg)}}.zt-new-tools-bar{padding:10px 24px;background:rgba(0,229,255,0.08);border-bottom:1px solid rgba(0,229,255,0.15);color:var(--text);font-size:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.zt-new-tools-bar .zt-nt-icon{font-size:18px}.zt-new-tools-bar .zt-nt-view{color:var(--cyan);font-weight:600;margin-left:auto;text-decoration:none}.zt-new-tools-bar .zt-nt-close{background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:12px;cursor:pointer;padding:4px 12px}.zt-new-tools-bar .zt-nt-close:hover{border-color:var(--cyan);color:var(--cyan)}