.tool-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,86,179,.1)}.form-group select{cursor:pointer}.container{padding:20px 16px;flex:1}.breadcrumb{font-size:14px;color:#666}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#0056b3,#007bff);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,86,179,.3)}.btn-primary:active{transform:translateY(0)}.result-card{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #e3f2fd;border-radius:12px;padding:24px;margin-top:20px;display:none}.result-title{font-size:18px;font-weight:600;color:#0056b3;margin-bottom:16px;text-align:center}.ratio-display{text-align:center;margin-bottom:20px}.ratio-value{font-size:32px;font-weight:700;color:#0056b3;margin-bottom:8px}.ratio-label{font-size:14px;color:#666}.health-status{padding:16px;border-radius:8px;margin-bottom:16px;text-align:center}.status-excellent{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.status-good{background:#fff3e0;border:1px solid #ff9800;color:#f57c00}.status-warning{background:#ffebee;border:1px solid #f44336;color:#d32f2f}.status-icon{font-size:20px;margin-right:8px}.status-text{font-size:16px;font-weight:500}.health-tips{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin-top:16px}.tips-title{font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.tips-text{font-size:13px;color:#6c757d;line-height:1.5}@media (max-width:480px){.container{padding:16px 12px}.tool-card{padding:20px}.header{padding:20px 16px}.header h1{font-size:22px}.ratio-value{font-size:28px}}