.temperature-converter[data-v-e3c3a544]{max-width:100%;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.converter-header[data-v-e3c3a544]{text-align:center;margin-bottom:32px;padding:16px}.converter-title[data-v-e3c3a544]{font-size:28px;font-weight:600;color:#2c3e50;margin:0 0 8px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.converter-description[data-v-e3c3a544]{font-size:16px;color:#7f8c8d;margin:0;opacity:.8}.temperature-grid[data-v-e3c3a544]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:32px}.temperature-item[data-v-e3c3a544]{background:#ffffffe6;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a}.temperature-item[data-v-e3c3a544]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#e3f2fd}.temperature-item.active[data-v-e3c3a544]{border-color:#409eff;background:#409eff0d;transform:translateY(-2px)}.temperature-header[data-v-e3c3a544]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ecf0f1}.temperature-name[data-v-e3c3a544]{font-weight:600;font-size:16px;color:#2c3e50}.temperature-symbol[data-v-e3c3a544]{font-weight:500;font-size:14px;color:#7f8c8d;background:#ecf0f1;padding:4px 8px;border-radius:6px;min-width:40px;text-align:center}.temperature-input[data-v-e3c3a544]{width:100%}.temperature-input[data-v-e3c3a544] .el-input__inner{font-size:18px;font-weight:500;text-align:center;border-radius:8px;border:2px solid #e1e8ed;transition:all .3s ease;background:#fafbfc}.temperature-input[data-v-e3c3a544] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 3px #409eff1a;background:#fff}.temperature-input[data-v-e3c3a544] .el-input__inner:hover{border-color:#c0c4cc}.quick-actions[data-v-e3c3a544]{display:flex;justify-content:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.3)}.quick-actions[data-v-e3c3a544] .el-button-group{box-shadow:0 4px 12px #0000001a;border-radius:8px;overflow:hidden}.quick-actions[data-v-e3c3a544] .el-button{padding:8px 16px;font-weight:500;transition:all .3s ease;border:none;background:#ffffffe6;color:#606266}.quick-actions[data-v-e3c3a544] .el-button:hover{background:#409eff;color:#fff;transform:translateY(-1px)}.quick-actions[data-v-e3c3a544] .el-button--info{background:#9093991a}.quick-actions[data-v-e3c3a544] .el-button--info:hover{background:#909399;color:#fff}@media (max-width: 768px){.temperature-converter[data-v-e3c3a544]{padding:16px;margin:8px}.converter-title[data-v-e3c3a544]{font-size:24px}.temperature-grid[data-v-e3c3a544]{grid-template-columns:1fr;gap:12px}.temperature-item[data-v-e3c3a544]{padding:16px}.quick-actions[data-v-e3c3a544] .el-button{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.converter-header[data-v-e3c3a544]{margin-bottom:20px}.converter-title[data-v-e3c3a544]{font-size:20px}.converter-description[data-v-e3c3a544]{font-size:14px}}.sr-only[data-v-e3c3a544]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp-e3c3a544{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.temperature-item[data-v-e3c3a544]{animation:fadeInUp-e3c3a544 .6s ease-out}.temperature-item[data-v-e3c3a544]:nth-child(1){animation-delay:.1s}.temperature-item[data-v-e3c3a544]:nth-child(2){animation-delay:.2s}.temperature-item[data-v-e3c3a544]:nth-child(3){animation-delay:.3s}.temperature-item[data-v-e3c3a544]:nth-child(4){animation-delay:.4s}.temperature-item[data-v-e3c3a544]:nth-child(5){animation-delay:.5s}.temperature-item[data-v-e3c3a544]:nth-child(6){animation-delay:.6s}.temperature-item[data-v-e3c3a544]:nth-child(7){animation-delay:.7s}.temperature-item[data-v-e3c3a544]:nth-child(8){animation-delay:.8s}
