.grade-converter[data-v-3a0447cb]{max-width:100%}.converter-header[data-v-3a0447cb]{text-align:center;margin-bottom:30px}.converter-header h3[data-v-3a0447cb]{margin:0 0 10px 0;color:#303133;font-size:1.4rem}.converter-header p[data-v-3a0447cb]{margin:0;color:#909399;font-size:.9rem}.converter-body[data-v-3a0447cb]{margin-bottom:30px}.conversion-selector[data-v-3a0447cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px}.selector-item[data-v-3a0447cb]{-webkit-box-flex:1;-ms-flex:1;flex:1}.selector-item label[data-v-3a0447cb]{display:block;margin-bottom:8px;color:#606266;font-weight:500}.conversion-arrow[data-v-3a0447cb]{-ms-flex-negative:0;flex-shrink:0}.conversion-area[data-v-3a0447cb]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.input-section[data-v-3a0447cb],.output-section[data-v-3a0447cb]{padding:25px;border-radius:12px;border:2px solid #ebeef5}.input-section[data-v-3a0447cb]{background:#f8f9fa}.output-section[data-v-3a0447cb]{background:linear-gradient(135deg,#f0f7ff,#e6f4ff);border-color:#409eff}.input-section h4[data-v-3a0447cb],.output-section h4[data-v-3a0447cb]{margin:0 0 20px 0;color:#303133;text-align:center}.input-range[data-v-3a0447cb]{margin-top:8px;font-size:.8rem;color:#909399;text-align:center}.output-display[data-v-3a0447cb]{text-align:center;margin-bottom:15px}.output-value[data-v-3a0447cb]{font-size:3rem;font-weight:700;color:#409eff;margin-bottom:5px}.output-type[data-v-3a0447cb]{color:#606266;font-size:1rem}.output-explanation[data-v-3a0447cb]{font-size:.9rem;color:#606266;text-align:center;padding:10px;background:hsla(0,0%,100%,.5);border-radius:6px}.conversion-info[data-v-3a0447cb]{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:30px}.conversion-info h4[data-v-3a0447cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0 0 15px 0;color:#303133}.info-content p[data-v-3a0447cb]{margin:0 0 15px 0;color:#606266;line-height:1.6}.formula-display[data-v-3a0447cb]{padding:10px;background:#fff;border-radius:6px;border-left:4px solid #409eff}.formula-display code[data-v-3a0447cb]{color:#409eff;font-weight:500}.batch-converter[data-v-3a0447cb]{margin-bottom:30px}.batch-converter h4[data-v-3a0447cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0 0 20px 0;color:#303133}.batch-input[data-v-3a0447cb]{margin-bottom:20px}.batch-actions[data-v-3a0447cb]{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.batch-results[data-v-3a0447cb]{background:#f8f9fa;padding:20px;border-radius:12px}.results-header[data-v-3a0447cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.results-header span[data-v-3a0447cb]{font-weight:500;color:#303133}.conversion-table[data-v-3a0447cb]{margin-bottom:30px}.conversion-table h4[data-v-3a0447cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0 0 20px 0;color:#303133}.quick-actions[data-v-3a0447cb]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px;border-top:1px solid #ebeef5}@media (max-width:768px){.conversion-selector[data-v-3a0447cb]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.conversion-area[data-v-3a0447cb]{grid-template-columns:1fr;gap:20px}.output-value[data-v-3a0447cb]{font-size:2.5rem}.batch-actions[data-v-3a0447cb]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quick-actions[data-v-3a0447cb],.results-header[data-v-3a0447cb]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.results-header[data-v-3a0447cb]{gap:10px}}