.navbar[data-v-0c54c2af]{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:1px solid #E5E7EB;z-index:100;box-shadow:0 1px 2px #0000000d}.navbar-inner[data-v-0c54c2af]{max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 32px;gap:32px}.navbar-brand[data-v-0c54c2af]{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar-brand .brand-icon[data-v-0c54c2af]{width:32px;height:32px}.navbar-brand .brand-text[data-v-0c54c2af]{font-size:18px;font-weight:700;color:#111827;letter-spacing:-.5px}.navbar-groups[data-v-0c54c2af]{display:flex;align-items:center;gap:4px;height:100%;overflow-x:auto}.nav-group[data-v-0c54c2af]{display:flex;align-items:center;height:100%;position:relative}.nav-group.active[data-v-0c54c2af]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#4f46e5;border-radius:1px 1px 0 0}.nav-group-label[data-v-0c54c2af]{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:0 8px;margin-right:4px;white-space:nowrap}.nav-group-items[data-v-0c54c2af]{display:flex;align-items:center;gap:2px}.nav-item[data-v-0c54c2af]{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;color:#4b5563;text-decoration:none;white-space:nowrap;transition:all .15s ease}.nav-item[data-v-0c54c2af]:hover{background:#f3f4f6;color:#1f2937}.nav-item.active[data-v-0c54c2af]{background:#eef2ff;color:#4f46e5;font-weight:600}.nav-item .nav-item-icon[data-v-0c54c2af]{font-size:14px}.nav-item .nav-item-text[data-v-0c54c2af]{line-height:1}@media (max-width: 768px){.navbar-inner[data-v-0c54c2af]{padding:0 16px}.nav-group-label[data-v-0c54c2af],.nav-item .nav-item-text[data-v-0c54c2af]{display:none}.nav-item .nav-item-icon[data-v-0c54c2af]{font-size:18px}.nav-item[data-v-0c54c2af]{padding:8px}}.app-layout[data-v-5dc055b8]{min-height:100vh}.main-content[data-v-5dc055b8]{padding-top:64px;min-height:calc(100vh - 64px)}.fade-enter-active[data-v-5dc055b8],.fade-leave-active[data-v-5dc055b8]{transition:opacity .2s ease}.fade-enter-from[data-v-5dc055b8],.fade-leave-to[data-v-5dc055b8]{opacity:0}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#1f2937;background-color:#f8fafc;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#4f46e5;text-decoration:none}a:hover{color:#4338ca}.page-container{max-width:1200px;margin:0 auto;padding:32px 24px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:32px;transition:box-shadow .25s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.tool-page .page-header{margin-bottom:32px}.tool-page .page-header h1{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.tool-page .page-header p{color:#6b7280;font-size:14px}.tool-page .tool-content{display:grid;grid-template-columns:1fr 320px;gap:32px}@media (max-width: 900px){.tool-page .tool-content{grid-template-columns:1fr}}.tool-page .upload-area{min-height:300px}.tool-page .params-panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:32px;transition:box-shadow .25s ease}.tool-page .params-panel:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.tool-page .result-area{margin-top:24px}.upload-zone{border:2px dashed #D1D5DB;border-radius:12px;padding:48px;text-align:center;cursor:pointer;transition:all .25s ease;background:#f9fafb}.upload-zone:hover{border-color:#4f46e5;background:#eef2ff}.upload-zone.dragging{border-color:#4f46e5;background:#eef2ff;transform:scale(1.01)}.upload-zone.has-file{border-color:#10b981;background:#f0fdf4}.upload-zone .upload-icon{font-size:48px;margin-bottom:16px;opacity:.6}.upload-zone .upload-text{font-size:16px;color:#4b5563;margin-bottom:8px}.upload-zone .upload-hint{font-size:13px;color:#9ca3af}.upload-zone .file-info{margin-top:16px;padding:16px;background:#fff;border-radius:8px;display:inline-block}.upload-zone .file-info .file-name{font-weight:600;color:#374151}.upload-zone .file-info .file-size{color:#6b7280;font-size:13px}.file-list{margin-top:16px}.file-list .file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-radius:8px;margin-bottom:8px;border:1px solid #E5E7EB}.file-list .file-item .file-item-info{display:flex;align-items:center;gap:8px}.file-list .file-item .file-item-info .file-item-name{font-weight:500;color:#374151}.file-list .file-item .file-item-info .file-item-size{color:#9ca3af;font-size:13px}.file-list .file-item .file-item-remove{cursor:pointer;color:#9ca3af;font-size:18px;padding:2px 6px;border-radius:6px;transition:all .15s ease}.file-list .file-item .file-item-remove:hover{color:#ef4444;background:#fef2f2}.params-panel h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.params-panel .param-group{margin-bottom:24px}.params-panel .param-group:last-child{margin-bottom:0}.params-panel .param-label{display:block;font-size:13px;font-weight:500;color:#4b5563;margin-bottom:4px}.params-panel .param-input{width:100%;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#1f2937;transition:border-color .15s ease;outline:none;background:#fff}.params-panel .param-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.params-panel .param-input::placeholder{color:#9ca3af}.params-panel select.param-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.params-panel .param-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#e5e7eb;outline:none}.params-panel .param-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#4f46e5;cursor:pointer;border:2px solid #FFFFFF;box-shadow:0 1px 2px #0000000d}.params-panel .range-value{display:inline-block;font-size:13px;color:#4f46e5;font-weight:600;margin-left:8px}.params-panel .param-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.params-panel .param-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#4F46E5}.params-panel .param-checkbox span{font-size:13px;color:#4b5563}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease;outline:none}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-outline{background:transparent;color:#4f46e5;border:1px solid #4F46E5}.btn-outline:hover{background:#eef2ff}.btn-lg{padding:12px 32px;font-size:16px}.btn-block{width:100%}.result-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:box-shadow .25s ease;display:flex;align-items:center;justify-content:space-between;padding:24px}.result-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.result-card .result-info h4{font-size:14px;color:#1f2937;margin-bottom:4px}.result-card .result-info .result-stats{display:flex;gap:24px;font-size:13px;color:#6b7280}.result-card .result-info .result-stats .stat-value{font-weight:600;color:#374151}.result-card .result-info .result-stats .compression-ratio{color:#10b981;font-weight:600}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin:16px 0}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:9999px;transition:width .35s ease}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.loading-overlay .spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay .loading-text{margin-top:16px;color:#6b7280;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:80px;right:24px;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;z-index:1000;animation:slideIn .25s ease;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.toast-success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}