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