.unit-converter-container[data-v-38ad78eb]{max-width:1200px;margin:0 auto;padding:20px}.header-section[data-v-38ad78eb]{text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;border-radius:16px;box-shadow:0 8px 32px #0000001a}.main-title[data-v-38ad78eb]{font-size:2.5rem;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.subtitle[data-v-38ad78eb]{font-size:1.1rem;opacity:.9;line-height:1.6;max-width:600px;margin:0 auto}.unit-type-section[data-v-38ad78eb]{margin-bottom:30px}.type-selector-card[data-v-38ad78eb]{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #e1e8f0}.type-selector[data-v-38ad78eb]{padding:20px}.type-tabs[data-v-38ad78eb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.type-tab[data-v-38ad78eb]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;border:2px solid transparent;color:var(--el-text-color-regular);position:relative}.type-tab[data-v-38ad78eb]:hover:not(.disabled){background:rgba(var(--el-color-primary-rgb),.1);border-color:rgba(var(--el-color-primary-rgb),.2);transform:translateY(-2px)}.type-tab.active[data-v-38ad78eb]{background:var(--el-color-primary);color:#fff;border-color:var(--el-color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--el-color-primary-rgb),.3)}.type-tab.disabled[data-v-38ad78eb]{opacity:.5;cursor:not-allowed;background:#f5f7fa;color:#c0c4cc}.type-tab .el-icon[data-v-38ad78eb]{font-size:24px}.type-tab span[data-v-38ad78eb]{font-size:14px;font-weight:500;text-align:center}.coming-soon[data-v-38ad78eb]{position:absolute;top:-6px;right:-6px;background:var(--el-color-warning);color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;transform:scale(.8)}.type-description[data-v-38ad78eb]{text-align:center;color:var(--el-text-color-secondary);font-size:14px;padding:12px;background:rgba(var(--el-color-primary-rgb),.05);border-radius:8px}@media (max-width: 768px){.type-tabs[data-v-38ad78eb]{grid-template-columns:repeat(3,1fr);gap:8px}.type-tab[data-v-38ad78eb]{padding:12px 8px}.type-tab .el-icon[data-v-38ad78eb]{font-size:20px}.type-tab span[data-v-38ad78eb]{font-size:12px}}@media (max-width: 480px){.type-tabs[data-v-38ad78eb]{grid-template-columns:repeat(2,1fr)}}.quick-convert-section[data-v-38ad78eb]{margin-bottom:30px}.quick-card .card-header[data-v-38ad78eb]{text-align:center}.quick-card .card-header h3[data-v-38ad78eb]{margin:0 0 8px;color:var(--el-text-color-primary);font-size:1.5rem;font-weight:600}.quick-card .card-header p[data-v-38ad78eb]{margin:0;color:var(--el-text-color-secondary);font-size:.9rem}.quick-convert-form[data-v-38ad78eb]{padding:20px 0}.convert-row[data-v-38ad78eb]{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap}.input-group[data-v-38ad78eb]{display:flex;flex-direction:column;gap:8px;min-width:280px}.input-group label[data-v-38ad78eb]{font-weight:600;color:var(--el-text-color-primary);font-size:.9rem}.input-with-unit[data-v-38ad78eb]{display:flex;gap:8px}.input-with-unit .el-input-number[data-v-38ad78eb]{flex:1}.input-with-unit .el-select[data-v-38ad78eb]{width:160px}.convert-equals[data-v-38ad78eb]{font-size:24px;color:var(--el-color-primary);display:flex;align-items:center;justify-content:center}.convert-equals .el-icon[data-v-38ad78eb]{animation:pulse-38ad78eb 2s infinite}.full-convert-section[data-v-38ad78eb]{margin-bottom:30px}.convert-table-card .card-header[data-v-38ad78eb]{text-align:center}.convert-table-card .card-header h3[data-v-38ad78eb]{margin:0 0 8px;color:var(--el-text-color-primary);font-size:1.5rem;font-weight:600}.convert-table-card .card-header p[data-v-38ad78eb]{margin:0;color:var(--el-text-color-secondary);font-size:.9rem}.units-grid[data-v-38ad78eb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:20px}.unit-group[data-v-38ad78eb]{background:var(--el-fill-color-lighter);border-radius:12px;padding:20px;border:1px solid var(--el-border-color-light);min-width:320px}.group-title[data-v-38ad78eb]{margin:0 0 16px;color:var(--el-color-primary);font-size:1.1rem;font-weight:600;border-bottom:2px solid var(--el-color-primary);padding-bottom:8px}.unit-items[data-v-38ad78eb]{display:flex;flex-direction:column;gap:12px}.unit-item[data-v-38ad78eb]{display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);transition:all .3s ease}.unit-item[data-v-38ad78eb]:hover{border-color:var(--el-color-primary);box-shadow:0 2px 8px #0000001a}.unit-info[data-v-38ad78eb]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:120px}.unit-label[data-v-38ad78eb]{font-weight:600;color:var(--el-text-color-primary);font-size:.8rem;white-space:nowrap}.unit-symbol[data-v-38ad78eb]{font-size:.8rem;color:var(--el-text-color-secondary);white-space:nowrap}.unit-item .el-input[data-v-38ad78eb]{width:180px;flex-shrink:0}.action-section[data-v-38ad78eb]{display:flex;justify-content:center;gap:16px;margin-bottom:30px;flex-wrap:wrap}.info-section[data-v-38ad78eb]{margin-top:40px}.info-card[data-v-38ad78eb]{height:100%}.info-card h3[data-v-38ad78eb]{margin:0;color:var(--el-text-color-primary);font-size:1.2rem;font-weight:600}.usage-list[data-v-38ad78eb]{margin:0;padding-left:20px;line-height:1.8}.usage-list li[data-v-38ad78eb]{margin-bottom:8px;color:var(--el-text-color-regular)}.common-conversions[data-v-38ad78eb]{display:flex;flex-direction:column;gap:12px}.conversion-item[data-v-38ad78eb]{padding:12px;background:var(--el-fill-color-light);border-radius:8px;border-left:4px solid var(--el-color-primary)}.conversion-text[data-v-38ad78eb]{font-family:Courier New,monospace;color:var(--el-text-color-primary);font-weight:500}.reference-values[data-v-38ad78eb]{display:flex;flex-direction:column;gap:8px}.reference-item[data-v-38ad78eb]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--el-fill-color-light);border-radius:6px;border-left:3px solid var(--el-color-primary)}.ref-item[data-v-38ad78eb]{font-weight:500;color:var(--el-text-color-primary);flex:1}.ref-value[data-v-38ad78eb]{font-family:Courier New,monospace;color:var(--el-color-primary);font-weight:600;white-space:nowrap}.application-value[data-v-38ad78eb]{display:flex;flex-direction:column;gap:12px}.value-item[data-v-38ad78eb]{display:flex;align-items:flex-start;gap:8px}.value-item[data-v-38ad78eb]:before{content:"▸";color:var(--el-color-primary);font-weight:700;margin-top:2px;flex-shrink:0}.value-content[data-v-38ad78eb]{flex:1}.value-text[data-v-38ad78eb]{color:var(--el-text-color-regular);line-height:1.6}.usage-scenarios[data-v-38ad78eb]{display:flex;flex-direction:column;gap:16px}.scenario-group[data-v-38ad78eb]{border-radius:8px;overflow:hidden}.scenario-category[data-v-38ad78eb]{margin:0 0 8px;color:var(--el-color-primary);font-size:16px;font-weight:600;padding:8px 12px;background:rgba(var(--el-color-primary-rgb),.1);border-radius:6px}.scenario-examples[data-v-38ad78eb]{margin:0;padding:0;list-style:none}.scenario-example[data-v-38ad78eb]{padding:6px 12px;color:var(--el-text-color-regular);border-left:2px solid var(--el-color-primary-light-7);margin-bottom:4px;background:var(--el-fill-color-lighter);border-radius:0 4px 4px 0;font-size:14px;line-height:1.5}.scenario-example[data-v-38ad78eb]:last-child{margin-bottom:0}.number-input[data-v-38ad78eb] .el-input__inner{text-align:center}.number-input[data-v-38ad78eb] .el-input__inner:focus{border-color:var(--el-color-primary)}.conversion-display[data-v-38ad78eb]{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-radius:12px;border:1px solid #e1e8f0}.conversion-header[data-v-38ad78eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.conversion-title[data-v-38ad78eb]{font-weight:600;color:var(--el-text-color-primary);font-size:14px}.toggle-display-btn[data-v-38ad78eb]{font-size:12px;padding:4px 8px;height:auto;color:var(--el-color-primary)}.toggle-display-btn[data-v-38ad78eb]:hover{background-color:rgba(var(--el-color-primary-rgb),.1)}.conversion-text[data-v-38ad78eb]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600}.conversion-icon[data-v-38ad78eb]{color:var(--el-color-primary);font-size:18px;animation:pulse-38ad78eb 2s infinite}.conversion-content[data-v-38ad78eb]{color:var(--el-text-color-primary);background:linear-gradient(120deg,var(--el-color-primary),#36cfc9);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Courier New,monospace;letter-spacing:.5px}@keyframes pulse-38ad78eb{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@media (max-width: 768px){.number-input[data-v-38ad78eb]{width:100%}}@media (max-width: 768px){.conversion-display[data-v-38ad78eb]{margin-top:16px;padding:12px}.conversion-text[data-v-38ad78eb]{font-size:14px;flex-direction:column;gap:4px}.conversion-icon[data-v-38ad78eb]{transform:rotate(90deg)}.main-title[data-v-38ad78eb]{font-size:2rem}.convert-row[data-v-38ad78eb]{flex-direction:column;align-items:stretch}.convert-equals[data-v-38ad78eb]{margin:0;text-align:center;transform:rotate(90deg)}.input-group[data-v-38ad78eb]{min-width:auto}.units-grid[data-v-38ad78eb]{grid-template-columns:1fr}.unit-group[data-v-38ad78eb]{min-width:auto}.unit-item[data-v-38ad78eb]{flex-direction:column;align-items:stretch;gap:8px}.unit-info[data-v-38ad78eb]{min-width:auto;text-align:center}.unit-item .el-input[data-v-38ad78eb]{width:100%}.action-section[data-v-38ad78eb]{flex-direction:column;align-items:center}}