.unit-converter-container[data-v-5a4bca2a]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-5a4bca2a]{text-align:center;margin-bottom:30px}.page-header h1[data-v-5a4bca2a]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-5a4bca2a]{color:#7f8c8d;font-size:16px;line-height:1.6}.converter-section[data-v-5a4bca2a]{background:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.category-selector[data-v-5a4bca2a]{margin-bottom:30px}.conversion-panel[data-v-5a4bca2a]{display:grid;grid-template-columns:1fr auto 2fr;gap:30px;align-items:start;margin-bottom:30px}.input-section[data-v-5a4bca2a],.output-section[data-v-5a4bca2a]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.input-section h3[data-v-5a4bca2a],.output-section h3[data-v-5a4bca2a]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.input-group[data-v-5a4bca2a]{display:flex;flex-direction:column;gap:15px}.conversion-arrow[data-v-5a4bca2a]{display:flex;align-items:center;justify-content:center;font-size:24px;color:#409eff}.results-list[data-v-5a4bca2a]{display:flex;flex-direction:column;gap:10px}.result-item[data-v-5a4bca2a]{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-5a4bca2a]{background:#e3f2fd;border:1px solid #409eff}.result-label[data-v-5a4bca2a]{font-weight:500;color:#2c3e50}.result-value[data-v-5a4bca2a]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700;color:#409eff;text-align:right}.result-symbol[data-v-5a4bca2a]{font-size:12px;color:#7f8c8d;min-width:40px}.quick-conversions[data-v-5a4bca2a]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quick-conversions h3[data-v-5a4bca2a]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.quick-buttons[data-v-5a4bca2a]{display:flex;gap:10px;flex-wrap:wrap}@media (hover:none) and (pointer:coarse){.result-item[data-v-5a4bca2a]{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.result-item[data-v-5a4bca2a]:active{transform:scale(.98);background:#e8f4fd}.el-button[data-v-5a4bca2a]:active{transform:scale(.95)}.el-tabs__item[data-v-5a4bca2a]:active{background:rgba(64,158,255,.1)}}@media (max-width:768px){.unit-converter-container[data-v-5a4bca2a]{padding:15px}.page-header h1[data-v-5a4bca2a]{font-size:24px}.page-description[data-v-5a4bca2a]{font-size:14px}.converter-section[data-v-5a4bca2a]{padding:20px 15px}.category-selector[data-v-5a4bca2a]{margin-bottom:25px}.category-selector .el-tabs__header[data-v-5a4bca2a]{margin:0 0 15px 0}.category-selector .el-tabs__item[data-v-5a4bca2a]{padding:0 15px;font-size:14px}.conversion-panel[data-v-5a4bca2a]{grid-template-columns:1fr;gap:20px}.conversion-arrow[data-v-5a4bca2a]{transform:rotate(90deg);margin:10px 0}.input-section[data-v-5a4bca2a],.output-section[data-v-5a4bca2a]{padding:18px}.input-group[data-v-5a4bca2a]{gap:12px}.input-group .el-input-number[data-v-5a4bca2a]{width:100%!important}.input-group .el-select[data-v-5a4bca2a]{width:100%}.result-item[data-v-5a4bca2a]{grid-template-columns:1fr auto;gap:10px;padding:12px}.result-label[data-v-5a4bca2a]{font-size:14px}.result-value[data-v-5a4bca2a]{font-size:16px;text-align:left}.result-symbol[data-v-5a4bca2a]{grid-column:1;font-size:11px;margin-top:2px}.result-item .el-button[data-v-5a4bca2a]{grid-column:2;grid-row:1/3;align-self:center}.quick-conversions[data-v-5a4bca2a]{padding:18px}.quick-buttons[data-v-5a4bca2a]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-buttons .el-button[data-v-5a4bca2a]{width:100%;font-size:13px}}@media (max-width:480px){.unit-converter-container[data-v-5a4bca2a]{padding:10px}.page-header h1[data-v-5a4bca2a]{font-size:20px}.page-description[data-v-5a4bca2a]{font-size:13px}.converter-section[data-v-5a4bca2a]{padding:15px 10px}.category-selector .el-tabs__item[data-v-5a4bca2a]{padding:0 10px;font-size:12px}.input-section[data-v-5a4bca2a],.output-section[data-v-5a4bca2a],.quick-conversions[data-v-5a4bca2a]{padding:15px}.input-section h3[data-v-5a4bca2a],.output-section h3[data-v-5a4bca2a],.quick-conversions h3[data-v-5a4bca2a]{font-size:16px;margin-bottom:15px}.result-item[data-v-5a4bca2a]{padding:10px;grid-template-columns:1fr;gap:8px;text-align:center}.result-label[data-v-5a4bca2a]{font-size:13px;font-weight:600}.result-value[data-v-5a4bca2a]{font-size:18px;text-align:center;color:#409eff}.result-symbol[data-v-5a4bca2a]{font-size:12px;text-align:center;margin:0}.result-item .el-button[data-v-5a4bca2a]{grid-column:1;grid-row:auto;margin-top:8px;width:100%}.quick-buttons[data-v-5a4bca2a]{grid-template-columns:1fr;gap:8px}.quick-buttons .el-button[data-v-5a4bca2a]{font-size:12px;padding:8px 15px}}@media (max-width:360px){.unit-converter-container[data-v-5a4bca2a]{padding:8px}.page-header h1[data-v-5a4bca2a]{font-size:18px}.converter-section[data-v-5a4bca2a]{padding:12px 8px}.category-selector .el-tabs__item[data-v-5a4bca2a]{padding:0 8px;font-size:11px}.input-section[data-v-5a4bca2a],.output-section[data-v-5a4bca2a],.quick-conversions[data-v-5a4bca2a]{padding:12px}.input-section h3[data-v-5a4bca2a],.output-section h3[data-v-5a4bca2a],.quick-conversions h3[data-v-5a4bca2a]{font-size:15px}.result-item[data-v-5a4bca2a]{padding:8px}.result-value[data-v-5a4bca2a]{font-size:16px}.quick-buttons .el-button[data-v-5a4bca2a]{font-size:11px;padding:6px 12px}}