.unit-converter-container[data-v-0c316883]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-0c316883]{text-align:center;margin-bottom:30px}.page-header h1[data-v-0c316883]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-0c316883]{color:#7f8c8d;font-size:16px;line-height:1.6}.converter-section[data-v-0c316883]{background:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.category-selector[data-v-0c316883]{margin-bottom:30px}.conversion-panel[data-v-0c316883]{display:grid;grid-template-columns:1fr auto 2fr;gap:30px;align-items:start;margin-bottom:30px}.input-section[data-v-0c316883],.output-section[data-v-0c316883]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.input-section h3[data-v-0c316883],.output-section h3[data-v-0c316883]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.input-group[data-v-0c316883]{display:flex;flex-direction:column;gap:15px}.conversion-arrow[data-v-0c316883]{display:flex;align-items:center;justify-content:center;font-size:24px;color:#409eff}.results-list[data-v-0c316883]{display:flex;flex-direction:column;gap:10px}.result-item[data-v-0c316883]{display:grid;grid-template-columns:1fr 2fr auto auto;gap:10px;align-items:center;padding:10px;background:#f8f9fa;border-radius:6px;transition:all .3s}.result-item.active[data-v-0c316883]{background:#e3f2fd;border:1px solid #409eff}.result-label[data-v-0c316883]{font-weight:500;color:#2c3e50}.result-value[data-v-0c316883]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700;color:#409eff;text-align:right}.result-symbol[data-v-0c316883]{font-size:12px;color:#7f8c8d;min-width:40px}.quick-conversions[data-v-0c316883]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quick-conversions h3[data-v-0c316883]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.quick-buttons[data-v-0c316883]{display:flex;gap:10px;flex-wrap:wrap}@media (hover:none) and (pointer:coarse){.result-item[data-v-0c316883]{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.result-item[data-v-0c316883]:active{transform:scale(.98);background:#e8f4fd}.el-button[data-v-0c316883]:active{transform:scale(.95)}.el-tabs__item[data-v-0c316883]:active{background:rgba(64,158,255,.1)}}@media (max-width:768px){.unit-converter-container[data-v-0c316883]{padding:15px}.page-header h1[data-v-0c316883]{font-size:24px}.page-description[data-v-0c316883]{font-size:14px}.converter-section[data-v-0c316883]{padding:20px 15px}.category-selector[data-v-0c316883]{margin-bottom:25px}.category-selector .el-tabs__header[data-v-0c316883]{margin:0 0 15px 0}.category-selector .el-tabs__item[data-v-0c316883]{padding:0 15px;font-size:14px}.conversion-panel[data-v-0c316883]{grid-template-columns:1fr;gap:20px}.conversion-arrow[data-v-0c316883]{transform:rotate(90deg);margin:10px 0}.input-section[data-v-0c316883],.output-section[data-v-0c316883]{padding:18px}.input-group[data-v-0c316883]{gap:12px}.input-group .el-input-number[data-v-0c316883]{width:100%!important}.input-group .el-select[data-v-0c316883]{width:100%}.result-item[data-v-0c316883]{grid-template-columns:1fr auto;gap:10px;padding:12px}.result-label[data-v-0c316883]{font-size:14px}.result-value[data-v-0c316883]{font-size:16px;text-align:left}.result-symbol[data-v-0c316883]{grid-column:1;font-size:11px;margin-top:2px}.result-item .el-button[data-v-0c316883]{grid-column:2;grid-row:1/3;align-self:center}.quick-conversions[data-v-0c316883]{padding:18px}.quick-buttons[data-v-0c316883]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-buttons .el-button[data-v-0c316883]{width:100%;font-size:13px}}@media (max-width:480px){.unit-converter-container[data-v-0c316883]{padding:10px}.page-header h1[data-v-0c316883]{font-size:20px}.page-description[data-v-0c316883]{font-size:13px}.converter-section[data-v-0c316883]{padding:15px 10px}.category-selector .el-tabs__item[data-v-0c316883]{padding:0 10px;font-size:12px}.input-section[data-v-0c316883],.output-section[data-v-0c316883],.quick-conversions[data-v-0c316883]{padding:15px}.input-section h3[data-v-0c316883],.output-section h3[data-v-0c316883],.quick-conversions h3[data-v-0c316883]{font-size:16px;margin-bottom:15px}.result-item[data-v-0c316883]{padding:10px;grid-template-columns:1fr;gap:8px;text-align:center}.result-label[data-v-0c316883]{font-size:13px;font-weight:600}.result-value[data-v-0c316883]{font-size:18px;text-align:center;color:#409eff}.result-symbol[data-v-0c316883]{font-size:12px;text-align:center;margin:0}.result-item .el-button[data-v-0c316883]{grid-column:1;grid-row:auto;margin-top:8px;width:100%}.quick-buttons[data-v-0c316883]{grid-template-columns:1fr;gap:8px}.quick-buttons .el-button[data-v-0c316883]{font-size:12px;padding:8px 15px}}@media (max-width:360px){.unit-converter-container[data-v-0c316883]{padding:8px}.page-header h1[data-v-0c316883]{font-size:18px}.converter-section[data-v-0c316883]{padding:12px 8px}.category-selector .el-tabs__item[data-v-0c316883]{padding:0 8px;font-size:11px}.input-section[data-v-0c316883],.output-section[data-v-0c316883],.quick-conversions[data-v-0c316883]{padding:12px}.input-section h3[data-v-0c316883],.output-section h3[data-v-0c316883],.quick-conversions h3[data-v-0c316883]{font-size:15px}.result-item[data-v-0c316883]{padding:8px}.result-value[data-v-0c316883]{font-size:16px}.quick-buttons .el-button[data-v-0c316883]{font-size:11px;padding:6px 12px}}.modern-bg{background:#f6f8fa}.modern-card{border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:32px}.modern-title{text-align:center;font-weight:600;color:#222;margin-bottom:0}.upload-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-start}.modern-btn-group{display:flex;justify-content:center;margin-top:16px}.el-image{max-height:100%!important}.img-info{font-size:13px;color:#888;margin:4px 0 0 0}.img-card{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;margin-bottom:16px}.img-mask-wrap{display:inline-block;position:relative;max-width:100%;max-height:320px}.img-mask-inner{position:relative;width:100%;min-height:320px}.img-mask-inner,.scramble-mask-overlay{display:flex;align-items:center;justify-content:center}.scramble-mask-overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:hsla(0,0%,100%,.85);z-index:10;border-radius:10px;pointer-events:auto}.scramble-mask-content{flex-direction:column;width:100%;height:100%;text-align:center}.scramble-mask-content,.scramble-progress-overlay{display:flex;align-items:center;justify-content:center}.scramble-progress-overlay{position:absolute;left:0;top:0;right:0;bottom:0;font-size:3em;font-weight:700;color:#fff;background:rgba(0,0,0,.25);z-index:20;pointer-events:none;border-radius:10px;text-shadow:0 2px 8px #000,0 0 2px #fff}.scramble-progress-overlay span{width:100%;text-align:center;line-height:1.2;display:block}.table-scroll-x{width:100%;overflow-x:auto}.modern-slider-block{margin-top:24px;margin-bottom:8px}.modern-slider{width:80%;margin:0 auto 16px auto}@media screen and (max-width:767px){.upload-row{justify-content:space-between;flex-direction:column;gap:8px}.upload-row .el-button{width:100%;height:32px;font-size:13px;padding:6px 12px;border-radius:6px;box-shadow:none}.upload-row .el-button i{font-size:12px;margin-right:4px}.upload-row .el-select{width:100%}.upload-row .el-select>>>.el-input__inner{height:32px;line-height:32px;font-size:13px;padding:0 12px}.el-table{font-size:12px}.el-table td,.el-table th{padding:6px 4px}.el-table th{font-size:11px;font-weight:500}.el-table .el-table__body-wrapper .el-table__body td:first-child,.el-table .el-table__header-wrapper .el-table__header th:first-child{width:30px!important}.el-table .el-table__body-wrapper .el-table__body td:nth-child(2),.el-table .el-table__header-wrapper .el-table__header th:nth-child(2){width:120px!important}.el-table .el-table__body-wrapper .el-table__body td:nth-child(3),.el-table .el-table__header-wrapper .el-table__header th:nth-child(3){width:80px!important}.el-table .el-image,.el-table .el-table__body-wrapper .el-table__body td:nth-child(5),.el-table .el-table__header-wrapper .el-table__header th:nth-child(5){width:50px!important}.el-table .el-image{height:50px!important}.el-table .img-info{font-size:10px!important;margin-top:1px!important}.el-table .el-tag{font-size:10px!important;padding:2px 4px!important;height:auto!important;line-height:1.2!important}.el-table .el-button--mini{font-size:10px!important;padding:3px 6px!important;height:24px!important}.el-table .el-progress{margin-top:4px!important}.el-table .el-progress-bar{height:4px!important}.el-table td:nth-child(4)>div{font-size:11px!important;line-height:1.3!important}.el-table td:nth-child(4) .el-button--text{font-size:10px!important;padding:2px 4px!important}.el-table .el-table__row{height:auto!important}.el-table .el-table__row td{border-bottom:1px solid #ebeef5}.modern-card>.el-card__body,.modern-card>>>.el-card__body{padding:8px!important}::v-deep .el-table .el-table__cell{padding:4px 0;font-size:12px}.el-table th.el-table__cell>.cell,::v-deep .el-table th.el-table__cell>.cell{padding-left:4px!important;padding-right:4px!important}.modern-slider{width:95%}.modern-title{font-size:18px}}@media screen and (min-width:768px) and (max-width:991px){.upload-row{justify-content:flex-start;gap:12px}.modern-card>.el-card__body,.modern-card>>>.el-card__body{padding:12px!important}.modern-slider{width:85%}.modern-title{font-size:20px}}@media screen and (min-width:992px) and (max-width:1199px){.upload-row{justify-content:flex-start;gap:16px}.modern-card>.el-card__body,.modern-card>>>.el-card__body{padding:16px!important}.modern-title{font-size:22px}}@media screen and (min-width:1200px) and (max-width:1919px){.upload-row{justify-content:flex-start;gap:20px}.modern-card>.el-card__body,.modern-card>>>.el-card__body{padding:20px!important}.modern-title{font-size:24px}}@media screen and (min-width:1920px){.upload-row{justify-content:flex-start;gap:24px}.modern-card>.el-card__body,.modern-card>>>.el-card__body{padding:24px!important}.modern-slider{width:70%}.modern-title{font-size:28px}}.btn-group-mobile{display:flex;gap:8px;flex-wrap:wrap}.btn-group-mobile .el-button{flex:1 1 0;min-width:0;margin:0}@media screen and (max-width:767px){.action-buttons,.admin-controls,.audio-controls,.bottom-actions,.btn-group,.button-group,.card-actions,.center-actions,.col-actions,.config-controls,.content-actions,.control-buttons,.custom-buttons,.data-controls,.dialog-actions,.download-controls,.edit-controls,.export-controls,.file-controls,.filter-controls,.footer-buttons,.form-actions,.function-buttons,.game-controls,.header-buttons,.image-controls,.import-controls,.item-actions,.left-actions,.list-actions,.load-controls,.main-actions,.media-controls,.menu-actions,.menu-controls,.nav-actions,.nav-controls,.operation-buttons,.page-controls,.panel-actions,.player-controls,.quick-actions,.result-actions,.right-actions,.row-actions,.save-controls,.search-controls,.section-actions,.settings-controls,.side-actions,.sort-controls,.tab-actions,.text-controls,.tool-buttons,.toolbar-actions,.top-actions,.upload-controls,.user-controls,.video-controls,.view-controls{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}.action-buttons .el-button,.admin-controls .el-button,.audio-controls .el-button,.bottom-actions .el-button,.btn-group .el-button,.button-group .el-button,.card-actions .el-button,.center-actions .el-button,.col-actions .el-button,.config-controls .el-button,.content-actions .el-button,.control-buttons .el-button,.custom-buttons .el-button,.data-controls .el-button,.dialog-actions .el-button,.download-controls .el-button,.edit-controls .el-button,.export-controls .el-button,.file-controls .el-button,.filter-controls .el-button,.footer-buttons .el-button,.form-actions .el-button,.function-buttons .el-button,.game-controls .el-button,.header-buttons .el-button,.image-controls .el-button,.import-controls .el-button,.item-actions .el-button,.left-actions .el-button,.list-actions .el-button,.load-controls .el-button,.main-actions .el-button,.media-controls .el-button,.menu-actions .el-button,.menu-controls .el-button,.nav-actions .el-button,.nav-controls .el-button,.operation-buttons .el-button,.page-controls .el-button,.panel-actions .el-button,.player-controls .el-button,.quick-actions .el-button,.result-actions .el-button,.right-actions .el-button,.row-actions .el-button,.save-controls .el-button,.search-controls .el-button,.section-actions .el-button,.settings-controls .el-button,.side-actions .el-button,.sort-controls .el-button,.tab-actions .el-button,.text-controls .el-button,.tool-buttons .el-button,.toolbar-actions .el-button,.top-actions .el-button,.upload-controls .el-button,.user-controls .el-button,.video-controls .el-button,.view-controls .el-button{flex:1 1 0!important;min-width:0!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.action-buttons.vertical,.btn-group-vertical,.button-group.vertical,.toolbar-actions.vertical{flex-direction:column!important;gap:8px!important}.action-buttons.vertical .el-button,.btn-group-vertical .el-button,.button-group.vertical .el-button,.toolbar-actions.vertical .el-button{width:100%!important;flex:none!important}.el-button-group{display:flex!important;flex-wrap:wrap!important;gap:0!important}.el-button-group .el-button{flex:1 1 0!important;min-width:0!important;margin:0!important}.el-card__header .el-button{margin:2px!important}.el-dialog__footer .el-button{margin:0 4px!important}.el-form-item .el-button{margin:2px!important}.el-table .el-button{margin:1px!important;padding:4px 8px!important;font-size:12px!important}#app .el-button+.el-button{margin-left:0!important}}.el-upload-dragger{width:300px}